import { ChangeDetectionStrategy, Component, Directive, HostBinding, Input, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
const _c0 = [[["label"]], "*"];
const _c1 = function (a0, a1) { return { "field-set-item__value__overflow": a0, "field-set-item__value__wrap": a1 }; };
const _c2 = ["label", "*"];
export class FieldSetItemComponent {
    constructor() {
        this.allowOverflow = false;
        this.allowWrap = false;
    }
    get align() {
        return this.allowWrap ? 'flex-start' : 'center';
    }
}
FieldSetItemComponent.ɵfac = function FieldSetItemComponent_Factory(t) { return new (t || FieldSetItemComponent)(); };
FieldSetItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FieldSetItemComponent, selectors: [["acl-field-set-item"]], hostVars: 2, hostBindings: function FieldSetItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
        i0.ɵɵstyleProp("align-items", ctx.align);
    } }, inputs: { allowOverflow: "allowOverflow", allowWrap: "allowWrap" }, ngContentSelectors: _c2, decls: 4, vars: 4, consts: [[1, "field-set-item__label"], [1, "field-set-item__value", 3, "ngClass"]], template: function FieldSetItemComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef(_c0);
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵprojection(1);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(2, "div", 1);
        i0.ɵɵprojection(3, 1);
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1, ctx.allowOverflow, ctx.allowWrap));
    } }, dependencies: [i1.NgClass], styles: ["[_nghost-%COMP%]{display:flex;min-height:20px;line-height:20px;align-items:center;overflow:hidden;color:rgb(var(--aui-color-main-text));min-width:40%;flex:1}.field-set-item__label[_ngcontent-%COMP%]{white-space:nowrap;margin-right:8px;font-weight:500}.field-set-item__label[_ngcontent-%COMP%]:not(:empty):after{content:\":\";margin-left:2px}.field-set-item__value[_ngcontent-%COMP%]{min-width:0;width:100%;white-space:nowrap;display:flex}.field-set-item__value[_ngcontent-%COMP%]     .aui-button{margin-left:8px}.field-set-item__value[_ngcontent-%COMP%]     aui-checkbox{display:inline-flex}.field-set-item__value__overflow[_ngcontent-%COMP%]{display:block;overflow:hidden;text-overflow:ellipsis}.field-set-item__value__wrap[_ngcontent-%COMP%]{white-space:pre-wrap;flex-wrap:wrap}.field-set-item__label[_ngcontent-%COMP%], .field-set-item__value[_ngcontent-%COMP%]{height:100%;align-items:flex-start}"], changeDetection: 0 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldSetItemComponent, [{
        type: Component,
        args: [{ selector: 'acl-field-set-item', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, 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__overflow': allowOverflow,\n    'field-set-item__value__wrap': allowWrap\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;min-height:20px;line-height:20px;align-items:center;overflow:hidden;color:rgb(var(--aui-color-main-text));min-width:40%;flex:1}.field-set-item__label{white-space:nowrap;margin-right:8px;font-weight:500}.field-set-item__label:not(:empty):after{content:\":\";margin-left:2px}.field-set-item__value{min-width:0;width:100%;white-space:nowrap;display:flex}.field-set-item__value ::ng-deep .aui-button{margin-left:8px}.field-set-item__value ::ng-deep aui-checkbox{display:inline-flex}.field-set-item__value__overflow{display:block;overflow:hidden;text-overflow:ellipsis}.field-set-item__value__wrap{white-space:pre-wrap;flex-wrap:wrap}.field-set-item__label,.field-set-item__value{height:100%;align-items:flex-start}\n"] }]
    }], null, { allowOverflow: [{
            type: Input
        }], allowWrap: [{
            type: Input
        }], align: [{
            type: HostBinding,
            args: ['style.align-items']
        }] }); })();
export class FieldSetItemActionDirective {
    constructor() {
        this.class = 'acl-field-set-item-action';
    }
}
FieldSetItemActionDirective.ɵfac = function FieldSetItemActionDirective_Factory(t) { return new (t || FieldSetItemActionDirective)(); };
FieldSetItemActionDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FieldSetItemActionDirective, selectors: [["", "aclFieldSetItemAction", ""]], hostVars: 2, hostBindings: function FieldSetItemActionDirective_HostBindings(rf, ctx) { if (rf & 2) {
        i0.ɵɵclassMap(ctx.class);
    } } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldSetItemActionDirective, [{
        type: Directive,
        args: [{
                selector: '[aclFieldSetItemAction]',
            }]
    }], null, { class: [{
            type: HostBinding,
            args: ['class']
        }] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3dpZGdldC9maWVsZC1zZXQvaXRlbS9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L2ZpZWxkLXNldC9pdGVtL3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7Ozs7OztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUVcsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFDdEIsY0FBUyxHQUFHLEtBQUssQ0FBQztLQUk1QjtJQUhDLElBQXNDLEtBQUs7UUFDekMsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUNsRCxDQUFDOzswRkFMVSxxQkFBcUI7d0VBQXJCLHFCQUFxQjs7OztRQ2ZsQyw4QkFBbUM7UUFDakMsa0JBQXdDO1FBQzFDLGlCQUFNO1FBQ04sOEJBTUM7UUFDQyxxQkFBeUI7UUFDM0IsaUJBQU07O1FBTkosZUFHRTtRQUhGLHNGQUdFOzt1RkRPUyxxQkFBcUI7Y0FQakMsU0FBUzsyQkFDRSxvQkFBb0IsdUJBR1QsS0FBSyxtQkFDVCx1QkFBdUIsQ0FBQyxNQUFNO2dCQUd0QyxhQUFhO2tCQUFyQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUNnQyxLQUFLO2tCQUExQyxXQUFXO21CQUFDLG1CQUFtQjs7QUFRbEMsTUFBTSxPQUFPLDJCQUEyQjtJQUh4QztRQUtFLFVBQUssR0FBRywyQkFBMkIsQ0FBQztLQUNyQzs7c0dBSFksMkJBQTJCOzhFQUEzQiwyQkFBMkI7Ozt1RkFBM0IsMkJBQTJCO2NBSHZDLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUseUJBQXlCO2FBQ3BDO2dCQUdDLEtBQUs7a0JBREosV0FBVzttQkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtZmllbGQtc2V0LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0eWxlcy5zY3NzJ10sXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRmllbGRTZXRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYWxsb3dPdmVyZmxvdyA9IGZhbHNlO1xuICBASW5wdXQoKSBhbGxvd1dyYXAgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5hbGlnbi1pdGVtcycpIGdldCBhbGlnbigpIHtcbiAgICByZXR1cm4gdGhpcy5hbGxvd1dyYXAgPyAnZmxleC1zdGFydCcgOiAnY2VudGVyJztcbiAgfVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYWNsRmllbGRTZXRJdGVtQWN0aW9uXScsXG59KVxuZXhwb3J0IGNsYXNzIEZpZWxkU2V0SXRlbUFjdGlvbkRpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBjbGFzcyA9ICdhY2wtZmllbGQtc2V0LWl0ZW0tYWN0aW9uJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJmaWVsZC1zZXQtaXRlbV9fbGFiZWxcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibGFiZWxcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXZcbiAgY2xhc3M9XCJmaWVsZC1zZXQtaXRlbV9fdmFsdWVcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2ZpZWxkLXNldC1pdGVtX192YWx1ZV9fb3ZlcmZsb3cnOiBhbGxvd092ZXJmbG93LFxuICAgICdmaWVsZC1zZXQtaXRlbV9fdmFsdWVfX3dyYXAnOiBhbGxvd1dyYXBcbiAgfVwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19