@dynamic-field-kit/angular 1.2.4 → 1.2.10

package/dist/fesm2022/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 {\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\n@Component({\n  template: '',\n})\nexport abstract class BaseInputComponent {\n  @Input() value?: any;\n  @Input() label?: string;\n  @Input() placeholder?: string;\n  @Input() required?: boolean;\n  @Input() disabled?: boolean;\n  @Input() options?: any[];\n  @Input() className?: string;\n  @Input() description?: string;\n  @Input() errorMessage?: string;\n  @Input() acceptFile?: string;\n  @Input() maxLength?: number;\n  @Input() minNumber?: number;\n  @Input() maxNumber?: number;\n  // Add more from mplis as needed\n\n  @Output() valueChange = new EventEmitter<any>();\n\n  constructor(protected cdr: ChangeDetectorRef) {}\n}\n","import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ComponentRef,\n  Input,\n  Output,\n  EventEmitter,\n  ViewChild,\n  ViewContainerRef,\n  OnChanges,\n  AfterViewInit,\n  OnDestroy,\n  SimpleChanges,\n  Type,\n  SimpleChange,\n} from '@angular/core';\nimport { fieldRegistry, FieldTypeKey } from '@dynamic-field-kit/core';\nimport { Subscription } from 'rxjs';\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\n  extends BaseInputComponent\n  implements OnChanges, AfterViewInit, OnDestroy\n{\n  @Input() type!: FieldTypeKey;\n  @Output() override valueChange = new EventEmitter<any>();\n  @Output() onChange = new EventEmitter<any>(); // backward compat\n\n  @ViewChild('host', { read: ViewContainerRef, static: false })\n  host!: ViewContainerRef;\n  private compRef?: ComponentRef<any>;\n  private inputInstance?: any;\n  private subscriptions: Subscription[] = [];\n\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\n  ngAfterViewInit() {\n    this.render();\n  }\n\n  ngOnDestroy() {\n    this.cleanupSubscriptions();\n    this.cleanupRenderedComponent();\n  }\n\n  private cleanupSubscriptions() {\n    this.subscriptions.forEach((s) => s.unsubscribe());\n    this.subscriptions = [];\n  }\n\n  private render() {\n    const Renderer = fieldRegistry.get(this.type as FieldTypeKey);\n    this.cleanupRenderedComponent();\n    this.cleanupSubscriptions();\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) {\n        throw new Error(`Failed to create instance for ${this.type}`);\n      }\n\n      this.applyKnownProps(instance);\n\n      const subA = this.bindOutput(instance, 'valueChange');\n      if (subA) {\n        this.subscriptions.push(subA);\n      }\n      const subB = this.bindOutput(instance, 'onValueChange');\n      if (subB) {\n        this.subscriptions.push(subB);\n      }\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,\n          className: this.className,\n          description: this.description,\n          disabled: this.disabled,\n          errorMessage: this.errorMessage,\n        };\n        const out = (Renderer as (props: unknown) => unknown)(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 = [\n      'value',\n      'label',\n      'placeholder',\n      'required',\n      'disabled',\n      'options',\n      'className',\n      'description',\n      'errorMessage',\n    ];\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(\n    instance: any,\n    outputName: 'valueChange' | 'onValueChange'\n  ): Subscription | undefined {\n    const output = instance?.[outputName];\n    if (!output || typeof output.subscribe !== 'function') {\n      return;\n    }\n\n    const sub = (output as EventEmitter<any>).subscribe((value) => {\n      this.emitValue(value);\n    });\n    return sub;\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 { FieldDescription, Properties } from '@dynamic-field-kit/core';\nimport { DynamicInput } from './DynamicInput';\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\"\n      [options]=\"fieldDescription!.options\"\n      [className]=\"fieldDescription!.className\"\n      (valueChange)=\"\n        onValueChangeField.emit({ value: $event, key: fieldDescription!.name })\n      \"\n      [disabled]=\"false\"\n      [errorMessage]=\"''\"\n    ></dfk-dynamic-input>\n  `,\n})\nexport class FieldInput {\n  @Input() fieldDescription?: FieldDescription;\n  @Input() renderInfos?: Properties;\n  @Output() onValueChangeField = new EventEmitter<{\n    value: any;\n    key: string;\n  }>();\n\n  getFieldValue() {\n    if (!this.fieldDescription || !this.renderInfos) {\n      return undefined;\n    }\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 {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnChanges,\n  OnInit,\n  SimpleChanges,\n} from '@angular/core';\nimport { FieldDescription, Properties } from '@dynamic-field-kit/core';\nimport { LayoutConfig } from '../types/layout';\nimport { FieldInput } from './FieldInput';\n\n@Component({\n  selector: 'dfk-multi-field-input',\n  standalone: true,\n  imports: [NgClass, NgFor, FieldInput],\n  template: `\n    <div\n      class=\"flex flex-col gap-3 p-4 border rounded-lg bg-gray-50\"\n      [ngClass]=\"{\n        'flex-row gap-3': layout === 'row',\n        'grid grid-cols-2 gap-3': layout === 'grid'\n      }\"\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) {\n      this.data = { ...this.properties };\n    }\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 { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'dfk-column-layout',\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div\n    style=\"display:flex;flex-direction:column;gap:var(--dfk-gap,12px)\"\n  >\n    <ng-content></ng-content>\n  </div>`,\n})\nexport class ColumnLayout {}\n\n@Component({\n  selector: 'dfk-row-layout',\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div\n    style=\"display:flex;flex-direction:row;gap:var(--dfk-gap,12px)\"\n  >\n    <ng-content></ng-content>\n  </div>`,\n})\nexport class RowLayout {}\n\n@Component({\n  selector: 'dfk-grid-layout',\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div\n    style=\"display:grid;grid-template-columns:repeat(var(--dfk-columns,2),1fr);gap:var(--dfk-gap,12px)\"\n  >\n    <ng-content></ng-content>\n  </div>`,\n})\nexport class GridLayout {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DynamicInput } from '../components/DynamicInput';\nimport { FieldInput } from '../components/FieldInput';\nimport { MultiFieldInput } from '../components/MultiFieldInput';\n\nimport { ColumnLayout, RowLayout, GridLayout } from '../layout/defaultLayouts';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    DynamicInput,\n    FieldInput,\n    MultiFieldInput,\n    ColumnLayout,\n    RowLayout,\n    GridLayout,\n  ],\n  exports: [\n    DynamicInput,\n    FieldInput,\n    MultiFieldInput,\n    ColumnLayout,\n    RowLayout,\n    GridLayout,\n  ],\n})\nexport class DynamicFieldKitModule {}\n","// public-api.ts\r\n\r\n// Components\r\nexport * from './components/BaseInput';\r\nexport * from './components/DynamicInput';\r\nexport * from './components/FieldInput';\r\nexport * from './components/MultiFieldInput';\r\n\r\n// Layout\r\nexport * from './layout';\r\nexport * from './types/layout';\r\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\r\nexport { fieldRegistry } from '@dynamic-field-kit/core';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/{index.d.ts → dist/index.d.ts}

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

package/{layout → dist/layout}/defaultLayouts.d.ts

@@ -1,13 +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>;
-}
+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/{lib → dist/lib}/dynamic-field-kit.module.d.ts

@@ -1,11 +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>;
-}
+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/{public-api.d.ts → dist/public-api.d.ts}

