import { Component, HostBinding, Input } from '@angular/core';
import { coerceBooleanProperty } from '@angular/cdk/coercion';
import * as i0 from "@angular/core";
import * as i1 from "../../../avatar/avatar-country/avatar-country.component";
import * as i2 from "@angular/common";
export class OptionCountryComponent {
    constructor() {
        this.compact = false;
    }
    set setCompact(value) {
        this.compact = coerceBooleanProperty(value);
    }
    ngOnInit() {
    }
}
OptionCountryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: OptionCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OptionCountryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.4", type: OptionCountryComponent, selector: "ui-option-country", inputs: { code: "code", comment: "comment", setCompact: ["compact", "setCompact"] }, host: { properties: { "class.compact": "this.compact" } }, ngImport: i0, template: "<ui-avatar-country [size]=\"compact ? 's' : 'm'\" [code]=\"code\"></ui-avatar-country>\n<div>\n  <div class=\"country\" [class.country--inline]=\"compact\">\n    <div class=\"country__name\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"country__comment\" *ngIf=\"comment\">\n      {{comment}}\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}.country--inline{display:flex;justify-content:space-between}.country__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country__comment{font-size:var(--font-size-s);color:var(--color-contrast-40);padding-top:4px}.country--inline .country__comment{font-size:var(--font-size);padding:0 0 0 12px}\n"], components: [{ type: i1.AvatarCountryComponent, selector: "ui-avatar-country", inputs: ["size", "code"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: OptionCountryComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ui-option-country', template: "<ui-avatar-country [size]=\"compact ? 's' : 'm'\" [code]=\"code\"></ui-avatar-country>\n<div>\n  <div class=\"country\" [class.country--inline]=\"compact\">\n    <div class=\"country__name\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"country__comment\" *ngIf=\"comment\">\n      {{comment}}\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}.country--inline{display:flex;justify-content:space-between}.country__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country__comment{font-size:var(--font-size-s);color:var(--color-contrast-40);padding-top:4px}.country--inline .country__comment{font-size:var(--font-size);padding:0 0 0 12px}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { code: [{
                type: Input
            }], comment: [{
                type: Input
            }], compact: [{
                type: HostBinding,
                args: ['class.compact']
            }], setCompact: [{
                type: Input,
                args: ['compact']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWNvdW50cnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLWNvdW50cnkvb3B0aW9uLWNvdW50cnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLWNvdW50cnkvb3B0aW9uLWNvdW50cnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBRXBFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHVCQUF1QixDQUFDOzs7O0FBTzVELE1BQU0sT0FBTyxzQkFBc0I7SUFZakM7UUFOQSxZQUFPLEdBQUcsS0FBSyxDQUFDO0lBT2hCLENBQUM7SUFMRCxJQUFzQixVQUFVLENBQUMsS0FBYztRQUM3QyxJQUFJLENBQUMsT0FBTyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFLRCxRQUFRO0lBQ1IsQ0FBQzs7bUhBaEJVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHlNQ1RuQyx5VkFXQTsyRkRGYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsbUJBQW1COzBFQU1wQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUdOLE9BQU87c0JBRE4sV0FBVzt1QkFBQyxlQUFlO2dCQUdOLFVBQVU7c0JBQS9CLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvdW50cnlDb2RlfSBmcm9tICdsaWJwaG9uZW51bWJlci1qcy90eXBlcyc7XG5pbXBvcnQge2NvZXJjZUJvb2xlYW5Qcm9wZXJ0eX0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktb3B0aW9uLWNvdW50cnknLFxuICB0ZW1wbGF0ZVVybDogJy4vb3B0aW9uLWNvdW50cnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vcHRpb24tY291bnRyeS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE9wdGlvbkNvdW50cnlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGNvZGU6IHN0cmluZyB8IENvdW50cnlDb2RlO1xuICBASW5wdXQoKSBjb21tZW50OiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb21wYWN0JylcbiAgY29tcGFjdCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgnY29tcGFjdCcpIHNldCBzZXRDb21wYWN0KHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5jb21wYWN0ID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cbn1cbiIsIjx1aS1hdmF0YXItY291bnRyeSBbc2l6ZV09XCJjb21wYWN0ID8gJ3MnIDogJ20nXCIgW2NvZGVdPVwiY29kZVwiPjwvdWktYXZhdGFyLWNvdW50cnk+XG48ZGl2PlxuICA8ZGl2IGNsYXNzPVwiY291bnRyeVwiIFtjbGFzcy5jb3VudHJ5LS1pbmxpbmVdPVwiY29tcGFjdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb3VudHJ5X19uYW1lXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvdW50cnlfX2NvbW1lbnRcIiAqbmdJZj1cImNvbW1lbnRcIj5cbiAgICAgIHt7Y29tbWVudH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=