@dynamic-field-kit/angular 1.0.1 → 1.2.0

package/dist/fesm2020/dynamic-field-kit-angular.mjs

@@ -0,0 +1,390 @@
+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) {
+        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);
+            }
+            this.inputInstance.ngOnChanges?.(childChanges);
+            this.compRef?.changeDetectorRef.detectChanges();
+        }
+        else if (this.host) {
+            this.render();
+        }
+    }
+    ngAfterViewInit() {
+        this.render();
+    }
+    render() {
+        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");
+            instance.changeDetectorRef?.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?.[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() {
+        this.compRef?.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 = { ...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
+            }] } });
+
+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

package/dist/fesm2020/dynamic-field-kit-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-field-kit-angular.mjs","sources":["../../src/components/BaseInput.ts","../../src/components/DynamicInput.ts","../../src/components/FieldInput.ts","../../src/components/MultiFieldInput.ts","../../src/layout/defaultLayouts.ts","../../src/lib/dynamic-field-kit.module.ts","../../src/public-api.ts","../../src/dynamic-field-kit-angular.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';\r\nimport { FieldRendererProps } from '@dynamic-field-kit/core';\r\n\r\n@Component({\r\n  template: ''\r\n})\r\nexport abstract class BaseInputComponent {\r\n  @Input() value?: any;\r\n  @Input() label?: string;\r\n  @Input() placeholder?: string;\r\n  @Input() required?: boolean;\r\n  @Input() disabled?: boolean;\r\n  @Input() options?: any[];\r\n  @Input() className?: string;\r\n  @Input() description?: string;\r\n  @Input() errorMessage?: string;\r\n  @Input() acceptFile?: string;\r\n  @Input() maxLength?: number;\r\n  @Input() minNumber?: number;\r\n  @Input() maxNumber?: number;\r\n  // Add more from mplis as needed\r\n\r\n  @Output() valueChange = new EventEmitter<any>();\r\n\r\n  constructor(protected cdr: ChangeDetectorRef) {}\r\n}\r\n\r\n","import { CommonModule } from \"@angular/common\"\nimport { Component, ComponentRef, Input, Output, EventEmitter, ViewChild, ViewContainerRef, OnChanges, AfterViewInit, SimpleChanges, Type, SimpleChange } from \"@angular/core\"\nimport { fieldRegistry, FieldTypeKey } from \"@dynamic-field-kit/core\"\nimport { BaseInputComponent } from \"./BaseInput\"\n\n@Component({\n  selector: \"dfk-dynamic-input\",\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div #host style=\"display: contents;\"></div>`,\n})\nexport class DynamicInput extends BaseInputComponent implements OnChanges, AfterViewInit {\n  @Input() type!: FieldTypeKey\n  @Input() value?: any\n  @Input() label?: string\r\n  @Input() placeholder?: string\r\n  @Input() required?: boolean\r\n  @Input() options?: any[]\n  @Input() className?: string\n  @Input() description?: any\n  @Output() override valueChange = new EventEmitter<any>()\n  @Output() onChange = new EventEmitter<any>() // backward compat\n\n  @ViewChild(\"host\", { read: ViewContainerRef, static: false }) host!: ViewContainerRef\n  private compRef?: ComponentRef<any>\n  private inputInstance?: any\n\r\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes[\"type\"] && !changes[\"type\"].firstChange && this.host) {\n      this.render()\n      return\n    }\n\n    if (this.inputInstance) {\n      this.applyKnownProps(this.inputInstance)\n\n      const childChanges: SimpleChanges = {}\n      for (const prop in changes) {\n        childChanges[prop] = new SimpleChange(\n          changes[prop].previousValue,\n          changes[prop].currentValue,\n          changes[prop].firstChange\n        )\n      }\n\n      this.inputInstance.ngOnChanges?.(childChanges)\n      this.compRef?.changeDetectorRef.detectChanges()\n    } else if (this.host) {\n      this.render()\n    }\n  }\n\r\n  ngAfterViewInit() {\r\n    this.render();\r\n  }\r\n\r\n  private render() {\n    const Renderer = fieldRegistry.get(this.type as FieldTypeKey)\n    this.cleanupRenderedComponent()\n    this.host.clear()\n    if (!Renderer) {\n      const el = document.createElement(\"div\")\n      el.textContent = `Unknown field type: ${this.type}`\n      this.host.element.nativeElement.appendChild(el)\n      return\n    }\n\n    try {\n      const compType = Renderer as unknown as Type<any>\n      const compRef = this.host.createComponent(compType)\n      const instance = compRef.instance\n      if (!instance) throw new Error(`Failed to create instance for ${this.type}`)\n\n      this.applyKnownProps(instance)\n\n      this.bindOutput(instance, \"valueChange\")\n      this.bindOutput(instance, \"onValueChange\")\n\n      instance.changeDetectorRef?.detectChanges()\n      this.compRef = compRef\n      this.inputInstance = instance\n      compRef.changeDetectorRef.detectChanges()\n    } catch (err) {\n      // Fallback to function renderer\n      try {\n        const props: any = {\n          value: this.value,\n          onValueChange: (v: any) => this.emitValue(v),\n          label: this.label,\n          placeholder: this.placeholder,\n          required: this.required,\n          options: this.options,\r\n          className: this.className,\r\n          description: this.description,\r\n          disabled: this.disabled,\r\n          errorMessage: this.errorMessage,\r\n        }\n        const out = (Renderer as Function)(props)\n        if (typeof out === 'string') {\n          const el = document.createElement('div')\n          el.innerHTML = out\n          this.host.element.nativeElement.appendChild(el)\n        }\n      } catch (e) {\n        const el = document.createElement('div')\n        el.textContent = `Failed to render field: ${this.type}`\n        this.host.element.nativeElement.appendChild(el)\n      }\n    }\n  }\n\n  private applyKnownProps(instance: any) {\n    const knownProps = [\"value\", \"label\", \"placeholder\", \"required\", \"disabled\", \"options\", \"className\", \"description\", \"errorMessage\"]\n    for (const prop of knownProps) {\n      if (prop in this && prop in instance) {\n        instance[prop] = (this as any)[prop]\n      }\n    }\n  }\n\n  private bindOutput(instance: any, outputName: \"valueChange\" | \"onValueChange\") {\n    const output = instance?.[outputName]\n    if (!output || typeof output.subscribe !== \"function\") return;\n\n    (output as EventEmitter<any>).subscribe((value) => {\n      this.emitValue(value)\n    })\n  }\n\n  private emitValue(value: any) {\n    this.valueChange.emit(value)\n    this.onChange.emit(value)\n  }\n\n  private cleanupRenderedComponent() {\n    this.compRef?.destroy()\n    this.compRef = undefined\n    this.inputInstance = undefined\n  }\n}\n","import { NgIf } from \"@angular/common\"\nimport { Component, Input, Output, EventEmitter } from \"@angular/core\"\nimport { DynamicInput } from './DynamicInput'\nimport { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\n\n@Component({\n  selector: \"dfk-field-input\",\n  standalone: true,\n  imports: [NgIf, DynamicInput],\n  template: `\n    <dfk-dynamic-input\n      *ngIf=\"fieldDescription && renderInfos\"\n      [type]=\"fieldDescription!.type\"\n      [value]=\"getFieldValue()\"\n      [label]=\"fieldDescription!.label\"\n      [placeholder]=\"fieldDescription!.placeholder\"\n      [required]=\"fieldDescription!.required\"\n      [description]=\"fieldDescription!.description\"\r\n      [options]=\"fieldDescription!.options\"\r\n      [className]=\"fieldDescription!.className\"\r\n      (valueChange)=\"onValueChangeField.emit({ value: $event, key: fieldDescription!.name })\"\r\n      [disabled]=\"false\"\r\n      [errorMessage]=\"''\"\r\n    ></dfk-dynamic-input>\r\n  `,\r\n})\r\nexport class FieldInput {\n  @Input() fieldDescription?: FieldDescription\n  @Input() renderInfos?: Properties\n  @Output() onValueChangeField = new EventEmitter<{value: any, key: string}>()\n\n  getFieldValue() {\n    if (!this.fieldDescription || !this.renderInfos) return undefined\n\n    const value = this.renderInfos[this.fieldDescription.name]\n    if (value === undefined && this.fieldDescription.type === \"text\") {\n      return \"\"\n    }\n\n    return value\n  }\n}\n","import { NgClass, NgFor } from \"@angular/common\"\nimport { Component, Input, Output, EventEmitter, OnChanges, OnInit, SimpleChanges } from \"@angular/core\"\nimport { FieldDescription, Properties } from \"@dynamic-field-kit/core\"\nimport { FieldInput } from \"./FieldInput\"\nimport { LayoutConfig } from \"../types/layout\"\n\n@Component({\n  selector: \"dfk-multi-field-input\",\n  standalone: true,\n  imports: [NgClass, NgFor, FieldInput],\n  template: `\n    <div class=\"flex flex-col gap-3 p-4 border rounded-lg bg-gray-50\" [ngClass]=\"{\n      'flex-row gap-3': layout === 'row',\n      'grid grid-cols-2 gap-3': layout === 'grid'\n    }\">\n      <dfk-field-input\n        *ngFor=\"let field of visibleFields; trackBy: trackByFn\"\n        [fieldDescription]=\"field\"\n        [renderInfos]=\"data\"\n        (onValueChangeField)=\"onFieldChange($event)\"\n      ></dfk-field-input>\n    </div>\n  `,\n})\nexport class MultiFieldInput implements OnInit, OnChanges {\n  @Input() fieldDescriptions: FieldDescription[] = []\n  @Input() properties?: Properties\n  @Output() onChange = new EventEmitter<Properties>()\n  @Input() layout: LayoutConfig = \"column\"\n\n  data: Properties = {}\n  visibleFields: FieldDescription[] = []\n\n  trackByFn(index: number, field: FieldDescription): string | number {\n    return field.name || index;\n  }\n\n  ngOnInit() {\n    this.init()\n  }\n\n  ngOnChanges(_changes: SimpleChanges) {\n    this.init()\n  }\n\n  private init() {\n    if (this.properties) this.data = { ...this.properties }\n    this.updateVisibleFields()\n  }\n\n  private updateVisibleFields() {\n    this.visibleFields = this.fieldDescriptions.filter(\n      (f) => !f.appearCondition || f.appearCondition(this.data)\n    )\n  }\n\n  onFieldChange(event: { value: any; key: string }) {\n    this.data = { ...this.data, [event.key]: event.value }\n    this.updateVisibleFields()\n    this.onChange.emit(this.data)\n  }\n}\n","import { Component } from \"@angular/core\"\nimport { CommonModule } from '@angular/common'\n\r\n@Component({\r\n  selector: \"dfk-column-layout\",\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  template: `<div style=\"display:flex;flex-direction:column;gap:var(--dfk-gap,12px)\"><ng-content></ng-content></div>`,\r\n})\r\nexport class ColumnLayout {}\r\n\r\n@Component({\r\n  selector: \"dfk-row-layout\",\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  template: `<div style=\"display:flex;flex-direction:row;gap:var(--dfk-gap,12px)\"><ng-content></ng-content></div>`,\r\n})\r\nexport class RowLayout {}\r\n\r\n@Component({\r\n  selector: \"dfk-grid-layout\",\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  template: `<div style=\"display:grid;grid-template-columns:repeat(var(--dfk-columns,2),1fr);gap:var(--dfk-gap,12px)\"><ng-content></ng-content></div>`,\r\n})\r\nexport class GridLayout {}\n","import { NgModule } from '@angular/core'\r\nimport { CommonModule } from '@angular/common'\r\n\r\nimport { DynamicInput } from '../components/DynamicInput'\r\nimport { FieldInput } from '../components/FieldInput'\r\nimport { MultiFieldInput } from '../components/MultiFieldInput'\r\n\r\nimport { ColumnLayout, RowLayout, GridLayout } from '../layout/defaultLayouts'\r\n\r\n@NgModule({\r\n  imports: [CommonModule, DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout],\r\n  exports: [DynamicInput, FieldInput, MultiFieldInput, ColumnLayout, RowLayout, GridLayout],\r\n})\r\nexport class DynamicFieldKitModule {}\r\n","// public-api.ts\r\n\r\n// Components\nexport * from './components/BaseInput';\nexport * from './components/DynamicInput';\nexport * from './components/FieldInput';\nexport * from './components/MultiFieldInput';\n\n// Layout\nexport * from './layout';\nexport * from './types/layout';\n\r\n// Module\r\nexport * from './lib/dynamic-field-kit.module';\r\n\r\n// Re-export types from core (only type, not export * )\r\nexport type {\r\n  FieldTypeKey,\r\n  FieldDescription,\r\n  FieldRendererProps\r\n} from '@dynamic-field-kit/core';\r\n\r\n// Optional: expose registry for advanced use cases, but not required for basic usage\nexport { fieldRegistry } from '@dynamic-field-kit/core';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@dynamic-field-kit/angular" />
+export * from './public-api';

