@dynamic-field-kit/angular 1.0.2 → 1.2.1

package/esm2020/components/MultiFieldInput.mjs

@@ -0,0 +1,79 @@
+import { NgClass, NgFor } from "@angular/common";
+import { Component, Input, Output, EventEmitter } from "@angular/core";
+import { FieldInput } from "./FieldInput";
+import * as i0 from "@angular/core";
+export class MultiFieldInput {
+    constructor() {
+        this.fieldDescriptions = [];
+        this.onChange = new EventEmitter();
+        this.layout = "column";
+        this.data = {};
+        this.visibleFields = [];
+    }
+    trackByFn(index, field) {
+        return field.name || index;
+    }
+    ngOnInit() {
+        this.init();
+    }
+    ngOnChanges(_changes) {
+        this.init();
+    }
+    init() {
+        if (this.properties)
+            this.data = { ...this.properties };
+        this.updateVisibleFields();
+    }
+    updateVisibleFields() {
+        this.visibleFields = this.fieldDescriptions.filter((f) => !f.appearCondition || f.appearCondition(this.data));
+    }
+    onFieldChange(event) {
+        this.data = { ...this.data, [event.key]: event.value };
+        this.updateVisibleFields();
+        this.onChange.emit(this.data);
+    }
+}
+MultiFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiFieldInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MultiFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultiFieldInput, isStandalone: true, selector: "dfk-multi-field-input", inputs: { fieldDescriptions: "fieldDescriptions", properties: "properties", layout: "layout" }, outputs: { onChange: "onChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div class="flex flex-col gap-3 p-4 border rounded-lg bg-gray-50" [ngClass]="{
+      'flex-row gap-3': layout === 'row',
+      'grid grid-cols-2 gap-3': layout === 'grid'
+    }">
+      <dfk-field-input
+        *ngFor="let field of visibleFields; trackBy: trackByFn"
+        [fieldDescription]="field"
+        [renderInfos]="data"
+        (onValueChangeField)="onFieldChange($event)"
+      ></dfk-field-input>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FieldInput, selector: "dfk-field-input", inputs: ["fieldDescription", "renderInfos"], outputs: ["onValueChangeField"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiFieldInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-multi-field-input",
+                    standalone: true,
+                    imports: [NgClass, NgFor, FieldInput],
+                    template: `
+    <div class="flex flex-col gap-3 p-4 border rounded-lg bg-gray-50" [ngClass]="{
+      'flex-row gap-3': layout === 'row',
+      'grid grid-cols-2 gap-3': layout === 'grid'
+    }">
+      <dfk-field-input
+        *ngFor="let field of visibleFields; trackBy: trackByFn"
+        [fieldDescription]="field"
+        [renderInfos]="data"
+        (onValueChangeField)="onFieldChange($event)"
+      ></dfk-field-input>
+    </div>
+  `,
+                }]
+        }], propDecorators: { fieldDescriptions: [{
+                type: Input
+            }], properties: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], layout: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlGaWVsZElucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTXVsdGlGaWVsZElucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBb0MsTUFBTSxlQUFlLENBQUE7QUFFeEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTs7QUFxQnpDLE1BQU0sT0FBTyxlQUFlO0lBbEI1QjtRQW1CVyxzQkFBaUIsR0FBdUIsRUFBRSxDQUFBO1FBRXpDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFBO1FBQzFDLFdBQU0sR0FBaUIsUUFBUSxDQUFBO1FBRXhDLFNBQUksR0FBZSxFQUFFLENBQUE7UUFDckIsa0JBQWEsR0FBdUIsRUFBRSxDQUFBO0tBOEJ2QztJQTVCQyxTQUFTLENBQUMsS0FBYSxFQUFFLEtBQXVCO1FBQzlDLE9BQU8sS0FBSyxDQUFDLElBQUksSUFBSSxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDYixDQUFDO0lBRUQsV0FBVyxDQUFDLFFBQXVCO1FBQ2pDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUNiLENBQUM7SUFFTyxJQUFJO1FBQ1YsSUFBSSxJQUFJLENBQUMsVUFBVTtZQUFFLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQTtRQUN2RCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQTtJQUM1QixDQUFDO0lBRU8sbUJBQW1CO1FBQ3pCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sQ0FDaEQsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWUsSUFBSSxDQUFDLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FDMUQsQ0FBQTtJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsS0FBa0M7UUFDOUMsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUE7UUFDdEQsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUE7UUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQy9CLENBQUM7OzZHQXBDVSxlQUFlO2lHQUFmLGVBQWUseU9BZGhCOzs7Ozs7Ozs7Ozs7R0FZVCw0REFiUyxPQUFPLG9GQUFFLEtBQUssbUhBQUUsVUFBVTs0RkFlekIsZUFBZTtrQkFsQjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztHQVlUO2lCQUNGOzhCQUVVLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0UsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcywgTmdGb3IgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkNoYW5nZXMsIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcbmltcG9ydCB7IEZpZWxkRGVzY3JpcHRpb24sIFByb3BlcnRpZXMgfSBmcm9tIFwiQGR5bmFtaWMtZmllbGQta2l0L2NvcmVcIlxuaW1wb3J0IHsgRmllbGRJbnB1dCB9IGZyb20gXCIuL0ZpZWxkSW5wdXRcIlxuaW1wb3J0IHsgTGF5b3V0Q29uZmlnIH0gZnJvbSBcIi4uL3R5cGVzL2xheW91dFwiXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJkZmstbXVsdGktZmllbGQtaW5wdXRcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nQ2xhc3MsIE5nRm9yLCBGaWVsZElucHV0XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAtMyBwLTQgYm9yZGVyIHJvdW5kZWQtbGcgYmctZ3JheS01MFwiIFtuZ0NsYXNzXT1cIntcbiAgICAgICdmbGV4LXJvdyBnYXAtMyc6IGxheW91dCA9PT0gJ3JvdycsXG4gICAgICAnZ3JpZCBncmlkLWNvbHMtMiBnYXAtMyc6IGxheW91dCA9PT0gJ2dyaWQnXG4gICAgfVwiPlxuICAgICAgPGRmay1maWVsZC1pbnB1dFxuICAgICAgICAqbmdGb3I9XCJsZXQgZmllbGQgb2YgdmlzaWJsZUZpZWxkczsgdHJhY2tCeTogdHJhY2tCeUZuXCJcbiAgICAgICAgW2ZpZWxkRGVzY3JpcHRpb25dPVwiZmllbGRcIlxuICAgICAgICBbcmVuZGVySW5mb3NdPVwiZGF0YVwiXG4gICAgICAgIChvblZhbHVlQ2hhbmdlRmllbGQpPVwib25GaWVsZENoYW5nZSgkZXZlbnQpXCJcbiAgICAgID48L2Rmay1maWVsZC1pbnB1dD5cbiAgICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgTXVsdGlGaWVsZElucHV0IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBmaWVsZERlc2NyaXB0aW9uczogRmllbGREZXNjcmlwdGlvbltdID0gW11cbiAgQElucHV0KCkgcHJvcGVydGllcz86IFByb3BlcnRpZXNcbiAgQE91dHB1dCgpIG9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxQcm9wZXJ0aWVzPigpXG4gIEBJbnB1dCgpIGxheW91dDogTGF5b3V0Q29uZmlnID0gXCJjb2x1bW5cIlxuXG4gIGRhdGE6IFByb3BlcnRpZXMgPSB7fVxuICB2aXNpYmxlRmllbGRzOiBGaWVsZERlc2NyaXB0aW9uW10gPSBbXVxuXG4gIHRyYWNrQnlGbihpbmRleDogbnVtYmVyLCBmaWVsZDogRmllbGREZXNjcmlwdGlvbik6IHN0cmluZyB8IG51bWJlciB7XG4gICAgcmV0dXJuIGZpZWxkLm5hbWUgfHwgaW5kZXg7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmluaXQoKVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoX2NoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmluaXQoKVxuICB9XG5cbiAgcHJpdmF0ZSBpbml0KCkge1xuICAgIGlmICh0aGlzLnByb3BlcnRpZXMpIHRoaXMuZGF0YSA9IHsgLi4udGhpcy5wcm9wZXJ0aWVzIH1cbiAgICB0aGlzLnVwZGF0ZVZpc2libGVGaWVsZHMoKVxuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVWaXNpYmxlRmllbGRzKCkge1xuICAgIHRoaXMudmlzaWJsZUZpZWxkcyA9IHRoaXMuZmllbGREZXNjcmlwdGlvbnMuZmlsdGVyKFxuICAgICAgKGYpID0+ICFmLmFwcGVhckNvbmRpdGlvbiB8fCBmLmFwcGVhckNvbmRpdGlvbih0aGlzLmRhdGEpXG4gICAgKVxuICB9XG5cbiAgb25GaWVsZENoYW5nZShldmVudDogeyB2YWx1ZTogYW55OyBrZXk6IHN0cmluZyB9KSB7XG4gICAgdGhpcy5kYXRhID0geyAuLi50aGlzLmRhdGEsIFtldmVudC5rZXldOiBldmVudC52YWx1ZSB9XG4gICAgdGhpcy51cGRhdGVWaXNpYmxlRmllbGRzKClcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQodGhpcy5kYXRhKVxuICB9XG59XG4iXX0=