@@ -1,9 +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';
+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/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "dest": "dist",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "allowedNonPeerDependencies": ["@dynamic-field-kit/core"]
+}

package/package.json

@@ -1,20 +1,45 @@
 {
   "name": "@dynamic-field-kit/angular",
-  "version": "1.2.4",
+  "version": "1.2.10",
   "description": "Angular renderer for dynamic-field-kit",
   "license": "MIT",
   "private": false,
   "sideEffects": false,
-  "main": "fesm2015/dynamic-field-kit-angular.mjs",
-  "types": "index.d.ts",
+  "main": "dist/fesm2022/dynamic-field-kit-angular.mjs",
+  "module": "dist/fesm2022/dynamic-field-kit-angular.mjs",
+  "types": "dist/index.d.ts",
   "peerDependencies": {
     "@angular/common": ">=13 <22",
     "@angular/core": ">=13 <22",
-    "@dynamic-field-kit/core": "^1.0.13"
+    "@dynamic-field-kit/core": "^1.1.0"
+  },
+  "dependencies": {
+    "@dynamic-field-kit/core": "^1.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run clean && npm run build",
+    "publish:dist": "npm publish ./dist --access public",
+    "release:patch": "npm version patch && npm run build && npm run publish:dist",
+    "release:minor": "npm version minor && npm run build && npm run publish:dist",
+    "release:major": "npm version major && npm run build && npm run publish:dist",
+    "lint": "echo \"skip lint for Angular\""
+  },
+  "devDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "ng-packagr": "^17.3.0",
+    "rimraf": "^6.1.3",
+    "rxjs": "^7.8.0",
+    "typescript": "~5.6.0",
+    "zone.js": "^0.14.0"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vannt-dev/dynamic-field-kit.git"
@@ -23,27 +48,5 @@
     "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/src/adapters/tailwind.ts

@@ -0,0 +1,13 @@
+// Minimal Tailwind adapter placeholder for Angular package.
+// Mirrors the React adapter shape: expose helper class names.
+
+export const tailwind = {
+  input: 'px-2 py-1 border rounded',
+  label: 'text-sm font-medium mb-1',
+};
+
+export default tailwind;
+// Minimal Tailwind adapter placeholder for Angular package
+export function cx(...parts: Array<string | false | null | undefined>) {
+  return parts.filter(Boolean).join(' ');
+}

package/src/components/BaseInput.ts

@@ -0,0 +1,31 @@
+import {
+  ChangeDetectorRef,
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+} from '@angular/core';
+
+@Component({
+  template: '',
+})
+export abstract class BaseInputComponent {
+  @Input() value?: any;
+  @Input() label?: string;
+  @Input() placeholder?: string;
+  @Input() required?: boolean;
+  @Input() disabled?: boolean;
+  @Input() options?: any[];
+  @Input() className?: string;
+  @Input() description?: string;
+  @Input() errorMessage?: string;
+  @Input() acceptFile?: string;
+  @Input() maxLength?: number;
+  @Input() minNumber?: number;
+  @Input() maxNumber?: number;
+  // Add more from mplis as needed
+
+  @Output() valueChange = new EventEmitter<any>();
+
+  constructor(protected cdr: ChangeDetectorRef) {}
+}

package/src/components/DynamicInput.ts

@@ -0,0 +1,188 @@
+import { CommonModule } from '@angular/common';
+import {
+  Component,
+  ComponentRef,
+  Input,
+  Output,
+  EventEmitter,
+  ViewChild,
+  ViewContainerRef,
+  OnChanges,
+  AfterViewInit,
+  OnDestroy,
+  SimpleChanges,
+  Type,
+  SimpleChange,
+} from '@angular/core';
+import { fieldRegistry, FieldTypeKey } from '@dynamic-field-kit/core';
+import { Subscription } from 'rxjs';
+import { BaseInputComponent } from './BaseInput';
+
+@Component({
+  selector: 'dfk-dynamic-input',
+  standalone: true,
+  imports: [CommonModule],
+  template: `<div #host style="display: contents;"></div>`,
+})
+export class DynamicInput
+  extends BaseInputComponent
+  implements OnChanges, AfterViewInit, OnDestroy
+{
+  @Input() type!: FieldTypeKey;
+  @Output() override valueChange = new EventEmitter<any>();
+  @Output() onChange = new EventEmitter<any>(); // backward compat
+
+  @ViewChild('host', { read: ViewContainerRef, static: false })
+  host!: ViewContainerRef;
+  private compRef?: ComponentRef<any>;
+  private inputInstance?: any;
+  private subscriptions: Subscription[] = [];
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (changes['type'] && !changes['type'].firstChange && this.host) {
+      this.render();
+      return;
+    }
+
+    if (this.inputInstance) {
+      this.applyKnownProps(this.inputInstance);
+
+      const childChanges: SimpleChanges = {};
+      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();
+  }
+
+  ngOnDestroy() {
+    this.cleanupSubscriptions();
+    this.cleanupRenderedComponent();
+  }
+
+  private cleanupSubscriptions() {
+    this.subscriptions.forEach((s) => s.unsubscribe());
+    this.subscriptions = [];
+  }
+
+  private render() {
+    const Renderer = fieldRegistry.get(this.type as FieldTypeKey);
+    this.cleanupRenderedComponent();
+    this.cleanupSubscriptions();
+    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 as unknown as Type<any>;
+      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);
+
+      const subA = this.bindOutput(instance, 'valueChange');
+      if (subA) {
+        this.subscriptions.push(subA);
+      }
+      const subB = this.bindOutput(instance, 'onValueChange');
+      if (subB) {
+        this.subscriptions.push(subB);
+      }
+
+      instance.changeDetectorRef?.detectChanges();
+      this.compRef = compRef;
+      this.inputInstance = instance;
+      compRef.changeDetectorRef.detectChanges();
+    } catch (err) {
+      // Fallback to function renderer
+      try {
+        const props: any = {
+          value: this.value,
+          onValueChange: (v: any) => 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 as (props: unknown) => unknown)(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);
+      }
+    }
+  }
+
+  private applyKnownProps(instance: any) {
+    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 as any)[prop];
+      }
+    }
+  }
+
+  private bindOutput(
+    instance: any,
+    outputName: 'valueChange' | 'onValueChange'
+  ): Subscription | undefined {
+    const output = instance?.[outputName];
+    if (!output || typeof output.subscribe !== 'function') {
+      return;
+    }
+
+    const sub = (output as EventEmitter<any>).subscribe((value) => {
+      this.emitValue(value);
+    });
+    return sub;
+  }
+
+  private emitValue(value: any) {
+    this.valueChange.emit(value);
+    this.onChange.emit(value);
+  }
+
+  private cleanupRenderedComponent() {
+    this.compRef?.destroy();
+    this.compRef = undefined;
+    this.inputInstance = undefined;
+  }
+}

