@dynamic-field-kit/angular 1.2.4 → 1.3.3

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/layoutRegistry.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  OnChanges,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\n\nexport interface FieldInputProps {\n  value?: unknown;\n  label?: string;\n  placeholder?: string;\n  required?: boolean;\n  disabled?: boolean;\n  options?: unknown[];\n  className?: string;\n  description?: string;\n  errorMessage?: string;\n  acceptFile?: string;\n  maxLength?: number;\n  minNumber?: number;\n  maxNumber?: number;\n}\n\n@Component({\n  template: '',\n})\nexport abstract class BaseInputComponent implements OnChanges {\n  @Input() value?: unknown;\n  @Input() label?: string;\n  @Input() placeholder?: string;\n  @Input() required?: boolean;\n  @Input() disabled?: boolean;\n  @Input() options?: unknown[];\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\n  @Output() valueChange = new EventEmitter<unknown>();\n\n  constructor(protected cdr: ChangeDetectorRef) {}\n\n  ngOnChanges(_changes: SimpleChanges): void {\n    this.detectChanges();\n  }\n\n  protected detectChanges(): void {\n    this.cdr.markForCheck();\n  }\n\n  protected hasChanges(changes: SimpleChanges, prop: string): boolean {\n    return changes[prop] !== undefined;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  Type,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { fieldRegistry, FieldTypeKey } from '@dynamic-field-kit/core';\nimport { Subscription } from 'rxjs';\nimport { BaseInputComponent } from './BaseInput';\n\nconst KNOWN_PROPS = [\n  'value',\n  'label',\n  'placeholder',\n  'required',\n  'disabled',\n  'options',\n  'className',\n  'description',\n  'errorMessage',\n  'acceptFile',\n  'maxLength',\n  'minNumber',\n  'maxNumber',\n] as const;\n\n@Component({\n  selector: 'dfk-dynamic-input',\n  standalone: true,\n  imports: [CommonModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\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<unknown>();\n  @Output() onChange = new EventEmitter<unknown>();\n\n  @ViewChild('host', { read: ViewContainerRef, static: false })\n  host!: ViewContainerRef;\n  private compRef?: ComponentRef<unknown>;\n  private inputInstance?: unknown;\n  private subscriptions: Subscription[] = [];\n\n  ngOnChanges(changes: SimpleChanges): void {\n    super.ngOnChanges(changes);\n\n    if (this.inputInstance) {\n      this.syncPropsToInstance(changes);\n    }\n\n    if (changes['type'] && !changes['type'].firstChange && this.host) {\n      this.render();\n    } else if (!this.inputInstance && this.host) {\n      this.render();\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.render();\n  }\n\n  ngOnDestroy(): void {\n    this.cleanup();\n  }\n\n  private syncPropsToInstance(changes: SimpleChanges): void {\n    if (!this.inputInstance) {\n      return;\n    }\n\n    for (const prop of KNOWN_PROPS) {\n      if (changes[prop] && this.inputInstance) {\n        (this.inputInstance as Record<string, unknown>)[prop] = (\n          this as Record<string, unknown>\n        )[prop];\n      }\n    }\n    this.compRef?.changeDetectorRef?.detectChanges();\n  }\n\n  private cleanup(): void {\n    this.cleanupSubscriptions();\n    this.cleanupRenderedComponent();\n  }\n\n  private cleanupSubscriptions(): void {\n    this.subscriptions.forEach((s) => s.unsubscribe());\n    this.subscriptions = [];\n  }\n\n  private cleanupRenderedComponent(): void {\n    this.compRef?.destroy();\n    this.compRef = undefined;\n    this.inputInstance = undefined;\n  }\n\n  private render(): void {\n    const Renderer = fieldRegistry.get(this.type);\n    this.cleanup();\n    this.host.clear();\n\n    if (!Renderer) {\n      this.renderError(`Unknown field type: ${this.type}`);\n      return;\n    }\n\n    if (this.isComponentType(Renderer)) {\n      this.renderComponent(Renderer as unknown as Type<unknown>);\n    } else if (typeof Renderer === 'function') {\n      this.renderFallback(Renderer);\n    } else {\n      this.renderError(`Invalid renderer for type: ${this.type}`);\n    }\n  }\n\n  private isComponentType(renderer: unknown): boolean {\n    return (\n      typeof renderer === 'object' && renderer !== null && 'cmp' in renderer\n    );\n  }\n\n  private renderComponent(compType: Type<unknown>): void {\n    try {\n      const compRef = this.host.createComponent(compType);\n      const instance = compRef.instance;\n\n      if (!instance) {\n        this.renderError(`Failed to create instance for ${this.type}`);\n        return;\n      }\n\n      this.applyProps(instance);\n      this.bindOutputs(instance);\n\n      this.compRef = compRef;\n      this.inputInstance = instance;\n      compRef.changeDetectorRef.detectChanges();\n    } catch {\n      this.renderError(`Failed to render field: ${this.type}`);\n    }\n  }\n\n  private renderFallback(renderer: unknown): void {\n    try {\n      const props = this.getFallbackProps();\n      const result = (renderer as (props: unknown) => string)(props);\n\n      if (typeof result === 'string') {\n        const el = document.createElement('div');\n        el.innerHTML = result;\n        this.host.element.nativeElement.appendChild(el);\n      }\n    } catch {\n      this.renderError(`Failed to render field: ${this.type}`);\n    }\n  }\n\n  private getFallbackProps(): Record<string, unknown> {\n    return {\n      value: this.value,\n      onValueChange: (v: unknown) => this.emitValue(v),\n      label: this.label ?? '',\n      placeholder: this.placeholder ?? '',\n      required: this.required ?? false,\n      options: this.options ?? [],\n      className: this.className ?? '',\n      description: this.description ?? '',\n      disabled: this.disabled ?? false,\n      errorMessage: this.errorMessage ?? '',\n    };\n  }\n\n  private applyProps(instance: unknown): void {\n    const instanceObj = instance as Record<string, unknown>;\n    for (const prop of KNOWN_PROPS) {\n      if (prop in this && prop in instanceObj) {\n        instanceObj[prop] = (this as Record<string, unknown>)[prop];\n      }\n    }\n  }\n\n  private bindOutputs(instance: unknown): void {\n    const outputNames: Array<'valueChange' | 'onValueChange'> = [\n      'valueChange',\n      'onValueChange',\n    ];\n\n    for (const outputName of outputNames) {\n      const output = (instance as Record<string, unknown>)[outputName];\n      if (output && typeof output === 'object' && 'subscribe' in output) {\n        const sub = (\n          output as { subscribe: (cb: (v: unknown) => void) => Subscription }\n        ).subscribe((value: unknown) => this.emitValue(value));\n        this.subscriptions.push(sub);\n      }\n    }\n  }\n\n  private emitValue(value: unknown): void {\n    this.valueChange.emit(value);\n    this.onChange.emit(value);\n  }\n\n  private renderError(message: string): void {\n    const el = document.createElement('div');\n    el.textContent = message;\n    el.style.color = 'red';\n    this.host.element.nativeElement.appendChild(el);\n  }\n}\n","import { NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport { FieldDescription } 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  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <dfk-dynamic-input\n      *ngIf=\"shouldRender\"\n      [type]=\"fieldDescription!.type\"\n      [value]=\"getFieldValue()\"\n      [label]=\"fieldDescription!.label\"\n      [placeholder]=\"fieldDescription!.placeholder\"\n      [required]=\"fieldDescription!.required\"\n      [description]=\"$any(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 implements OnChanges {\n  @Input() fieldDescription?: FieldDescription;\n  @Input() value?: unknown;\n  @Output() onValueChangeField = new EventEmitter<{\n    value: unknown;\n    key: string;\n  }>();\n\n  shouldRender = false;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnChanges(_changes: SimpleChanges): void {\n    this.shouldRender = !!this.fieldDescription;\n    this.cdr.markForCheck();\n  }\n\n  getFieldValue(): unknown {\n    if (!this.fieldDescription) {\n      return undefined;\n    }\n\n    if (this.value === undefined && this.fieldDescription.type === 'text') {\n      return '';\n    }\n\n    return this.value;\n  }\n}\n","import { NgClass, NgFor, NgIf } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  applyComputedValues,\n  canAddGroupItem,\n  canRemoveGroupItem,\n  createGroupItem,\n  FieldDescription,\n  Properties,\n} from '@dynamic-field-kit/core';\nimport { BaseLayoutConfig, LayoutConfig } from '../types/layout';\nimport { FieldInput } from './FieldInput';\n\nconst DEFAULT_BREAKPOINT = 768;\n\n@Component({\n  selector: 'dfk-multi-field-input',\n  standalone: true,\n  // Repeatable field groups render a nested <dfk-multi-field-input> per item\n  // (see the #groupTpl below), so this component imports itself. That's the\n  // supported way to give a standalone component recursive template usage\n  // without a cross-file circular import between FieldInput and a separate\n  // group component (whose `imports` arrays are evaluated eagerly at module\n  // load time and would deadlock on an actual circular module reference).\n  imports: [NgClass, NgFor, NgIf, FieldInput, MultiFieldInput],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div\n      class=\"p-4 border rounded-lg bg-gray-50\"\n      [ngClass]=\"{\n        'flex flex-col': resolvedLayoutType === 'column',\n        'flex flex-row': resolvedLayoutType === 'row',\n        grid: resolvedLayoutType === 'grid'\n      }\"\n      [style.gap.px]=\"gap\"\n      [style.gridTemplateColumns]=\"\n        resolvedLayoutType === 'grid' ? 'repeat(' + columns + ', 1fr)' : null\n      \"\n    >\n      <ng-container *ngFor=\"let field of visibleFields; trackBy: trackByFn\">\n        <dfk-field-input\n          *ngIf=\"!field.fields\"\n          [fieldDescription]=\"field\"\n          [value]=\"data[field.name]\"\n          (onValueChangeField)=\"onFieldChange($event)\"\n        ></dfk-field-input>\n\n        <div *ngIf=\"field.fields\" [class]=\"field.className\">\n          <div *ngIf=\"field.label\">{{ field.label }}</div>\n          <div\n            *ngFor=\"\n              let item of getItems(field);\n              let i = index;\n              trackBy: trackByIndex\n            \"\n            style=\"display: flex; align-items: flex-start; gap: 8px;\"\n          >\n            <div style=\"flex: 1\">\n              <dfk-multi-field-input\n                [fieldDescriptions]=\"field.fields\"\n                [properties]=\"item\"\n                (onChange)=\"onGroupItemChange(field, i, $event)\"\n              ></dfk-multi-field-input>\n            </div>\n            <button\n              type=\"button\"\n              (click)=\"onGroupItemRemove(field, i)\"\n              [disabled]=\"!canRemoveItem(field)\"\n            >\n              {{ field.removeLabel || 'Remove' }}\n            </button>\n          </div>\n          <button\n            type=\"button\"\n            (click)=\"onGroupItemAdd(field)\"\n            [disabled]=\"!canAddItem(field)\"\n          >\n            {{ field.addLabel || 'Add' }}\n          </button>\n        </div>\n      </ng-container>\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  private isMobile = false;\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  @HostListener('window:resize')\n  onWindowResize(): void {\n    const wasMobile = this.isMobile;\n    this.updateIsMobile();\n    if (wasMobile !== this.isMobile) {\n      this.cdr.markForCheck();\n    }\n  }\n\n  get resolvedLayout(): BaseLayoutConfig {\n    if (typeof this.layout === 'object' && this.layout.type === 'responsive') {\n      return this.isMobile ? this.layout.mobile : this.layout.desktop;\n    }\n    return this.layout as BaseLayoutConfig;\n  }\n\n  get resolvedLayoutType(): string {\n    const resolved = this.resolvedLayout;\n    return typeof resolved === 'string' ? resolved : resolved.type;\n  }\n\n  get gap(): number {\n    const resolved = this.resolvedLayout;\n    if (typeof resolved === 'object' && resolved.gap !== undefined) {\n      return resolved.gap;\n    }\n    return 12;\n  }\n\n  get columns(): number {\n    const resolved = this.resolvedLayout;\n    if (typeof resolved === 'object' && resolved.type === 'grid') {\n      return resolved.columns ?? 2;\n    }\n    return 2;\n  }\n\n  trackByFn(index: number, field: FieldDescription): string | number {\n    return field.name || index;\n  }\n\n  trackByIndex(index: number): number {\n    return index;\n  }\n\n  ngOnInit() {\n    this.updateIsMobile();\n    this.init();\n  }\n\n  ngOnChanges(_changes: SimpleChanges) {\n    this.init();\n  }\n\n  private updateIsMobile(): void {\n    const breakpoint =\n      typeof this.layout === 'object' && this.layout.type === 'responsive'\n        ? this.layout.breakpoint ?? DEFAULT_BREAKPOINT\n        : DEFAULT_BREAKPOINT;\n    this.isMobile =\n      typeof window !== 'undefined' && window.innerWidth < breakpoint;\n  }\n\n  private init() {\n    if (this.properties) {\n      this.data = applyComputedValues(this.fieldDescriptions, {\n        ...this.properties,\n      });\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: unknown; key: string }): void {\n    this.commitData({ ...this.data, [event.key]: event.value });\n  }\n\n  getItems(field: FieldDescription): Properties[] {\n    const value = this.data[field.name];\n    return Array.isArray(value) ? (value as Properties[]) : [];\n  }\n\n  canAddItem(field: FieldDescription): boolean {\n    return canAddGroupItem(field, this.getItems(field));\n  }\n\n  canRemoveItem(field: FieldDescription): boolean {\n    return canRemoveGroupItem(field, this.getItems(field));\n  }\n\n  onGroupItemAdd(field: FieldDescription): void {\n    if (!this.canAddItem(field)) {\n      return;\n    }\n    const items = this.getItems(field);\n    this.commitData({\n      ...this.data,\n      [field.name]: [...items, createGroupItem(field)],\n    });\n  }\n\n  onGroupItemRemove(field: FieldDescription, index: number): void {\n    if (!this.canRemoveItem(field)) {\n      return;\n    }\n    const items = this.getItems(field).filter((_, i) => i !== index);\n    this.commitData({ ...this.data, [field.name]: items });\n  }\n\n  onGroupItemChange(\n    field: FieldDescription,\n    index: number,\n    next: Properties\n  ): void {\n    const items = this.getItems(field).slice();\n    items[index] = next;\n    this.commitData({ ...this.data, [field.name]: items });\n  }\n\n  private commitData(nextData: Properties): void {\n    this.data = applyComputedValues(this.fieldDescriptions, nextData);\n    this.updateVisibleFields();\n    this.onChange.emit(this.data);\n    this.cdr.markForCheck();\n  }\n}\n","import { Type } from '@angular/core';\n\nexport type LayoutRenderer<C = unknown> = (props: {\n  children: unknown[];\n  config?: C;\n}) => unknown;\n\nexport type AngularLayoutComponent = Type<unknown>;\n\nexport class LayoutRegistry {\n  private layouts = new Map<string, AngularLayoutComponent>();\n\n  register(type: string, component: AngularLayoutComponent): void {\n    if (this.layouts.has(type)) {\n      console.warn(`[dynamic-field-kit] Layout \"${type}\" already exists`);\n    }\n    this.layouts.set(type, component);\n  }\n\n  get(type: string): AngularLayoutComponent | undefined {\n    return this.layouts.get(type);\n  }\n}\n\nexport const layoutRegistry = new LayoutRegistry();\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, TemplateRef } from '@angular/core';\nimport { layoutRegistry } from './layoutRegistry';\n\n@Component({\n  selector: 'dfk-column-layout',\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div\n    [style.display]=\"'flex'\"\n    [style.flexDirection]=\"'column'\"\n    [style.gap]=\"gap + 'px'\"\n  >\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n  </div>`,\n})\nexport class ColumnLayout {\n  @Input() config?: { gap?: number };\n  @Input() template!: TemplateRef<unknown>;\n  get gap() {\n    return this.config?.gap ?? 12;\n  }\n}\n\n@Component({\n  selector: 'dfk-row-layout',\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div\n    [style.display]=\"'flex'\"\n    [style.flexDirection]=\"'row'\"\n    [style.gap]=\"gap + 'px'\"\n  >\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n  </div>`,\n})\nexport class RowLayout {\n  @Input() config?: { gap?: number };\n  @Input() template!: TemplateRef<unknown>;\n  get gap() {\n    return this.config?.gap ?? 12;\n  }\n}\n\n@Component({\n  selector: 'dfk-grid-layout',\n  standalone: true,\n  imports: [CommonModule],\n  template: `<div\n    [style.display]=\"'grid'\"\n    [style.gridTemplateColumns]=\"'repeat(' + columns + ', 1fr)'\"\n    [style.gap]=\"gap + 'px'\"\n  >\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n  </div>`,\n})\nexport class GridLayout {\n  @Input() config?: { columns?: number; gap?: number };\n  @Input() template!: TemplateRef<unknown>;\n  get columns() {\n    return this.config?.columns ?? 2;\n  }\n  get gap() {\n    return this.config?.gap ?? 12;\n  }\n}\n\nlayoutRegistry.register('column', ColumnLayout);\nlayoutRegistry.register('row', RowLayout);\nlayoutRegistry.register('grid', 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  FieldDescription,\r\n  FieldRendererProps,\r\n  FieldTypeKey,\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/dist/layout/defaultLayouts.d.ts

@@ -0,0 +1,31 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ColumnLayout {
+    config?: {
+        gap?: number;
+    };
+    template: TemplateRef<unknown>;
+    get gap(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnLayout, "dfk-column-layout", never, { "config": { "alias": "config"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class RowLayout {
+    config?: {
+        gap?: number;
+    };
+    template: TemplateRef<unknown>;
+    get gap(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowLayout, "dfk-row-layout", never, { "config": { "alias": "config"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class GridLayout {
+    config?: {
+        columns?: number;
+        gap?: number;
+    };
+    template: TemplateRef<unknown>;
+    get columns(): number;
+    get gap(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridLayout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridLayout, "dfk-grid-layout", never, { "config": { "alias": "config"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './defaultLayouts';
+export { layoutRegistry, LayoutRegistry } from './layoutRegistry';

package/dist/layout/layoutRegistry.d.ts

@@ -0,0 +1,12 @@
+import { Type } from '@angular/core';
+export type LayoutRenderer<C = unknown> = (props: {
+    children: unknown[];
+    config?: C;
+}) => unknown;
+export type AngularLayoutComponent = Type<unknown>;
+export declare class LayoutRegistry {
+    private layouts;
+    register(type: string, component: AngularLayoutComponent): void;
+    get(type: string): AngularLayoutComponent | undefined;
+}
+export declare const layoutRegistry: LayoutRegistry;

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 { FieldDescription, FieldRendererProps, FieldTypeKey, } from '@dynamic-field-kit/core';
+export { fieldRegistry } from '@dynamic-field-kit/core';

package/dist/types/layout.d.ts

@@ -0,0 +1,25 @@
+export interface GridLayoutConfig {
+    type: 'grid';
+    columns?: number;
+    gap?: number;
+    width?: string;
+}
+export interface RowLayoutConfig {
+    type: 'row';
+    gap?: number;
+    width?: string;
+    flex?: boolean;
+}
+export interface ColumnLayoutConfig {
+    type: 'column';
+    gap?: number;
+    width?: string;
+}
+export type BaseLayoutConfig = 'column' | 'row' | 'grid' | GridLayoutConfig | RowLayoutConfig | ColumnLayoutConfig;
+export interface ResponsiveLayoutConfig {
+    type: 'responsive';
+    mobile: BaseLayoutConfig;
+    desktop: BaseLayoutConfig;
+    breakpoint?: number;
+}
+export type LayoutConfig = BaseLayoutConfig | ResponsiveLayoutConfig;

package/karma.conf.js

@@ -0,0 +1,37 @@
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', 'karma-typescript'],
+    plugins: [
+      'karma-jasmine',
+      'karma-chrome-launcher',
+      'karma-typescript',
+      'karma-coverage',
+    ],
+    files: [{ pattern: 'test/**/*.spec.ts', included: true }],
+    preprocessors: {
+      'test/**/*.spec.ts': ['karma-typescript'],
+    },
+    client: {
+      jasmine: {},
+    },
+    karmaTypescriptConfig: {
+      tsconfig: './tsconfig.spec.json',
+    },
+    reporters: ['progress', 'coverage'],
+    browsers: ['ChromeHeadless'],
+    customLaunchers: {
+      ChromeHeadlessCI: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox', '--disable-gpu'],
+      },
+    },
+    singleRun: true,
+    coverageReporter: {
+      reporters: [
+        { type: 'lcov', dir: 'coverage', subdir: '.' },
+        { type: 'text-summary' },
+      ],
+    },
+  });
+};

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,58 @@
 {
   "name": "@dynamic-field-kit/angular",
-  "version": "1.2.4",
+  "version": "1.3.3",
   "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.2.0"
+  },
+  "dependencies": {
+    "@dynamic-field-kit/core": "^1.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json",
+    "clean": "rimraf dist dist-spec coverage",
+    "prepublishOnly": "npm run clean && npm run build",
+    "test": "karma start karma.conf.js --single-run",
+    "test:coverage": "karma start karma.conf.js --single-run --coverage",
+    "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/cdk": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@types/jasmine": "^5.1.0",
+    "jasmine": "^5.1.0",
+    "karma": "^6.4.4",
+    "karma-chrome-launcher": "^3.2.0",
+    "karma-coverage": "^2.2.1",
+    "karma-jasmine": "^5.1.0",
+    "karma-typescript": "^5.5.4",
+    "ng-packagr": "^17.3.0",
+    "rimraf": "^6.1.3",
+    "rxjs": "^7.8.0",
+    "typescript": "~5.6.0",
+    "zone.js": "^0.15.0"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vannt-dev/dynamic-field-kit.git"
@@ -23,27 +61,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/components/BaseInput.ts

@@ -0,0 +1,60 @@
+import {
+  ChangeDetectorRef,
+  Component,
+  EventEmitter,
+  Input,
+  OnChanges,
+  Output,
+  SimpleChanges,
+} from '@angular/core';
+
+export interface FieldInputProps {
+  value?: unknown;
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  disabled?: boolean;
+  options?: unknown[];
+  className?: string;
+  description?: string;
+  errorMessage?: string;
+  acceptFile?: string;
+  maxLength?: number;
+  minNumber?: number;
+  maxNumber?: number;
+}
+
+@Component({
+  template: '',
+})
+export abstract class BaseInputComponent implements OnChanges {
+  @Input() value?: unknown;
+  @Input() label?: string;
+  @Input() placeholder?: string;
+  @Input() required?: boolean;
+  @Input() disabled?: boolean;
+  @Input() options?: unknown[];
+  @Input() className?: string;
+  @Input() description?: string;
+  @Input() errorMessage?: string;
+  @Input() acceptFile?: string;
+  @Input() maxLength?: number;
+  @Input() minNumber?: number;
+  @Input() maxNumber?: number;
+
+  @Output() valueChange = new EventEmitter<unknown>();
+
+  constructor(protected cdr: ChangeDetectorRef) {}
+
+  ngOnChanges(_changes: SimpleChanges): void {
+    this.detectChanges();
+  }
+
+  protected detectChanges(): void {
+    this.cdr.markForCheck();
+  }
+
+  protected hasChanges(changes: SimpleChanges, prop: string): boolean {
+    return changes[prop] !== undefined;
+  }
+}

package/src/components/DynamicInput.ts

@@ -0,0 +1,224 @@
+import { CommonModule } from '@angular/common';
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  Component,
+  ComponentRef,
+  EventEmitter,
+  Input,
+  OnChanges,
+  OnDestroy,
+  Output,
+  SimpleChanges,
+  Type,
+  ViewChild,
+  ViewContainerRef,
+} from '@angular/core';
+import { fieldRegistry, FieldTypeKey } from '@dynamic-field-kit/core';
+import { Subscription } from 'rxjs';
+import { BaseInputComponent } from './BaseInput';
+
+const KNOWN_PROPS = [
+  'value',
+  'label',
+  'placeholder',
+  'required',
+  'disabled',
+  'options',
+  'className',
+  'description',
+  'errorMessage',
+  'acceptFile',
+  'maxLength',
+  'minNumber',
+  'maxNumber',
+] as const;
+
+@Component({
+  selector: 'dfk-dynamic-input',
+  standalone: true,
+  imports: [CommonModule],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<div #host style="display: contents;"></div>`,
+})
+export class DynamicInput
+  extends BaseInputComponent
+  implements OnChanges, AfterViewInit, OnDestroy
+{
+  @Input() type!: FieldTypeKey;
+  @Output() override valueChange = new EventEmitter<unknown>();
+  @Output() onChange = new EventEmitter<unknown>();
+
+  @ViewChild('host', { read: ViewContainerRef, static: false })
+  host!: ViewContainerRef;
+  private compRef?: ComponentRef<unknown>;
+  private inputInstance?: unknown;
+  private subscriptions: Subscription[] = [];
+
+  ngOnChanges(changes: SimpleChanges): void {
+    super.ngOnChanges(changes);
+
+    if (this.inputInstance) {
+      this.syncPropsToInstance(changes);
+    }
+
+    if (changes['type'] && !changes['type'].firstChange && this.host) {
+      this.render();
+    } else if (!this.inputInstance && this.host) {
+      this.render();
+    }
+  }
+
+  ngAfterViewInit(): void {
+    this.render();
+  }
+
+  ngOnDestroy(): void {
+    this.cleanup();
+  }
+
+  private syncPropsToInstance(changes: SimpleChanges): void {
+    if (!this.inputInstance) {
+      return;
+    }
+
+    for (const prop of KNOWN_PROPS) {
+      if (changes[prop] && this.inputInstance) {
+        (this.inputInstance as Record<string, unknown>)[prop] = (
+          this as Record<string, unknown>
+        )[prop];
+      }
+    }
+    this.compRef?.changeDetectorRef?.detectChanges();
+  }
+
+  private cleanup(): void {
+    this.cleanupSubscriptions();
+    this.cleanupRenderedComponent();
+  }
+
+  private cleanupSubscriptions(): void {
+    this.subscriptions.forEach((s) => s.unsubscribe());
+    this.subscriptions = [];
+  }
+
+  private cleanupRenderedComponent(): void {
+    this.compRef?.destroy();
+    this.compRef = undefined;
+    this.inputInstance = undefined;
+  }
+
+  private render(): void {
+    const Renderer = fieldRegistry.get(this.type);
+    this.cleanup();
+    this.host.clear();
+
+    if (!Renderer) {
+      this.renderError(`Unknown field type: ${this.type}`);
+      return;
+    }
+
+    if (this.isComponentType(Renderer)) {
+      this.renderComponent(Renderer as unknown as Type<unknown>);
+    } else if (typeof Renderer === 'function') {
+      this.renderFallback(Renderer);
+    } else {
+      this.renderError(`Invalid renderer for type: ${this.type}`);
+    }
+  }
+
+  private isComponentType(renderer: unknown): boolean {
+    return (
+      typeof renderer === 'object' && renderer !== null && 'cmp' in renderer
+    );
+  }
+
+  private renderComponent(compType: Type<unknown>): void {
+    try {
+      const compRef = this.host.createComponent(compType);
+      const instance = compRef.instance;
+
+      if (!instance) {
+        this.renderError(`Failed to create instance for ${this.type}`);
+        return;
+      }
+
+      this.applyProps(instance);
+      this.bindOutputs(instance);
+
+      this.compRef = compRef;
+      this.inputInstance = instance;
+      compRef.changeDetectorRef.detectChanges();
+    } catch {
+      this.renderError(`Failed to render field: ${this.type}`);
+    }
+  }
+
+  private renderFallback(renderer: unknown): void {
+    try {
+      const props = this.getFallbackProps();
+      const result = (renderer as (props: unknown) => string)(props);
+
+      if (typeof result === 'string') {
+        const el = document.createElement('div');
+        el.innerHTML = result;
+        this.host.element.nativeElement.appendChild(el);
+      }
+    } catch {
+      this.renderError(`Failed to render field: ${this.type}`);
+    }
+  }
+
+  private getFallbackProps(): Record<string, unknown> {
+    return {
+      value: this.value,
+      onValueChange: (v: unknown) => this.emitValue(v),
+      label: this.label ?? '',
+      placeholder: this.placeholder ?? '',
+      required: this.required ?? false,
+      options: this.options ?? [],
+      className: this.className ?? '',
+      description: this.description ?? '',
+      disabled: this.disabled ?? false,
+      errorMessage: this.errorMessage ?? '',
+    };
+  }
+
+  private applyProps(instance: unknown): void {
+    const instanceObj = instance as Record<string, unknown>;
+    for (const prop of KNOWN_PROPS) {
+      if (prop in this && prop in instanceObj) {
+        instanceObj[prop] = (this as Record<string, unknown>)[prop];
+      }
+    }
+  }
+
+  private bindOutputs(instance: unknown): void {
+    const outputNames: Array<'valueChange' | 'onValueChange'> = [
+      'valueChange',
+      'onValueChange',
+    ];
+
+    for (const outputName of outputNames) {
+      const output = (instance as Record<string, unknown>)[outputName];
+      if (output && typeof output === 'object' && 'subscribe' in output) {
+        const sub = (
+          output as { subscribe: (cb: (v: unknown) => void) => Subscription }
+        ).subscribe((value: unknown) => this.emitValue(value));
+        this.subscriptions.push(sub);
+      }
+    }
+  }
+
+  private emitValue(value: unknown): void {
+    this.valueChange.emit(value);
+    this.onChange.emit(value);
+  }
+
+  private renderError(message: string): void {
+    const el = document.createElement('div');
+    el.textContent = message;
+    el.style.color = 'red';
+    this.host.element.nativeElement.appendChild(el);
+  }
+}