package/esm2020/dynamic-field-kit-angular.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1maWVsZC1raXQtYW5ndWxhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9keW5hbWljLWZpZWxkLWtpdC1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2020/layout/defaultLayouts.mjs

@@ -0,0 +1,43 @@
+import { Component } from "@angular/core";
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class ColumnLayout {
+}
+ColumnLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ColumnLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnLayout, isStandalone: true, selector: "dfk-column-layout", ngImport: i0, template: `<div style="display:flex;flex-direction:column;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnLayout, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-column-layout",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div style="display:flex;flex-direction:column;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`,
+                }]
+        }] });
+export class RowLayout {
+}
+RowLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RowLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RowLayout, isStandalone: true, selector: "dfk-row-layout", ngImport: i0, template: `<div style="display:flex;flex-direction:row;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowLayout, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-row-layout",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div style="display:flex;flex-direction:row;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`,
+                }]
+        }] });
+export class GridLayout {
+}
+GridLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GridLayout, isStandalone: true, selector: "dfk-grid-layout", ngImport: i0, template: `<div style="display:grid;grid-template-columns:repeat(var(--dfk-columns,2),1fr);gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayout, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-grid-layout",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div style="display:grid;grid-template-columns:repeat(var(--dfk-columns,2),1fr);gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdExheW91dHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGF5b3V0L2RlZmF1bHRMYXlvdXRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBOztBQVE5QyxNQUFNLE9BQU8sWUFBWTs7MEdBQVosWUFBWTs4RkFBWixZQUFZLDZFQUZiLHlHQUF5RywyREFEekcsWUFBWTs0RkFHWCxZQUFZO2tCQU54QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFFBQVEsRUFBRSx5R0FBeUc7aUJBQ3BIOztBQVNELE1BQU0sT0FBTyxTQUFTOzt1R0FBVCxTQUFTOzJGQUFULFNBQVMsMEVBRlYsc0dBQXNHLDJEQUR0RyxZQUFZOzRGQUdYLFNBQVM7a0JBTnJCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsUUFBUSxFQUFFLHNHQUFzRztpQkFDakg7O0FBU0QsTUFBTSxPQUFPLFVBQVU7O3dHQUFWLFVBQVU7NEZBQVYsVUFBVSwyRUFGWCwwSUFBMEksMkRBRDFJLFlBQVk7NEZBR1gsVUFBVTtrQkFOdEIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixRQUFRLEVBQUUsMElBQTBJO2lCQUNySiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJkZmstY29sdW1uLWxheW91dFwiLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IHN0eWxlPVwiZGlzcGxheTpmbGV4O2ZsZXgtZGlyZWN0aW9uOmNvbHVtbjtnYXA6dmFyKC0tZGZrLWdhcCwxMnB4KVwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29sdW1uTGF5b3V0IHt9XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJkZmstcm93LWxheW91dFwiLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IHN0eWxlPVwiZGlzcGxheTpmbGV4O2ZsZXgtZGlyZWN0aW9uOnJvdztnYXA6dmFyKC0tZGZrLWdhcCwxMnB4KVwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5gLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUm93TGF5b3V0IHt9XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJkZmstZ3JpZC1sYXlvdXRcIixcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlOiBgPGRpdiBzdHlsZT1cImRpc3BsYXk6Z3JpZDtncmlkLXRlbXBsYXRlLWNvbHVtbnM6cmVwZWF0KHZhcigtLWRmay1jb2x1bW5zLDIpLDFmcik7Z2FwOnZhcigtLWRmay1nYXAsMTJweClcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+YCxcclxufSlcclxuZXhwb3J0IGNsYXNzIEdyaWRMYXlvdXQge31cbiJdfQ==

package/esm2020/layout/index.mjs

@@ -0,0 +1,2 @@
+export * from "./defaultLayouts";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGF5b3V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9kZWZhdWx0TGF5b3V0c1wiXG4iXX0=

package/esm2020/lib/dynamic-field-kit.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DynamicInput } from '../components/DynamicInput';
+import { FieldInput } from '../components/FieldInput';
+import { MultiFieldInput } from '../components/MultiFieldInput';
+import { ColumnLayout, RowLayout, GridLayout } from '../layout/defaultLayouts';
+import * as i0 from "@angular/core";
+export class DynamicFieldKitModule {
+}
+DynamicFieldKitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DynamicFieldKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, imports: [CommonModule, DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout], exports: [DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout] });
+DynamicFieldKitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, imports: [CommonModule, DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout],
+                    exports: [DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1maWVsZC1raXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9keW5hbWljLWZpZWxkLWtpdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFOUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFFL0QsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7O0FBTTlFLE1BQU0sT0FBTyxxQkFBcUI7O21IQUFyQixxQkFBcUI7b0hBQXJCLHFCQUFxQixZQUh0QixZQUFZLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLGFBQzVGLFlBQVksRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVTtvSEFFN0UscUJBQXFCLFlBSHRCLFlBQVksRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFVBQVU7NEZBRzNGLHFCQUFxQjtrQkFKakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUM7b0JBQ3ZHLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDO2lCQUMxRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xyXG5cclxuaW1wb3J0IHsgRHluYW1pY0lucHV0IH0gZnJvbSAnLi4vY29tcG9uZW50cy9EeW5hbWljSW5wdXQnXHJcbmltcG9ydCB7IEZpZWxkSW5wdXQgfSBmcm9tICcuLi9jb21wb25lbnRzL0ZpZWxkSW5wdXQnXHJcbmltcG9ydCB7IE11bHRpRmllbGRJbnB1dCB9IGZyb20gJy4uL2NvbXBvbmVudHMvTXVsdGlGaWVsZElucHV0J1xyXG5cclxuaW1wb3J0IHsgQ29sdW1uTGF5b3V0LCBSb3dMYXlvdXQsIEdyaWRMYXlvdXQgfSBmcm9tICcuLi9sYXlvdXQvZGVmYXVsdExheW91dHMnXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIER5bmFtaWNJbnB1dCwgRmllbGRJbnB1dCwgTXVsdGlGaWVsZElucHV0LCBDb2x1bW5MYXlvdXQsIFJvd0xheW91dCwgR3JpZExheW91dF0sXHJcbiAgZXhwb3J0czogW0R5bmFtaWNJbnB1dCwgRmllbGRJbnB1dCwgTXVsdGlGaWVsZElucHV0LCBDb2x1bW5MYXlvdXQsIFJvd0xheW91dCwgR3JpZExheW91dF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEeW5hbWljRmllbGRLaXRNb2R1bGUge31cclxuIl19

package/esm2020/public-api.mjs

@@ -0,0 +1,14 @@
+// public-api.ts
+// Components
+export * from './components/BaseInput';
+export * from './components/DynamicInput';
+export * from './components/FieldInput';
+export * from './components/MultiFieldInput';
+// Layout
+export * from './layout';
+export * from './types/layout';
+// Module
+export * from './lib/dynamic-field-kit.module';
+// Optional: expose registry for advanced use cases, but not required for basic usage
+export { fieldRegistry } from '@dynamic-field-kit/core';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGdCQUFnQjtBQUVoQixhQUFhO0FBQ2IsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw4QkFBOEIsQ0FBQztBQUU3QyxTQUFTO0FBQ1QsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxnQkFBZ0IsQ0FBQztBQUUvQixTQUFTO0FBQ1QsY0FBYyxnQ0FBZ0MsQ0FBQztBQVMvQyxxRkFBcUY7QUFDckYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gcHVibGljLWFwaS50c1xyXG5cclxuLy8gQ29tcG9uZW50c1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL0Jhc2VJbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvRHluYW1pY0lucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9GaWVsZElucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9NdWx0aUZpZWxkSW5wdXQnO1xuXG4vLyBMYXlvdXRcbmV4cG9ydCAqIGZyb20gJy4vbGF5b3V0JztcbmV4cG9ydCAqIGZyb20gJy4vdHlwZXMvbGF5b3V0JztcblxyXG4vLyBNb2R1bGVcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHluYW1pYy1maWVsZC1raXQubW9kdWxlJztcclxuXHJcbi8vIFJlLWV4cG9ydCB0eXBlcyBmcm9tIGNvcmUgKG9ubHkgdHlwZSwgbm90IGV4cG9ydCAqIClcclxuZXhwb3J0IHR5cGUge1xyXG4gIEZpZWxkVHlwZUtleSxcclxuICBGaWVsZERlc2NyaXB0aW9uLFxyXG4gIEZpZWxkUmVuZGVyZXJQcm9wc1xyXG59IGZyb20gJ0BkeW5hbWljLWZpZWxkLWtpdC9jb3JlJztcclxuXHJcbi8vIE9wdGlvbmFsOiBleHBvc2UgcmVnaXN0cnkgZm9yIGFkdmFuY2VkIHVzZSBjYXNlcywgYnV0IG5vdCByZXF1aXJlZCBmb3IgYmFzaWMgdXNhZ2VcbmV4cG9ydCB7IGZpZWxkUmVnaXN0cnkgfSBmcm9tICdAZHluYW1pYy1maWVsZC1raXQvY29yZSc7XG4iXX0=

package/esm2020/types/layout.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3R5cGVzL2xheW91dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgTGF5b3V0Q29uZmlnID0gXCJjb2x1bW5cIiB8IFwicm93XCIgfCBcImdyaWRcIlxuIl19

package/fesm2015/dynamic-field-kit-angular.mjs

@@ -0,0 +1,393 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, SimpleChange, ViewContainerRef, ViewChild, NgModule } from '@angular/core';
+import { CommonModule, NgIf, NgClass, NgFor } from '@angular/common';
+import { fieldRegistry } from '@dynamic-field-kit/core';
+export { fieldRegistry } from '@dynamic-field-kit/core';
+
+class BaseInputComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        // Add more from mplis as needed
+        this.valueChange = new EventEmitter();
+    }
+}
+BaseInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BaseInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BaseInputComponent, selector: "ng-component", inputs: { value: "value", label: "label", placeholder: "placeholder", required: "required", disabled: "disabled", options: "options", className: "className", description: "description", errorMessage: "errorMessage", acceptFile: "acceptFile", maxLength: "maxLength", minNumber: "minNumber", maxNumber: "maxNumber" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], acceptFile: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], minNumber: [{
+                type: Input
+            }], maxNumber: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+class DynamicInput extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.valueChange = new EventEmitter();
+        this.onChange = new EventEmitter(); // backward compat
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c;
+        if (changes["type"] && !changes["type"].firstChange && this.host) {
+            this.render();
+            return;
+        }
+        if (this.inputInstance) {
+            this.applyKnownProps(this.inputInstance);
+            const childChanges = {};
+            for (const prop in changes) {
+                childChanges[prop] = new SimpleChange(changes[prop].previousValue, changes[prop].currentValue, changes[prop].firstChange);
+            }
+            (_b = (_a = this.inputInstance).ngOnChanges) === null || _b === void 0 ? void 0 : _b.call(_a, childChanges);
+            (_c = this.compRef) === null || _c === void 0 ? void 0 : _c.changeDetectorRef.detectChanges();
+        }
+        else if (this.host) {
+            this.render();
+        }
+    }
+    ngAfterViewInit() {
+        this.render();
+    }
+    render() {
+        var _a;
+        const Renderer = fieldRegistry.get(this.type);
+        this.cleanupRenderedComponent();
+        this.host.clear();
+        if (!Renderer) {
+            const el = document.createElement("div");
+            el.textContent = `Unknown field type: ${this.type}`;
+            this.host.element.nativeElement.appendChild(el);
+            return;
+        }
+        try {
+            const compType = Renderer;
+            const compRef = this.host.createComponent(compType);
+            const instance = compRef.instance;
+            if (!instance)
+                throw new Error(`Failed to create instance for ${this.type}`);
+            this.applyKnownProps(instance);
+            this.bindOutput(instance, "valueChange");
+            this.bindOutput(instance, "onValueChange");
+            (_a = instance.changeDetectorRef) === null || _a === void 0 ? void 0 : _a.detectChanges();
+            this.compRef = compRef;
+            this.inputInstance = instance;
+            compRef.changeDetectorRef.detectChanges();
+        }
+        catch (err) {
+            // Fallback to function renderer
+            try {
+                const props = {
+                    value: this.value,
+                    onValueChange: (v) => this.emitValue(v),
+                    label: this.label,
+                    placeholder: this.placeholder,
+                    required: this.required,
+                    options: this.options,
+                    className: this.className,
+                    description: this.description,
+                    disabled: this.disabled,
+                    errorMessage: this.errorMessage,
+                };
+                const out = Renderer(props);
+                if (typeof out === 'string') {
+                    const el = document.createElement('div');
+                    el.innerHTML = out;
+                    this.host.element.nativeElement.appendChild(el);
+                }
+            }
+            catch (e) {
+                const el = document.createElement('div');
+                el.textContent = `Failed to render field: ${this.type}`;
+                this.host.element.nativeElement.appendChild(el);
+            }
+        }
+    }
+    applyKnownProps(instance) {
+        const knownProps = ["value", "label", "placeholder", "required", "disabled", "options", "className", "description", "errorMessage"];
+        for (const prop of knownProps) {
+            if (prop in this && prop in instance) {
+                instance[prop] = this[prop];
+            }
+        }
+    }
+    bindOutput(instance, outputName) {
+        const output = instance === null || instance === void 0 ? void 0 : instance[outputName];
+        if (!output || typeof output.subscribe !== "function")
+            return;
+        output.subscribe((value) => {
+            this.emitValue(value);
+        });
+    }
+    emitValue(value) {
+        this.valueChange.emit(value);
+        this.onChange.emit(value);
+    }
+    cleanupRenderedComponent() {
+        var _a;
+        (_a = this.compRef) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.compRef = undefined;
+        this.inputInstance = undefined;
+    }
+}
+DynamicInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DynamicInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DynamicInput, isStandalone: true, selector: "dfk-dynamic-input", inputs: { type: "type", value: "value", label: "label", placeholder: "placeholder", required: "required", options: "options", className: "className", description: "description" }, outputs: { valueChange: "valueChange", onChange: "onChange" }, viewQueries: [{ propertyName: "host", first: true, predicate: ["host"], descendants: true, read: ViewContainerRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<div #host style="display: contents;"></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-dynamic-input",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div #host style="display: contents;"></div>`,
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], onChange: [{
+                type: Output
+            }], host: [{
+                type: ViewChild,
+                args: ["host", { read: ViewContainerRef, static: false }]
+            }] } });
+
+class FieldInput {
+    constructor() {
+        this.onValueChangeField = new EventEmitter();
+    }
+    getFieldValue() {
+        if (!this.fieldDescription || !this.renderInfos)
+            return undefined;
+        const value = this.renderInfos[this.fieldDescription.name];
+        if (value === undefined && this.fieldDescription.type === "text") {
+            return "";
+        }
+        return value;
+    }
+}
+FieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FieldInput, isStandalone: true, selector: "dfk-field-input", inputs: { fieldDescription: "fieldDescription", renderInfos: "renderInfos" }, outputs: { onValueChangeField: "onValueChangeField" }, ngImport: i0, template: `
+    <dfk-dynamic-input
+      *ngIf="fieldDescription && renderInfos"
+      [type]="fieldDescription!.type"
+      [value]="getFieldValue()"
+      [label]="fieldDescription!.label"
+      [placeholder]="fieldDescription!.placeholder"
+      [required]="fieldDescription!.required"
+      [description]="fieldDescription!.description"
+      [options]="fieldDescription!.options"
+      [className]="fieldDescription!.className"
+      (valueChange)="onValueChangeField.emit({ value: $event, key: fieldDescription!.name })"
+      [disabled]="false"
+      [errorMessage]="''"
+    ></dfk-dynamic-input>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicInput, selector: "dfk-dynamic-input", inputs: ["type", "value", "label", "placeholder", "required", "options", "className", "description"], outputs: ["valueChange", "onChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-field-input",
+                    standalone: true,
+                    imports: [NgIf, DynamicInput],
+                    template: `
+    <dfk-dynamic-input
+      *ngIf="fieldDescription && renderInfos"
+      [type]="fieldDescription!.type"
+      [value]="getFieldValue()"
+      [label]="fieldDescription!.label"
+      [placeholder]="fieldDescription!.placeholder"
+      [required]="fieldDescription!.required"
+      [description]="fieldDescription!.description"
+      [options]="fieldDescription!.options"
+      [className]="fieldDescription!.className"
+      (valueChange)="onValueChangeField.emit({ value: $event, key: fieldDescription!.name })"
+      [disabled]="false"
+      [errorMessage]="''"
+    ></dfk-dynamic-input>
+  `,
+                }]
+        }], propDecorators: { fieldDescription: [{
+                type: Input
+            }], renderInfos: [{
+                type: Input
+            }], onValueChangeField: [{
+                type: Output
+            }] } });
+
+class MultiFieldInput {
+    constructor() {
+        this.fieldDescriptions = [];
+        this.onChange = new EventEmitter();
+        this.layout = "column";
+        this.data = {};
+        this.visibleFields = [];
+    }
+    trackByFn(index, field) {
+        return field.name || index;
+    }
+    ngOnInit() {
+        this.init();
+    }
+    ngOnChanges(_changes) {
+        this.init();
+    }
+    init() {
+        if (this.properties)
+            this.data = Object.assign({}, this.properties);
+        this.updateVisibleFields();
+    }
+    updateVisibleFields() {
+        this.visibleFields = this.fieldDescriptions.filter((f) => !f.appearCondition || f.appearCondition(this.data));
+    }
+    onFieldChange(event) {
+        this.data = Object.assign(Object.assign({}, this.data), { [event.key]: event.value });
+        this.updateVisibleFields();
+        this.onChange.emit(this.data);
+    }
+}
+MultiFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiFieldInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MultiFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultiFieldInput, isStandalone: true, selector: "dfk-multi-field-input", inputs: { fieldDescriptions: "fieldDescriptions", properties: "properties", layout: "layout" }, outputs: { onChange: "onChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div class="flex flex-col gap-3 p-4 border rounded-lg bg-gray-50" [ngClass]="{
+      'flex-row gap-3': layout === 'row',
+      'grid grid-cols-2 gap-3': layout === 'grid'
+    }">
+      <dfk-field-input
+        *ngFor="let field of visibleFields; trackBy: trackByFn"
+        [fieldDescription]="field"
+        [renderInfos]="data"
+        (onValueChangeField)="onFieldChange($event)"
+      ></dfk-field-input>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FieldInput, selector: "dfk-field-input", inputs: ["fieldDescription", "renderInfos"], outputs: ["onValueChangeField"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiFieldInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-multi-field-input",
+                    standalone: true,
+                    imports: [NgClass, NgFor, FieldInput],
+                    template: `
+    <div class="flex flex-col gap-3 p-4 border rounded-lg bg-gray-50" [ngClass]="{
+      'flex-row gap-3': layout === 'row',
+      'grid grid-cols-2 gap-3': layout === 'grid'
+    }">
+      <dfk-field-input
+        *ngFor="let field of visibleFields; trackBy: trackByFn"
+        [fieldDescription]="field"
+        [renderInfos]="data"
+        (onValueChangeField)="onFieldChange($event)"
+      ></dfk-field-input>
+    </div>
+  `,
+                }]
+        }], propDecorators: { fieldDescriptions: [{
+                type: Input
+            }], properties: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], layout: [{
+                type: Input
+            }] } });
+
+class ColumnLayout {
+}
+ColumnLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ColumnLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnLayout, isStandalone: true, selector: "dfk-column-layout", ngImport: i0, template: `<div style="display:flex;flex-direction:column;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnLayout, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-column-layout",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div style="display:flex;flex-direction:column;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`,
+                }]
+        }] });
+class RowLayout {
+}
+RowLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RowLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RowLayout, isStandalone: true, selector: "dfk-row-layout", ngImport: i0, template: `<div style="display:flex;flex-direction:row;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowLayout, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-row-layout",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div style="display:flex;flex-direction:row;gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`,
+                }]
+        }] });
+class GridLayout {
+}
+GridLayout.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridLayout.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: GridLayout, isStandalone: true, selector: "dfk-grid-layout", ngImport: i0, template: `<div style="display:grid;grid-template-columns:repeat(var(--dfk-columns,2),1fr);gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GridLayout, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-grid-layout",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div style="display:grid;grid-template-columns:repeat(var(--dfk-columns,2),1fr);gap:var(--dfk-gap,12px)"><ng-content></ng-content></div>`,
+                }]
+        }] });
+
+class DynamicFieldKitModule {
+}
+DynamicFieldKitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DynamicFieldKitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, imports: [CommonModule, DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout], exports: [DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout] });
+DynamicFieldKitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, imports: [CommonModule, DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicFieldKitModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout],
+                    exports: [DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout],
+                }]
+        }] });
+
+// public-api.ts
+// Components
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseInputComponent, ColumnLayout, DynamicFieldKitModule, DynamicInput, FieldInput, GridLayout, MultiFieldInput, RowLayout };
+//# sourceMappingURL=dynamic-field-kit-angular.mjs.map