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 "../../../avatar/avatar.component";
import * as i3 from "../../../avatar/initials.pipe";
export class OptionUserComponent {
    constructor() {
        this.compact = false;
    }
    set setCompact(value) {
        this.compact = coerceBooleanProperty(value);
    }
    ngOnInit() {
    }
}
OptionUserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: OptionUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OptionUserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", type: OptionUserComponent, selector: "ui-option-user", inputs: { account: "account", name: "name", setCompact: ["compact", "setCompact"] }, host: { properties: { "class.compact": "this.compact" } }, ngImport: i0, template: "<ui-avatar [size]=\"compact ? 's' : 'm'\">{{name | initials}}</ui-avatar>\n<div>\n  <div class=\"user\" [class.user--inline]=\"compact\">\n    <div class=\"user__name\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"user__account\" *ngIf=\"account\">\n      {{account}}\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}.user--inline{display:flex;justify-content:space-between}.user__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user__account{font-size:var(--font-size-s);color:var(--color-contrast-40);padding-top:4px}.user--inline .user__account{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.AvatarComponent, selector: "ui-avatar", inputs: ["size", "role", "icon", "iconState", "imageUrl", "imageAlt", "text"] }, { kind: "pipe", type: i3.InitialsPipe, name: "initials" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: OptionUserComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ui-option-user', template: "<ui-avatar [size]=\"compact ? 's' : 'm'\">{{name | initials}}</ui-avatar>\n<div>\n  <div class=\"user\" [class.user--inline]=\"compact\">\n    <div class=\"user__name\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"user__account\" *ngIf=\"account\">\n      {{account}}\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}.user--inline{display:flex;justify-content:space-between}.user__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user__account{font-size:var(--font-size-s);color:var(--color-contrast-40);padding-top:4px}.user--inline .user__account{font-size:var(--font-size);padding:0 0 0 12px}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { compact: [{
                type: HostBinding,
                args: ['class.compact']
            }], account: [{
                type: Input
            }], name: [{
                type: Input
            }], setCompact: [{
                type: Input,
                args: ['compact']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLXVzZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLXVzZXIvb3B0aW9uLXVzZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkta2l0L3NyYy9saWIvZm9ybS9vcHRpb24vb3B0aW9uLXVzZXIvb3B0aW9uLXVzZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHVCQUF1QixDQUFDOzs7OztBQU81RCxNQUFNLE9BQU8sbUJBQW1CO0lBWTlCO1FBVEEsWUFBTyxHQUFHLEtBQUssQ0FBQztJQVVoQixDQUFDO0lBTEQsSUFBc0IsVUFBVSxDQUFDLEtBQWM7UUFDN0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBS0QsUUFBUTtJQUNSLENBQUM7O2dIQWhCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixzTUNSaEMsZ1VBV0E7MkZESGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQjswRUFPMUIsT0FBTztzQkFETixXQUFXO3VCQUFDLGVBQWU7Z0JBR25CLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRWdCLFVBQVU7c0JBQS9CLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge2NvZXJjZUJvb2xlYW5Qcm9wZXJ0eX0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktb3B0aW9uLXVzZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vb3B0aW9uLXVzZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vcHRpb24tdXNlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE9wdGlvblVzZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY29tcGFjdCcpXG4gIGNvbXBhY3QgPSBmYWxzZTtcblxuICBASW5wdXQoKSBhY2NvdW50OiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcblxuICBASW5wdXQoJ2NvbXBhY3QnKSBzZXQgc2V0Q29tcGFjdCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuY29tcGFjdCA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eSh2YWx1ZSk7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiIsIjx1aS1hdmF0YXIgW3NpemVdPVwiY29tcGFjdCA/ICdzJyA6ICdtJ1wiPnt7bmFtZSB8IGluaXRpYWxzfX08L3VpLWF2YXRhcj5cbjxkaXY+XG4gIDxkaXYgY2xhc3M9XCJ1c2VyXCIgW2NsYXNzLnVzZXItLWlubGluZV09XCJjb21wYWN0XCI+XG4gICAgPGRpdiBjbGFzcz1cInVzZXJfX25hbWVcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidXNlcl9fYWNjb3VudFwiICpuZ0lmPVwiYWNjb3VudFwiPlxuICAgICAge3thY2NvdW50fX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==