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: "12.2.4", ngImport: i0, type: OptionCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OptionCountryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.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}"], 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: "12.2.4", ngImport: i0, type: OptionCountryComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'ui-option-country',
                    templateUrl: './option-country.component.html',
                    styleUrls: ['./option-country.component.scss']
                }]
        }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWNvdW50cnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLWNvdW50cnkvb3B0aW9uLWNvdW50cnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLWNvdW50cnkvb3B0aW9uLWNvdW50cnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBRXBFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHVCQUF1QixDQUFDOzs7O0FBTzVELE1BQU0sT0FBTyxzQkFBc0I7SUFZakM7UUFOQSxZQUFPLEdBQUcsS0FBSyxDQUFDO0lBT2hCLENBQUM7SUFMRCxJQUFzQixVQUFVLENBQUMsS0FBYztRQUM3QyxJQUFJLENBQUMsT0FBTyxHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFLRCxRQUFRO0lBQ1IsQ0FBQzs7bUhBaEJVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHlNQ1RuQyx5VkFXQTsyRkRGYSxzQkFBc0I7a0JBTGxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsV0FBVyxFQUFFLGlDQUFpQztvQkFDOUMsU0FBUyxFQUFFLENBQUMsaUNBQWlDLENBQUM7aUJBQy9DOzBFQUdVLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR04sT0FBTztzQkFETixXQUFXO3VCQUFDLGVBQWU7Z0JBR04sVUFBVTtzQkFBL0IsS0FBSzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q291bnRyeUNvZGV9IGZyb20gJ2xpYnBob25lbnVtYmVyLWpzL3R5cGVzJztcbmltcG9ydCB7Y29lcmNlQm9vbGVhblByb3BlcnR5fSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd1aS1vcHRpb24tY291bnRyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vcHRpb24tY291bnRyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29wdGlvbi1jb3VudHJ5LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgT3B0aW9uQ291bnRyeUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgY29kZTogc3RyaW5nIHwgQ291bnRyeUNvZGU7XG4gIEBJbnB1dCgpIGNvbW1lbnQ6IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbXBhY3QnKVxuICBjb21wYWN0ID0gZmFsc2U7XG5cbiAgQElucHV0KCdjb21wYWN0Jykgc2V0IHNldENvbXBhY3QodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmNvbXBhY3QgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxufVxuIiwiPHVpLWF2YXRhci1jb3VudHJ5IFtzaXplXT1cImNvbXBhY3QgPyAncycgOiAnbSdcIiBbY29kZV09XCJjb2RlXCI+PC91aS1hdmF0YXItY291bnRyeT5cbjxkaXY+XG4gIDxkaXYgY2xhc3M9XCJjb3VudHJ5XCIgW2NsYXNzLmNvdW50cnktLWlubGluZV09XCJjb21wYWN0XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvdW50cnlfX25hbWVcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY291bnRyeV9fY29tbWVudFwiICpuZ0lmPVwiY29tbWVudFwiPlxuICAgICAge3tjb21tZW50fX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==