import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
const _c0 = function (a0) { return { "al-data-field--inline": a0 }; };
export class AlDataFieldComponent {
    constructor() {
        this.label = 'Label';
        this.value = 'Value';
        this.inline = false;
    }
}
/** @nocollapse */ AlDataFieldComponent.ɵfac = function AlDataFieldComponent_Factory(t) { return new (t || AlDataFieldComponent)(); };
/** @nocollapse */ AlDataFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlDataFieldComponent, selectors: [["al-data-field"]], inputs: { label: "label", value: "value", inline: "inline" }, decls: 5, vars: 5, consts: [[1, "al-data-field", 3, "ngClass"], [1, "al-data-field__label"], [1, "al-data-field__value"]], template: function AlDataFieldComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "div", 1);
        i0.ɵɵtext(2);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(3, "div", 2);
        i0.ɵɵtext(4);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx.inline));
        i0.ɵɵadvance(2);
        i0.ɵɵtextInterpolate(ctx.label);
        i0.ɵɵadvance(2);
        i0.ɵɵtextInterpolate(ctx.value);
    } }, directives: [i1.NgClass], styles: [".al-data-field[_ngcontent-%COMP%]{font-size:12px;line-height:16px;padding-top:8px;padding-bottom:8px}.al-data-field__label[_ngcontent-%COMP%]{color:var(--label)}.al-data-field__value[_ngcontent-%COMP%]{word-break:break-word}.al-data-field--inline[_ngcontent-%COMP%]{display:flex}.al-data-field--inline[_ngcontent-%COMP%]   .al-data-field__label[_ngcontent-%COMP%]{flex-grow:0;flex-shrink:0;width:110px}.al-data-field--inline[_ngcontent-%COMP%]   .al-data-field__value[_ngcontent-%COMP%]{padding-left:8px}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AlDataFieldComponent, [{
        type: Component,
        args: [{
                selector: 'al-data-field',
                templateUrl: './al-data-field.component.html',
                styleUrls: ['./al-data-field.component.scss']
            }]
    }], function () { return []; }, { label: [{
            type: Input
        }], value: [{
            type: Input
        }], inline: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWwtZGF0YS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYWwvbmctZ2VuZXJpYy1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiYWwtZGF0YS1maWVsZC9hbC1kYXRhLWZpZWxkLmNvbXBvbmVudC50cyIsImFsLWRhdGEtZmllbGQvYWwtZGF0YS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU1qRCxNQUFNLE9BQU8sb0JBQW9CO0lBTTdCO1FBSlMsVUFBSyxHQUFXLE9BQU8sQ0FBQztRQUN4QixVQUFLLEdBQW9CLE9BQU8sQ0FBQztRQUNqQyxXQUFNLEdBQVksS0FBSyxDQUFDO0lBRWpCLENBQUM7OzJHQU5SLG9CQUFvQjs0RUFBcEIsb0JBQW9CO1FDTmpDLDhCQUNJO1FBQUEsOEJBQWtDO1FBQUEsWUFBVztRQUFBLGlCQUFNO1FBQ25ELDhCQUFrQztRQUFBLFlBQVc7UUFBQSxpQkFBTTtRQUN2RCxpQkFBTTs7UUFIcUIsZ0VBQStDO1FBQ3BDLGVBQVc7UUFBWCwrQkFBVztRQUNYLGVBQVc7UUFBWCwrQkFBVzs7a0RESXBDLG9CQUFvQjtjQUxoQyxTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLFdBQVcsRUFBRSxnQ0FBZ0M7Z0JBQzdDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2FBQ2hEOztrQkFHSSxLQUFLOztrQkFDTCxLQUFLOztrQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FsLWRhdGEtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hbC1kYXRhLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hbC1kYXRhLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWxEYXRhRmllbGRDb21wb25lbnQge1xuXG4gICAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICdMYWJlbCc7XG4gICAgQElucHV0KCkgdmFsdWU6IHN0cmluZyB8IG51bWJlciA9ICdWYWx1ZSc7XG4gICAgQElucHV0KCkgaW5saW5lOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG59XG5cbiIsIjxkaXYgY2xhc3M9XCJhbC1kYXRhLWZpZWxkXCIgW25nQ2xhc3NdPVwieyAnYWwtZGF0YS1maWVsZC0taW5saW5lJzogaW5saW5lIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiYWwtZGF0YS1maWVsZF9fbGFiZWxcIj57eyBsYWJlbCB9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJhbC1kYXRhLWZpZWxkX192YWx1ZVwiPnt7IHZhbHVlIH19PC9kaXY+XG48L2Rpdj5cbiJdfQ==