package/dist/layout/defaultLayouts.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class ColumnLayout {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnLayout, "dfk-column-layout", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class RowLayout {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowLayout, "dfk-row-layout", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class GridLayout {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridLayout, "dfk-grid-layout", never, {}, {}, never, ["*"], true, never>;
+}

package/dist/layout/index.d.ts

@@ -0,0 +1 @@
+export * from "./defaultLayouts";

package/dist/lib/dynamic-field-kit.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../components/DynamicInput";
+import * as i3 from "../components/FieldInput";
+import * as i4 from "../components/MultiFieldInput";
+import * as i5 from "../layout/defaultLayouts";
+export declare class DynamicFieldKitModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFieldKitModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicFieldKitModule, never, [typeof i1.CommonModule, typeof i2.DynamicInput, typeof i3.FieldInput, typeof i4.MultiFieldInput, typeof i5.ColumnLayout, typeof i5.RowLayout, typeof i5.GridLayout], [typeof i2.DynamicInput, typeof i3.FieldInput, typeof i4.MultiFieldInput, typeof i5.ColumnLayout, typeof i5.RowLayout, typeof i5.GridLayout]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DynamicFieldKitModule>;
+}

package/dist/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@dynamic-field-kit/angular",
+  "version": "1.2.0",
+  "description": "Angular renderer for dynamic-field-kit",
+  "license": "MIT",
+  "private": false,
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@angular/common": ">=13 <22",
+    "@angular/core": ">=13 <22",
+    "@dynamic-field-kit/core": "^1.0.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vannt-dev/dynamic-field-kit.git"
+  },
+  "keywords": [
+    "dynamic-field",
+    "dynamic-field-kit",
+    "dynamic-field-kit/angular"
+  ],
+  "module": "fesm2015/dynamic-field-kit-angular.mjs",
+  "es2020": "fesm2020/dynamic-field-kit-angular.mjs",
+  "esm2020": "esm2020/dynamic-field-kit-angular.mjs",
+  "fesm2020": "fesm2020/dynamic-field-kit-angular.mjs",
+  "fesm2015": "fesm2015/dynamic-field-kit-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/dynamic-field-kit-angular.mjs",
+      "es2020": "./fesm2020/dynamic-field-kit-angular.mjs",
+      "es2015": "./fesm2015/dynamic-field-kit-angular.mjs",
+      "node": "./fesm2015/dynamic-field-kit-angular.mjs",
+      "default": "./fesm2020/dynamic-field-kit-angular.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/dist/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './components/BaseInput';
+export * from './components/DynamicInput';
+export * from './components/FieldInput';
+export * from './components/MultiFieldInput';
+export * from './layout';
+export * from './types/layout';
+export * from './lib/dynamic-field-kit.module';
+export type { FieldTypeKey, FieldDescription, FieldRendererProps } from '@dynamic-field-kit/core';
+export { fieldRegistry } from '@dynamic-field-kit/core';

