import { ChangeDetectionStrategy, Component, Directive, HostBinding, Input, } from '@angular/core';
export class FieldSetItemComponent {
    constructor() {
        this.allowOverflow = false;
        this.allowWrap = false;
    }
    get align() {
        return this.allowWrap ? 'flex-start' : 'center';
    }
}
FieldSetItemComponent.decorators = [
    { type: Component, args: [{
                selector: 'acl-field-set-item',
                template: "<div class=\"field-set-item__label\">\n  <ng-content select=\"label\"></ng-content>\n</div>\n<div\n  class=\"field-set-item__value\"\n  [ngClass]=\"{\n    'field-set-item__value__wrap': allowWrap\n  }\"\n>\n  <span\n    [ngClass]=\"{\n      'field-set-item__value__overflow': allowOverflow\n    }\"\n  >\n    <ng-content></ng-content>\n  </span>\n  <span class=\"field-set-item__value__action\">\n    <ng-content select=\"[aclFieldSetItemAction]\"></ng-content>\n  </span>\n</div>\n",
                preserveWhitespaces: false,
                changeDetection: ChangeDetectionStrategy.OnPush,
                styles: [":host{display:flex;min-height:20px;line-height:20px;align-items:center;overflow:hidden;color:var(--aui-color-text-main);min-width:40%;flex:1}:host ::ng-deep .edit-icon{margin-left:9px;cursor:pointer}.field-set-item__label{white-space:nowrap;margin-right:8px}.field-set-item__label:not(:empty):after{content:\":\";margin-left:2px}.field-set-item__value{min-width:0;white-space:nowrap;display:flex;flex:1}.field-set-item__value__overflow{overflow:hidden;text-overflow:ellipsis}.field-set-item__value__wrap{white-space:pre-wrap;flex-wrap:wrap;display:block}.field-set-item__value__action{flex-shrink:0}.field-set-item__label,.field-set-item__value{height:100%;align-items:flex-start}"]
            },] }
];
FieldSetItemComponent.propDecorators = {
    allowOverflow: [{ type: Input }],
    allowWrap: [{ type: Input }],
    align: [{ type: HostBinding, args: ['style.align-items',] }]
};
export class FieldSetItemActionDirective {
}
FieldSetItemActionDirective.decorators = [
    { type: Directive, args: [{
                selector: '[aclFieldSetItemAction]',
            },] }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbGF1ZGEtY29tbW9uLWxpYi9zcmMvd2lkZ2V0L2ZpZWxkLXNldC9pdGVtL2NvbXBvZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBU3ZCLE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFRVyxrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixjQUFTLEdBQUcsS0FBSyxDQUFDO0lBSzdCLENBQUM7SUFIQyxJQUFzQyxLQUFLO1FBQ3pDLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7SUFDbEQsQ0FBQzs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLDhlQUE4QjtnQkFFOUIsbUJBQW1CLEVBQUUsS0FBSztnQkFDMUIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7NEJBRUUsS0FBSzt3QkFDTCxLQUFLO29CQUVMLFdBQVcsU0FBQyxtQkFBbUI7O0FBUWxDLE1BQU0sT0FBTywyQkFBMkI7OztZQUh2QyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjthQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLWZpZWxkLXNldC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZXMuc2NzcyddLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkU2V0SXRlbUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFsbG93T3ZlcmZsb3cgPSBmYWxzZTtcbiAgQElucHV0KCkgYWxsb3dXcmFwID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5hbGlnbi1pdGVtcycpIGdldCBhbGlnbigpIHtcbiAgICByZXR1cm4gdGhpcy5hbGxvd1dyYXAgPyAnZmxleC1zdGFydCcgOiAnY2VudGVyJztcbiAgfVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYWNsRmllbGRTZXRJdGVtQWN0aW9uXScsXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkU2V0SXRlbUFjdGlvbkRpcmVjdGl2ZSB7fVxuIl19