package/src/components/FieldInput.ts

@@ -0,0 +1,49 @@
+import { NgIf } from '@angular/common';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { FieldDescription, Properties } from '@dynamic-field-kit/core';
+import { DynamicInput } from './DynamicInput';
+
+@Component({
+  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>
+  `,
+})
+export class FieldInput {
+  @Input() fieldDescription?: FieldDescription;
+  @Input() renderInfos?: Properties;
+  @Output() onValueChangeField = new EventEmitter<{
+    value: any;
+    key: string;
+  }>();
+
+  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;
+  }
+}

package/src/components/MultiFieldInput.ts

@@ -0,0 +1,75 @@
+import { NgClass, NgFor } from '@angular/common';
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  OnChanges,
+  OnInit,
+  SimpleChanges,
+} from '@angular/core';
+import { FieldDescription, Properties } from '@dynamic-field-kit/core';
+import { LayoutConfig } from '../types/layout';
+import { FieldInput } from './FieldInput';
+
+@Component({
+  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>
+  `,
+})
+export class MultiFieldInput implements OnInit, OnChanges {
+  @Input() fieldDescriptions: FieldDescription[] = [];
+  @Input() properties?: Properties;
+  @Output() onChange = new EventEmitter<Properties>();
+  @Input() layout: LayoutConfig = 'column';
+
+  data: Properties = {};
+  visibleFields: FieldDescription[] = [];
+
+  trackByFn(index: number, field: FieldDescription): string | number {
+    return field.name || index;
+  }
+
+  ngOnInit() {
+    this.init();
+  }
+
+  ngOnChanges(_changes: SimpleChanges) {
+    this.init();
+  }
+
+  private init() {
+    if (this.properties) {
+      this.data = { ...this.properties };
+    }
+    this.updateVisibleFields();
+  }
+
+  private updateVisibleFields() {
+    this.visibleFields = this.fieldDescriptions.filter(
+      (f) => !f.appearCondition || f.appearCondition(this.data)
+    );
+  }
+
+  onFieldChange(event: { value: any; key: string }) {
+    this.data = { ...this.data, [event.key]: event.value };
+    this.updateVisibleFields();
+    this.onChange.emit(this.data);
+  }
+}

package/src/components/imports.ts

@@ -0,0 +1,3 @@
+import { CommonModule } from '@angular/common';
+
+export const BaseImports = [CommonModule];

package/src/examples/index.ts

@@ -0,0 +1,4 @@
+export { TextFieldComponent } from './text-field.component';
+import './registerExample';
+
+export {};

package/src/examples/registerExample.ts

@@ -0,0 +1,7 @@
+import { fieldRegistry } from '@dynamic-field-kit/core';
+import { TextFieldComponent } from './text-field.component';
+
+// Example: register Angular component class into shared registry
+fieldRegistry.register('text', TextFieldComponent as any);
+
+export {};

package/src/examples/text-field.component.ts

@@ -0,0 +1,18 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'dfk-text-field',
+  standalone: true,
+  template: ` <input [value]="value ?? ''" (input)="onInput($event)" /> `,
+})
+export class TextFieldComponent {
+  @Input() value?: any;
+  @Output() valueChange = new EventEmitter<any>();
+  @Output() onValueChange = new EventEmitter<any>();
+
+  onInput(e: any) {
+    const value = e.target.value;
+    this.valueChange.emit(value);
+    this.onValueChange.emit(value);
+  }
+}