package/dist/types/layout.d.ts

@@ -0,0 +1 @@
+export type LayoutConfig = "column" | "row" | "grid";

package/package.json

@@ -1,19 +1,17 @@
 {
   "name": "@dynamic-field-kit/angular",
-  "version": "1.0.1",
+  "version": "1.2.0",
+  "description": "Angular renderer for dynamic-field-kit",
+  "license": "MIT",
   "private": false,
-  "main": "dist/bundles/dynamic-field-kit-angular.umd.js",
-  "module": "dist/fesm2015/dynamic-field-kit-angular.js",
-  "es2015": "dist/esm2015/dynamic-field-kit-angular.js",
-  "typings": "dist/types/public_api.d.ts",
   "sideEffects": false,
   "files": [
     "dist"
   ],
   "peerDependencies": {
-    "@angular/common": "^13 || ^14 || ^15",
-    "@angular/core": "^13 || ^14 || ^15",
-    "@dynamic-field-kit/core": "*"
+    "@angular/common": ">=13 <22",
+    "@angular/core": ">=13 <22",
+    "@dynamic-field-kit/core": "^1.0.7"
   },
   "publishConfig": {
     "access": "public"
@@ -27,7 +25,9 @@
     "release:major": "npm version major && npm publish"
   },
   "devDependencies": {
-    "ng-packagr": "^21.1.0",
+    "@angular/common": "^15.2.10",
+    "@angular/core": "^15.2.10",
+    "ng-packagr": "^15.2.2",
     "rimraf": "^6.1.3"
   },
   "repository": {