@masterteam/forms 0.0.44 → 0.0.46

package/fesm2022/masterteam-forms-dynamic-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-forms-dynamic-field.mjs","sources":["../../../../packages/masterteam/forms/dynamic-field/dynamic-field.ts","../../../../packages/masterteam/forms/dynamic-field/dynamic-field.html","../../../../packages/masterteam/forms/dynamic-field/masterteam-forms-dynamic-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  input,\r\n  computed,\r\n  ChangeDetectionStrategy,\r\n  Signal,\r\n  inject,\r\n} from '@angular/core';\r\nimport {\r\n  ReactiveFormsModule,\r\n  ControlContainer,\r\n  FormGroupDirective,\r\n} from '@angular/forms';\r\nimport { TextField } from '@masterteam/components/text-field';\r\nimport { TextareaField } from '@masterteam/components/textarea-field';\r\nimport { SelectField } from '@masterteam/components/select-field';\r\nimport { DateField } from '@masterteam/components/date-field';\r\nimport { NumberField } from '@masterteam/components/number-field';\r\nimport { SliderField } from '@masterteam/components/slider-field';\r\nimport { MultiSelectField } from '@masterteam/components/multi-select-field';\r\nimport { CheckboxField } from '@masterteam/components/checkbox-field';\r\nimport { ColorPickerField } from '@masterteam/components/color-picker-field';\r\nimport { PickListField } from '@masterteam/components/pick-list-field';\r\nimport {\r\n  TextFieldConfig,\r\n  TextareaFieldConfig,\r\n  SelectFieldConfig,\r\n  DateFieldConfig,\r\n  NumberFieldConfig,\r\n  SliderFieldConfig,\r\n  MultiSelectFieldConfig,\r\n  PickListFieldConfig,\r\n  CheckboxFieldConfig,\r\n  ColorPickerFieldConfig,\r\n  DynamicFieldConfig,\r\n  IconFieldConfig,\r\n  RadioButtonFieldConfig,\r\n  RadioCardsFieldConfig,\r\n  ToggleFieldConfig,\r\n  EditorFieldConfig,\r\n  UserSearchFieldConfig,\r\n  UploadFileFieldConfig,\r\n  SpacerFieldConfig,\r\n  SchemaConnectionFieldConfig,\r\n} from '@masterteam/components';\r\nimport { IconField } from '@masterteam/components/icon-field';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { RadioCardsField } from '@masterteam/components/radio-cards-field';\r\nimport { RadioButtonField } from '@masterteam/components/radio-button-field';\r\nimport { EditorField } from '@masterteam/components/editor-field';\r\nimport { UserSearchField } from '@masterteam/components/user-search-field';\r\nimport { UploadField } from '@masterteam/components/upload-field';\r\nimport { SchemaConnectionField } from '@masterteam/components/business-fields';\r\n\r\n@Component({\r\n  selector: 'mt-dynamic-field',\r\n  standalone: true,\r\n  imports: [\r\n    TextField,\r\n    TextareaField,\r\n    SelectField,\r\n    DateField,\r\n    NumberField,\r\n    SliderField,\r\n    MultiSelectField,\r\n    PickListField,\r\n    CheckboxField,\r\n    ColorPickerField,\r\n    ReactiveFormsModule,\r\n    IconField,\r\n    EditorField,\r\n    RadioButtonField,\r\n    RadioCardsField,\r\n    ToggleField,\r\n    UserSearchField,\r\n    UploadField,\r\n    SchemaConnectionField,\r\n  ],\r\n  templateUrl: './dynamic-field.html',\r\n  styleUrls: ['./dynamic-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  viewProviders: [\r\n    { provide: ControlContainer, useExisting: FormGroupDirective },\r\n  ],\r\n})\r\nexport class DynamicField {\r\n  // Input signal with transform to handle class for text type\r\n  readonly fieldConfig = input.required<DynamicFieldConfig>();\r\n\r\n  // Computed property for transformed field config\r\n  readonly transformedFieldConfig: Signal<DynamicFieldConfig> = computed(() =>\r\n    this.transformToFieldConfig(this.fieldConfig()),\r\n  );\r\n\r\n  // Inject ControlContainer to connect directly with parent form\r\n  private controlContainer = inject(ControlContainer, { optional: true });\r\n\r\n  // Input for the form control name\r\n  readonly fieldName = input.required<string>();\r\n  constructor() {}\r\n\r\n  private transformToFieldConfig(value: any): DynamicFieldConfig {\r\n    // If it's a plain object, transform it to appropriate field config\r\n    if (typeof value === 'object') {\r\n      if (value.type === 'text') {\r\n        return new TextFieldConfig(value);\r\n      }\r\n      if (value.type === 'textarea') {\r\n        return new TextareaFieldConfig(value);\r\n      }\r\n      if (value.type === 'select') {\r\n        return new SelectFieldConfig(value);\r\n      }\r\n      if (value.type === 'date') {\r\n        return new DateFieldConfig(value);\r\n      }\r\n      if (value.type === 'number') {\r\n        return new NumberFieldConfig(value);\r\n      }\r\n      if (value.type === 'slider') {\r\n        return new SliderFieldConfig(value);\r\n      }\r\n      if (value.type === 'multi-select') {\r\n        return new MultiSelectFieldConfig(value);\r\n      }\r\n      if (value.type === 'pick-list') {\r\n        return new PickListFieldConfig(value);\r\n      }\r\n      if (value.type === 'checkbox') {\r\n        return new CheckboxFieldConfig(value);\r\n      }\r\n      if (value.type === 'radio-button') {\r\n        return new RadioButtonFieldConfig(value);\r\n      }\r\n      if (value.type === 'radio-cards') {\r\n        return new RadioCardsFieldConfig(value);\r\n      }\r\n      if (value.type === 'user-search') {\r\n        return new UserSearchFieldConfig(value);\r\n      }\r\n      if (value.type === 'toggle') {\r\n        return new ToggleFieldConfig(value);\r\n      }\r\n      if (value.type === 'editor-field') {\r\n        return new EditorFieldConfig(value);\r\n      }\r\n      if (value.type === 'icon-field') {\r\n        return new IconFieldConfig(value);\r\n      }\r\n      if (value.type === 'color-picker') {\r\n        return new ColorPickerFieldConfig(value);\r\n      }\r\n      if (value.type === 'upload-file') {\r\n        return new UploadFileFieldConfig(value);\r\n      }\r\n      if (value.type === 'spacer') {\r\n        return new SpacerFieldConfig(value);\r\n      }\r\n      if (value.type === 'schema-connection') {\r\n        return new SchemaConnectionFieldConfig(value);\r\n      }\r\n    }\r\n\r\n    // Default fallback to TextFieldConfig\r\n    return new TextFieldConfig({\r\n      ...value,\r\n    });\r\n  }\r\n}\r\n","@switch (transformedFieldConfig().type) {\r\n  @case (\"text\") {\r\n    <mt-text-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"textarea\") {\r\n    <mt-textarea-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [rows]=\"transformedFieldConfig().rows || 3\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"select\") {\r\n    <mt-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [filter]=\"transformedFieldConfig().filter\"\r\n      [formControlName]=\"fieldName()\"\r\n      [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\r\n    />\r\n  }\r\n  @case (\"date\") {\r\n    <mt-date-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n      [showTime]=\"transformedFieldConfig().showTime\"\r\n    />\r\n  }\r\n  @case (\"number\") {\r\n    <mt-number-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"multi-select\") {\r\n    <mt-multi-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"pick-list\") {\r\n    <mt-pick-list-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\r\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\r\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\r\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\r\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\r\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\r\n      [filterBy]=\"transformedFieldConfig().filterBy\"\r\n      [dataKey]=\"transformedFieldConfig().dataKey\"\r\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\r\n      [responsive]=\"transformedFieldConfig().responsive\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"user-search\") {\r\n    <mt-user-search-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [hint]=\"transformedFieldConfig().hint || ''\"\r\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"checkbox\") {\r\n    <mt-checkbox-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-button\") {\r\n    <mt-radio-button-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-cards\") {\r\n    <mt-radio-cards-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"toggle\") {\r\n    <mt-toggle-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\r\n      [icon]=\"transformedFieldConfig().icon\"\r\n      [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"icon-field\") {\r\n    <mt-icon-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"color-picker\") {\r\n    <mt-color-picker-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n      [appendTo]=\"transformedFieldConfig().appendTo\"\r\n    />\r\n  }\r\n  @case (\"editor-field\") {\r\n    <mt-editor-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"upload-file\") {\r\n    <mt-upload-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [formControlName]=\"fieldName()\"\r\n      [shape]=\"transformedFieldConfig().shape\"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [endPoint]=\"transformedFieldConfig().endPoint\"\r\n      [accept]=\"transformedFieldConfig().accept\"\r\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [title]=\"transformedFieldConfig().title\"\r\n      [description]=\"transformedFieldConfig().description\"\r\n    />\r\n  }\r\n  @case (\"spacer\") {\r\n    <div class=\"spacer\"></div>\r\n  }\r\n  @case (\"schema-connection\") {\r\n    <mt-schema-connection-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [filter]=\"transformedFieldConfig().filter ?? true\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-forms-dynamic-field.mjs","sources":["../../../../packages/masterteam/forms/dynamic-field/dynamic-field.ts","../../../../packages/masterteam/forms/dynamic-field/dynamic-field.html","../../../../packages/masterteam/forms/dynamic-field/masterteam-forms-dynamic-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  input,\r\n  computed,\r\n  ChangeDetectionStrategy,\r\n  Signal,\r\n  inject,\r\n} from '@angular/core';\r\nimport {\r\n  ReactiveFormsModule,\r\n  ControlContainer,\r\n  FormGroupDirective,\r\n} from '@angular/forms';\r\nimport { TextField } from '@masterteam/components/text-field';\r\nimport { TextareaField } from '@masterteam/components/textarea-field';\r\nimport { SelectField } from '@masterteam/components/select-field';\r\nimport { DateField } from '@masterteam/components/date-field';\r\nimport { NumberField } from '@masterteam/components/number-field';\r\nimport { SliderField } from '@masterteam/components/slider-field';\r\nimport { MultiSelectField } from '@masterteam/components/multi-select-field';\r\nimport { CheckboxField } from '@masterteam/components/checkbox-field';\r\nimport { ColorPickerField } from '@masterteam/components/color-picker-field';\r\nimport { PickListField } from '@masterteam/components/pick-list-field';\r\nimport {\r\n  TextFieldConfig,\r\n  TextareaFieldConfig,\r\n  SelectFieldConfig,\r\n  DateFieldConfig,\r\n  NumberFieldConfig,\r\n  SliderFieldConfig,\r\n  MultiSelectFieldConfig,\r\n  PickListFieldConfig,\r\n  CheckboxFieldConfig,\r\n  ColorPickerFieldConfig,\r\n  DynamicFieldConfig,\r\n  IconFieldConfig,\r\n  RadioButtonFieldConfig,\r\n  RadioCardsFieldConfig,\r\n  ToggleFieldConfig,\r\n  EditorFieldConfig,\r\n  UserSearchFieldConfig,\r\n  UploadFileFieldConfig,\r\n  SpacerFieldConfig,\r\n  SchemaConnectionFieldConfig,\r\n} from '@masterteam/components';\r\nimport { IconField } from '@masterteam/components/icon-field';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { RadioCardsField } from '@masterteam/components/radio-cards-field';\r\nimport { RadioButtonField } from '@masterteam/components/radio-button-field';\r\nimport { EditorField } from '@masterteam/components/editor-field';\r\nimport { UserSearchField } from '@masterteam/components/user-search-field';\r\nimport { UploadField } from '@masterteam/components/upload-field';\r\nimport { SchemaConnectionField } from '@masterteam/components/business-fields';\r\n\r\n@Component({\r\n  selector: 'mt-dynamic-field',\r\n  standalone: true,\r\n  imports: [\r\n    TextField,\r\n    TextareaField,\r\n    SelectField,\r\n    DateField,\r\n    NumberField,\r\n    SliderField,\r\n    MultiSelectField,\r\n    PickListField,\r\n    CheckboxField,\r\n    ColorPickerField,\r\n    ReactiveFormsModule,\r\n    IconField,\r\n    EditorField,\r\n    RadioButtonField,\r\n    RadioCardsField,\r\n    ToggleField,\r\n    UserSearchField,\r\n    UploadField,\r\n    SchemaConnectionField,\r\n  ],\r\n  templateUrl: './dynamic-field.html',\r\n  styleUrls: ['./dynamic-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  viewProviders: [\r\n    { provide: ControlContainer, useExisting: FormGroupDirective },\r\n  ],\r\n})\r\nexport class DynamicField {\r\n  // Input signal with transform to handle class for text type\r\n  readonly fieldConfig = input.required<DynamicFieldConfig>();\r\n\r\n  // Computed property for transformed field config\r\n  readonly transformedFieldConfig: Signal<DynamicFieldConfig> = computed(() =>\r\n    this.transformToFieldConfig(this.fieldConfig()),\r\n  );\r\n\r\n  // Inject ControlContainer to connect directly with parent form\r\n  private controlContainer = inject(ControlContainer, { optional: true });\r\n\r\n  // Input for the form control name\r\n  readonly fieldName = input.required<string>();\r\n  constructor() {}\r\n\r\n  private transformToFieldConfig(value: any): DynamicFieldConfig {\r\n    // If it's a plain object, transform it to appropriate field config\r\n    if (typeof value === 'object') {\r\n      if (value.type === 'text') {\r\n        return new TextFieldConfig(value);\r\n      }\r\n      if (value.type === 'textarea') {\r\n        return new TextareaFieldConfig(value);\r\n      }\r\n      if (value.type === 'select') {\r\n        return new SelectFieldConfig(value);\r\n      }\r\n      if (value.type === 'date') {\r\n        return new DateFieldConfig(value);\r\n      }\r\n      if (value.type === 'number') {\r\n        return new NumberFieldConfig(value);\r\n      }\r\n      if (value.type === 'slider') {\r\n        return new SliderFieldConfig(value);\r\n      }\r\n      if (value.type === 'multi-select') {\r\n        return new MultiSelectFieldConfig(value);\r\n      }\r\n      if (value.type === 'pick-list') {\r\n        return new PickListFieldConfig(value);\r\n      }\r\n      if (value.type === 'checkbox') {\r\n        return new CheckboxFieldConfig(value);\r\n      }\r\n      if (value.type === 'radio-button') {\r\n        return new RadioButtonFieldConfig(value);\r\n      }\r\n      if (value.type === 'radio-cards') {\r\n        return new RadioCardsFieldConfig(value);\r\n      }\r\n      if (value.type === 'user-search') {\r\n        return new UserSearchFieldConfig(value);\r\n      }\r\n      if (value.type === 'toggle') {\r\n        return new ToggleFieldConfig(value);\r\n      }\r\n      if (value.type === 'editor-field') {\r\n        return new EditorFieldConfig(value);\r\n      }\r\n      if (value.type === 'icon-field') {\r\n        return new IconFieldConfig(value);\r\n      }\r\n      if (value.type === 'color-picker') {\r\n        return new ColorPickerFieldConfig(value);\r\n      }\r\n      if (value.type === 'upload-file') {\r\n        return new UploadFileFieldConfig(value);\r\n      }\r\n      if (value.type === 'spacer') {\r\n        return new SpacerFieldConfig(value);\r\n      }\r\n      if (value.type === 'schema-connection') {\r\n        return new SchemaConnectionFieldConfig(value);\r\n      }\r\n    }\r\n\r\n    // Default fallback to TextFieldConfig\r\n    return new TextFieldConfig({\r\n      ...value,\r\n    });\r\n  }\r\n}\r\n","@switch (transformedFieldConfig().type) {\r\n  @case (\"text\") {\r\n    <mt-text-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"textarea\") {\r\n    <mt-textarea-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [rows]=\"transformedFieldConfig().rows || 3\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"select\") {\r\n    <mt-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [filter]=\"transformedFieldConfig().filter\"\r\n      [formControlName]=\"fieldName()\"\r\n      [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\r\n    />\r\n  }\r\n  @case (\"date\") {\r\n    <mt-date-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n      [showTime]=\"transformedFieldConfig().showTime\"\r\n    />\r\n  }\r\n  @case (\"number\") {\r\n    <mt-number-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"multi-select\") {\r\n    <mt-multi-select-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"pick-list\") {\r\n    <mt-pick-list-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\r\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\r\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\r\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\r\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\r\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\r\n      [filterBy]=\"transformedFieldConfig().filterBy\"\r\n      [dataKey]=\"transformedFieldConfig().dataKey\"\r\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\r\n      [responsive]=\"transformedFieldConfig().responsive\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"user-search\") {\r\n    <mt-user-search-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [hint]=\"transformedFieldConfig().hint || ''\"\r\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\r\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"checkbox\") {\r\n    <mt-checkbox-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-button\") {\r\n    <mt-radio-button-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"radio-cards\") {\r\n    <mt-radio-cards-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [options]=\"transformedFieldConfig().options || []\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"toggle\") {\r\n    <mt-toggle-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\r\n      [icon]=\"transformedFieldConfig().icon\"\r\n      [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"icon-field\") {\r\n    <mt-icon-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"color-picker\") {\r\n    <mt-color-picker-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n      [appendTo]=\"transformedFieldConfig().appendTo\"\r\n    />\r\n  }\r\n  @case (\"editor-field\") {\r\n    <mt-editor-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"upload-file\") {\r\n    <mt-upload-field\n      [label]=\"transformedFieldConfig().label\"\n      [formControlName]=\"fieldName()\"\n      [shape]=\"transformedFieldConfig().shape\"\n      [size]=\"transformedFieldConfig().size\"\n      [userImgClass]=\"transformedFieldConfig().userImgClass\"\n      [multiple]=\"transformedFieldConfig().multiple\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [endPoint]=\"transformedFieldConfig().endPoint\"\n      [accept]=\"transformedFieldConfig().accept\"\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n      [context]=\"transformedFieldConfig().context\"\r\n      [title]=\"transformedFieldConfig().title\"\r\n      [description]=\"transformedFieldConfig().description\"\r\n    />\r\n  }\r\n  @case (\"spacer\") {\r\n    <div class=\"spacer\"></div>\r\n  }\r\n  @case (\"schema-connection\") {\r\n    <mt-schema-connection-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [context]=\"transformedFieldConfig().context\"\r\n      [filter]=\"transformedFieldConfig().filter ?? true\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-forms-dynamic-form.mjs

@@ -14,6 +14,7 @@ class DynamicForm {
     formConfig = input.required(...(ngDevMode ? [{ debugName: "formConfig" }] : []));
     forcedHiddenFieldKeys = input([], ...(ngDevMode ? [{ debugName: "forcedHiddenFieldKeys" }] : []));
     preserveForcedHiddenValues = input(true, ...(ngDevMode ? [{ debugName: "preserveForcedHiddenValues" }] : []));
+    visibleSectionKeys = input(null, ...(ngDevMode ? [{ debugName: "visibleSectionKeys" }] : []));
     runtimeMessagesChange = output();
     form = new FormGroup({});
     formBuilt = signal(false, ...(ngDevMode ? [{ debugName: "formBuilt" }] : []));
@@ -72,15 +73,6 @@ class DynamicForm {
         });
         return styles;
     }, ...(ngDevMode ? [{ debugName: "sectionGridStyles" }] : []));
-    sectionVisibility = computed(() => {
-        const visibility = {};
-        const hiddenFields = this.hiddenFields();
-        this.formConfig().sections.forEach((section, index) => {
-            const key = this.getSectionStateKey(section, index);
-            visibility[key] = section.fields.some((field) => field.type === 'spacer' || !field.key || !hiddenFields[field.key]);
-        });
-        return visibility;
-    }, ...(ngDevMode ? [{ debugName: "sectionVisibility" }] : []));
     constructor() {
         // Effect to rebuild form when config changes
         effect(() => {
@@ -94,6 +86,15 @@ class DynamicForm {
                 this.onChange(this.form.getRawValue());
             }
         });
+        effect(() => {
+            this.forcedHiddenFieldKeys();
+            if (!this.formBuilt()) {
+                return;
+            }
+            untracked(() => {
+                this.evaluateRelations();
+            });
+        });
     }
     registerOnValidatorChange(fn) {
         this.onValidatorChange = fn;
@@ -419,6 +420,13 @@ class DynamicForm {
     getSectionStateKey(section, index) {
         return section.key || `section-${index}`;
     }
+    shouldRenderSection(section, index) {
+        const visibleSectionKeys = this.visibleSectionKeys();
+        if (!visibleSectionKeys?.length) {
+            return true;
+        }
+        return visibleSectionKeys.includes(this.getSectionStateKey(section, index));
+    }
     getColSpanStyleValue(colSpan) {
         if (!colSpan) {
             return `span ${this.DEFAULT_GRID_COLUMNS} / span ${this.DEFAULT_GRID_COLUMNS}`;
@@ -438,7 +446,7 @@ class DynamicForm {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DynamicForm, isStandalone: true, selector: "mt-dynamic-form", inputs: { formConfig: { classPropertyName: "formConfig", publicName: "formConfig", isSignal: true, isRequired: true, transformFunction: null }, forcedHiddenFieldKeys: { classPropertyName: "forcedHiddenFieldKeys", publicName: "forcedHiddenFieldKeys", isSignal: true, isRequired: false, transformFunction: null }, preserveForcedHiddenValues: { classPropertyName: "preserveForcedHiddenValues", publicName: "preserveForcedHiddenValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeMessagesChange: "runtimeMessagesChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DynamicForm, isStandalone: true, selector: "mt-dynamic-form", inputs: { formConfig: { classPropertyName: "formConfig", publicName: "formConfig", isSignal: true, isRequired: true, transformFunction: null }, forcedHiddenFieldKeys: { classPropertyName: "forcedHiddenFieldKeys", publicName: "forcedHiddenFieldKeys", isSignal: true, isRequired: false, transformFunction: null }, preserveForcedHiddenValues: { classPropertyName: "preserveForcedHiddenValues", publicName: "preserveForcedHiddenValues", isSignal: true, isRequired: false, transformFunction: null }, visibleSectionKeys: { classPropertyName: "visibleSectionKeys", publicName: "visibleSectionKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeMessagesChange: "runtimeMessagesChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DynamicForm),
@@ -449,7 +457,7 @@ class DynamicForm {
                 useExisting: forwardRef(() => DynamicForm),
                 multi: true,
             },
-        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      @if (sectionVisibility()[section.key || \"section-\" + $index]) {\n        <div\n          [class]=\"\n            section.cssClass ||\n            formConfig().layout?.sectionClass ||\n            'flex flex-col gap-4'\n          \"\n        >\n          @if (section.type === \"header\" && section.label) {\n            <h3\n              [class]=\"\n                section?.headerClass ||\n                'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\n              \"\n            >\n              {{ section.label }}\n            </h3>\n          }\n\n          <div\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n            [style]=\"\n              !section?.bodyClass\n                ? sectionGridStyles()[section.key || 'section-' + $index]\n                : {}\n            \"\n          >\n            @for (field of section.fields | sort: \"order\"; track field.key) {\n              <div\n                [class]=\"\n                  field.cssClass ||\n                  formConfig().layout?.fieldClass ||\n                  'flex flex-col gap-1'\n                \"\n                [style]=\"fieldColSpanStyles()[field.key!]\"\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n              >\n                @if (field.type === \"spacer\") {\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                } @else if (field.key!.includes(\".\")) {\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                  @let parentKey = field.key!.split(\".\")[0];\n                  @let childKey = field.key!.split(\".\")[1];\n                  <div [formGroup]=\"form.get(parentKey)\">\n                    <mt-dynamic-field\n                      [fieldConfig]=\"field\"\n                      [fieldName]=\"childKey\"\n                    />\n                  </div>\n                } @else {\n                  <!-- Handle regular fields -->\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicField, selector: "mt-dynamic-field", inputs: ["fieldConfig", "fieldName"] }, { kind: "pipe", type: SortPipe, name: "sort" }] });
+        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      @if (shouldRenderSection(section, $index)) {\n        <div\n          [class]=\"\n            section.cssClass ||\n            formConfig().layout?.sectionClass ||\n            'flex flex-col gap-4'\n          \"\n        >\n          @if (section.type === \"header\" && section.label) {\n            <h3\n              [class]=\"\n                section?.headerClass ||\n                'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\n              \"\n            >\n              {{ section.label }}\n            </h3>\n          }\n\n          <div\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n            [style]=\"\n              !section?.bodyClass\n                ? sectionGridStyles()[section.key || 'section-' + $index]\n                : {}\n            \"\n          >\n            @for (field of section.fields | sort: \"order\"; track field.key) {\n              <div\n                [class]=\"\n                  field.cssClass ||\n                  formConfig().layout?.fieldClass ||\n                  'flex flex-col gap-1'\n                \"\n                [style]=\"fieldColSpanStyles()[field.key!]\"\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n              >\n                @if (field.type === \"spacer\") {\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                } @else if (field.key!.includes(\".\")) {\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                  @let parentKey = field.key!.split(\".\")[0];\n                  @let childKey = field.key!.split(\".\")[1];\n                  <div [formGroup]=\"form.get(parentKey)\">\n                    <mt-dynamic-field\n                      [fieldConfig]=\"field\"\n                      [fieldName]=\"childKey\"\n                    />\n                  </div>\n                } @else {\n                  <!-- Handle regular fields -->\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicField, selector: "mt-dynamic-field", inputs: ["fieldConfig", "fieldName"] }, { kind: "pipe", type: SortPipe, name: "sort" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicForm, decorators: [{
             type: Component,
@@ -464,8 +472,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                             useExisting: forwardRef(() => DynamicForm),
                             multi: true,
                         },
-                    ], template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      @if (sectionVisibility()[section.key || \"section-\" + $index]) {\n        <div\n          [class]=\"\n            section.cssClass ||\n            formConfig().layout?.sectionClass ||\n            'flex flex-col gap-4'\n          \"\n        >\n          @if (section.type === \"header\" && section.label) {\n            <h3\n              [class]=\"\n                section?.headerClass ||\n                'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\n              \"\n            >\n              {{ section.label }}\n            </h3>\n          }\n\n          <div\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n            [style]=\"\n              !section?.bodyClass\n                ? sectionGridStyles()[section.key || 'section-' + $index]\n                : {}\n            \"\n          >\n            @for (field of section.fields | sort: \"order\"; track field.key) {\n              <div\n                [class]=\"\n                  field.cssClass ||\n                  formConfig().layout?.fieldClass ||\n                  'flex flex-col gap-1'\n                \"\n                [style]=\"fieldColSpanStyles()[field.key!]\"\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n              >\n                @if (field.type === \"spacer\") {\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                } @else if (field.key!.includes(\".\")) {\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                  @let parentKey = field.key!.split(\".\")[0];\n                  @let childKey = field.key!.split(\".\")[1];\n                  <div [formGroup]=\"form.get(parentKey)\">\n                    <mt-dynamic-field\n                      [fieldConfig]=\"field\"\n                      [fieldName]=\"childKey\"\n                    />\n                  </div>\n                } @else {\n                  <!-- Handle regular fields -->\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</form>\n" }]
-        }], ctorParameters: () => [], propDecorators: { formConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "formConfig", required: true }] }], forcedHiddenFieldKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "forcedHiddenFieldKeys", required: false }] }], preserveForcedHiddenValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveForcedHiddenValues", required: false }] }], runtimeMessagesChange: [{ type: i0.Output, args: ["runtimeMessagesChange"] }] } });
+                    ], template: "<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      @if (shouldRenderSection(section, $index)) {\n        <div\n          [class]=\"\n            section.cssClass ||\n            formConfig().layout?.sectionClass ||\n            'flex flex-col gap-4'\n          \"\n        >\n          @if (section.type === \"header\" && section.label) {\n            <h3\n              [class]=\"\n                section?.headerClass ||\n                'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\n              \"\n            >\n              {{ section.label }}\n            </h3>\n          }\n\n          <div\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n            [style]=\"\n              !section?.bodyClass\n                ? sectionGridStyles()[section.key || 'section-' + $index]\n                : {}\n            \"\n          >\n            @for (field of section.fields | sort: \"order\"; track field.key) {\n              <div\n                [class]=\"\n                  field.cssClass ||\n                  formConfig().layout?.fieldClass ||\n                  'flex flex-col gap-1'\n                \"\n                [style]=\"fieldColSpanStyles()[field.key!]\"\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n              >\n                @if (field.type === \"spacer\") {\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                } @else if (field.key!.includes(\".\")) {\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                  @let parentKey = field.key!.split(\".\")[0];\n                  @let childKey = field.key!.split(\".\")[1];\n                  <div [formGroup]=\"form.get(parentKey)\">\n                    <mt-dynamic-field\n                      [fieldConfig]=\"field\"\n                      [fieldName]=\"childKey\"\n                    />\n                  </div>\n                } @else {\n                  <!-- Handle regular fields -->\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</form>\n" }]
+        }], ctorParameters: () => [], propDecorators: { formConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "formConfig", required: true }] }], forcedHiddenFieldKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "forcedHiddenFieldKeys", required: false }] }], preserveForcedHiddenValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveForcedHiddenValues", required: false }] }], visibleSectionKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleSectionKeys", required: false }] }], runtimeMessagesChange: [{ type: i0.Output, args: ["runtimeMessagesChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/masterteam-forms-dynamic-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-forms-dynamic-form.mjs","sources":["../../../../packages/masterteam/forms/dynamic-form/dynamic-form.ts","../../../../packages/masterteam/forms/dynamic-form/dynamic-form.html","../../../../packages/masterteam/forms/dynamic-form/masterteam-forms-dynamic-form.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  output,\n  effect,\n  OnDestroy,\n  forwardRef,\n  inject,\n  signal,\n  computed,\n  untracked,\n} from '@angular/core';\nimport {\n  FormBuilder,\n  FormGroup,\n  ReactiveFormsModule,\n  Validators,\n  AbstractControl,\n  ValidatorFn,\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n  Validator,\n  ValidationErrors,\n  NG_VALIDATORS,\n} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\nimport { SortPipe } from '@masterteam/forms/pipes';\n// import { SortPipe } from '../pipes/sort.pipe';\nimport {\n  DynamicFormConfig,\n  ValidatorConfig,\n  createCustomValidator,\n  wrapValidatorWithMessage,\n  FieldState,\n  FormulaRuntimeMessage,\n  SectionConfig,\n} from '@masterteam/components';\nimport { Subscription } from 'rxjs';\nimport {\n  FormulaRuntimeEngine,\n  type FormulaConditionEvaluation,\n} from '@masterteam/components/formula';\n\n@Component({\n  selector: 'mt-dynamic-form',\n  standalone: true,\n  imports: [CommonModule, ReactiveFormsModule, DynamicField, SortPipe],\n  templateUrl: './dynamic-form.html',\n  styleUrls: ['./dynamic-form.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DynamicForm),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => DynamicForm),\n      multi: true,\n    },\n  ],\n})\nexport class DynamicForm implements OnDestroy, ControlValueAccessor, Validator {\n  private fb = inject(FormBuilder);\n  private readonly formulaEngine = new FormulaRuntimeEngine();\n\n  readonly formConfig = input.required<DynamicFormConfig>();\n  readonly forcedHiddenFieldKeys = input<string[]>([]);\n  readonly preserveForcedHiddenValues = input<boolean>(true);\n  readonly runtimeMessagesChange = output<FormulaRuntimeMessage[]>();\n\n  form = new FormGroup({});\n  private formBuilt = signal(false);\n  private initValue = signal<any>({});\n\n  // ControlValueAccessor implementation\n  private onChange = (_value: any) => {};\n  private onTouched = () => {};\n  private onValidatorChange = () => {};\n  private formSubscription?: Subscription;\n  private fieldStates = signal<Record<string, FieldState>>({});\n  private readonly conditionRuntimeMessages = signal<FormulaRuntimeMessage[]>(\n    [],\n  );\n  private readonly validationRuleErrors = signal<FormulaRuntimeMessage[]>([]);\n  private readonly validationRuleWarnings = signal<FormulaRuntimeMessage[]>([]);\n  private readonly DEFAULT_GRID_COLUMNS = 12;\n\n  readonly runtimeMessages = computed(() => [\n    ...this.conditionRuntimeMessages(),\n    ...this.validationRuleErrors(),\n    ...this.validationRuleWarnings(),\n  ]);\n\n  // Computed signal for field visibility - better performance\n  readonly hiddenFields = computed(() => {\n    const states = this.fieldStates();\n    const hidden: Record<string, boolean> = {};\n    Object.keys(states).forEach((key) => {\n      hidden[key] = states[key].hidden;\n    });\n    return hidden;\n  });\n\n  readonly fieldColSpanStyles = computed(() => {\n    const styles: Record<string, { [key: string]: string }> = {};\n    const config = this.formConfig();\n\n    config.sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (!field.key) return;\n        if (!field.cssClass && !section.cssClass) {\n          styles[field.key] = {\n            'grid-column': this.getColSpanStyleValue(field.colSpan),\n          };\n        }\n      });\n    });\n\n    return styles;\n  });\n\n  readonly sectionGridStyles = computed(() => {\n    const styles: Record<string, { [key: string]: string }> = {};\n    const config = this.formConfig();\n\n    config.sections.forEach((section, index) => {\n      if (section.bodyClass) return;\n      const key = this.getSectionStateKey(section, index);\n      const cols = section.columns || this.DEFAULT_GRID_COLUMNS;\n      styles[key] = {\n        'grid-template-columns': `repeat(${cols}, minmax(0, 1fr))`,\n      };\n    });\n\n    return styles;\n  });\n\n  readonly sectionVisibility = computed(() => {\n    const visibility: Record<string, boolean> = {};\n    const hiddenFields = this.hiddenFields();\n\n    this.formConfig().sections.forEach((section, index) => {\n      const key = this.getSectionStateKey(section, index);\n      visibility[key] = section.fields.some(\n        (field) =>\n          field.type === 'spacer' || !field.key || !hiddenFields[field.key],\n      );\n    });\n\n    return visibility;\n  });\n\n  constructor() {\n    // Effect to rebuild form when config changes\n    effect(() => {\n      this.buildForm();\n      this.formBuilt.set(true);\n      const initValue = untracked(() => this.initValue());\n      if (initValue && Object.keys(initValue)?.length > 0) {\n        this.form.patchValue(initValue, { emitEvent: false });\n        this.initValue.set(null);\n        this.evaluateRelations();\n        this.onChange(this.form.getRawValue());\n      }\n    });\n  }\n\n  registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n  registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  private buildForm() {\n    if (this.formBuilt()) {\n      return;\n    }\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n\n    const formControls: { [key: string]: AbstractControl } = {};\n    const fieldStateMap: Record<string, FieldState> = {};\n\n    this.formConfig().sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (field.type === 'spacer') {\n          return;\n        }\n\n        if (field.key) {\n          // Calculate default state from relations\n          const defaultState = this.getDefaultFieldState(field);\n\n          fieldStateMap[field.key] = {\n            hidden: defaultState.hidden,\n            disabled: defaultState.disabled,\n          };\n\n          const validators = this.buildValidators(field.validators || []);\n\n          // Check if field key contains dot notation (e.g., \"name.ar\", \"name.en\")\n          if (field.key.includes('.')) {\n            const [parentKey, childKey] = field.key.split('.');\n\n            // Create or get the parent FormGroup\n            if (!formControls[parentKey]) {\n              formControls[parentKey] = this.fb.group({});\n            }\n\n            const parentGroup = formControls[parentKey] as FormGroup;\n\n            // Add the child control to the parent group\n            const control = this.fb.control(\n              {\n                value: null,\n                disabled: defaultState.disabled,\n              },\n              validators,\n            );\n\n            parentGroup.addControl(childKey, control);\n          } else {\n            // Regular field without nesting\n            const control = this.fb.control(\n              {\n                value: null,\n                disabled: defaultState.disabled,\n              },\n              validators,\n            );\n            formControls[field.key] = control;\n          }\n        }\n      });\n    });\n\n    this.form = this.fb.group(formControls);\n    this.fieldStates.set(fieldStateMap);\n\n    // Subscribe to form value changes and evaluate all relations\n    this.formSubscription = this.form.valueChanges.subscribe(() => {\n      this.evaluateRelations();\n      this.onChange(this.form.getRawValue());\n    });\n\n    // Evaluate initial relations state\n    this.evaluateRelations();\n\n    // Trigger initial validation state\n    // this.onValidatorChange();\n    // this.onChange(this.form.getRawValue());\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: any): void {\n    if (value && this.form && this.formBuilt()) {\n      this.form.patchValue(value, { emitEvent: false });\n      this.evaluateRelations();\n      this.onChange(this.form.getRawValue());\n    } else if (value && !this.formBuilt()) {\n      this.initValue.set(value);\n    }\n  }\n\n  validate(_control: AbstractControl): ValidationErrors | null {\n    if (!this.form) {\n      return null;\n    }\n    const ruleErrors = this.validationRuleErrors();\n    const hasBlockingRuleErrors = ruleErrors.length > 0;\n    if (this.form.valid && !hasBlockingRuleErrors) {\n      return null;\n    }\n\n    return {\n      invalidForm: true,\n      formulaRules: hasBlockingRuleErrors ? ruleErrors : null,\n    };\n  }\n\n  /**\n   * Calculate default field state based on relations\n   * If field has 'show' action → start hidden (opposite)\n   * If field has 'enable' action → start disabled (opposite)\n   */\n  private getDefaultFieldState(field: any): {\n    hidden: boolean;\n    disabled: boolean;\n  } {\n    let hidden = !!field.hidden;\n    let disabled = !!field.disabled;\n\n    // If has relations, set opposite state\n    if (field.relations?.length) {\n      field.relations.forEach((relation: any) => {\n        if (relation.action === 'show') {\n          hidden = true;\n        } else if (relation.action === 'hide') {\n          hidden = false;\n        } else if (relation.action === 'enable') {\n          disabled = true;\n        } else if (relation.action === 'disable') {\n          disabled = false;\n        }\n      });\n    }\n\n    if (\n      field.formulaCondition?.mode &&\n      field.formulaCondition.mode !== 'auto'\n    ) {\n      if (field.formulaCondition.mode === 'show') {\n        hidden = true;\n      } else if (field.formulaCondition.mode === 'hide') {\n        hidden = false;\n      } else if (field.formulaCondition.mode === 'enable') {\n        disabled = true;\n      } else if (field.formulaCondition.mode === 'disable') {\n        disabled = false;\n      }\n    }\n\n    return { hidden, disabled };\n  }\n\n  /**\n   * Evaluate all relations - runs on every form change\n   * Simple: if dependency matches → apply action, else apply opposite\n   */\n  private evaluateRelations() {\n    const newStates: Record<string, FieldState> = {};\n    const conditionMessages: FormulaRuntimeMessage[] = [];\n    const forcedHiddenFields = new Set(this.forcedHiddenFieldKeys() ?? []);\n    const values = this.form.getRawValue();\n\n    // Process all fields with relations\n    this.formConfig().sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (!field.key) {\n          return;\n        }\n\n        // Calculate default state\n        const defaultState = this.getDefaultFieldState(field);\n\n        // Start with default\n        newStates[field.key] = {\n          hidden: defaultState.hidden,\n          disabled: defaultState.disabled,\n        };\n\n        // If has relations, check and apply\n        if (field.relations?.length) {\n          field.relations.forEach((relation) => {\n            const dependencyControl = this.form.get(relation.key);\n            if (!dependencyControl) {\n              return;\n            }\n\n            const matches = this.doesRelationMatch(\n              dependencyControl.value,\n              relation.value,\n            );\n\n            // If matches, apply the action\n            if (matches) {\n              const state = newStates[field.key!];\n              switch (relation.action) {\n                case 'show':\n                  state.hidden = false;\n                  break;\n                case 'hide':\n                  state.hidden = true;\n                  break;\n                case 'enable':\n                  state.disabled = false;\n                  break;\n                case 'disable':\n                  state.disabled = true;\n                  break;\n              }\n            }\n          });\n        }\n\n        if (field.formulaCondition) {\n          const conditionResult: FormulaConditionEvaluation =\n            this.formulaEngine.evaluateCondition(field.formulaCondition, {\n              values,\n            });\n\n          if (conditionResult.errors.length > 0) {\n            conditionMessages.push(\n              ...conditionResult.errors.map<FormulaRuntimeMessage>((error) => ({\n                code: error.code,\n                severity: 'warning',\n                message: `Condition formula failed for \"${field.key}\": ${error.message}`,\n                formulaText: field.formulaCondition?.formulaText,\n                fieldKey: field.key,\n              })),\n            );\n          } else {\n            if (typeof conditionResult.hidden === 'boolean') {\n              newStates[field.key].hidden = conditionResult.hidden;\n            }\n            if (typeof conditionResult.disabled === 'boolean') {\n              newStates[field.key].disabled = conditionResult.disabled;\n            }\n          }\n        }\n      });\n    });\n\n    forcedHiddenFields.forEach((fieldKey) => {\n      if (!newStates[fieldKey]) return;\n      newStates[fieldKey].hidden = true;\n      newStates[fieldKey].disabled = true;\n    });\n\n    // Update states\n    this.fieldStates.set(newStates);\n\n    // Sync form controls and clear values when disabled/hidden\n    Object.keys(newStates).forEach((key) => {\n      const control = this.form.get(key);\n      if (!control) {\n        return;\n      }\n\n      const state = newStates[key];\n      const hiddenByExternalOverride = forcedHiddenFields.has(key);\n      const keepValueWhenHidden =\n        hiddenByExternalOverride && this.preserveForcedHiddenValues();\n      const shouldDisable = state.hidden || state.disabled;\n\n      // Handle disabled state changes\n      if (shouldDisable && !control.disabled) {\n        control.disable({ emitEvent: false });\n        if (!keepValueWhenHidden) {\n          control.reset(undefined, { emitEvent: false }); // Clear value when disabled\n        }\n      } else if (!shouldDisable && control.disabled) {\n        control.enable({ emitEvent: false });\n      }\n\n      // Clear value when hidden\n      if (state.hidden && control.value && !keepValueWhenHidden) {\n        control.reset(undefined, { emitEvent: false }); // Clear value when hidden\n      }\n    });\n\n    this.conditionRuntimeMessages.set(conditionMessages);\n    this.evaluateFormValidationRules(newStates, this.form.getRawValue());\n    this.runtimeMessagesChange.emit(this.runtimeMessages());\n    this.onValidatorChange();\n  }\n\n  private doesRelationMatch(sourceValue: any, targetValue: any): boolean {\n    if (Array.isArray(sourceValue)) {\n      if (Array.isArray(targetValue)) {\n        return targetValue.every((value) => sourceValue.includes(value));\n      }\n      return sourceValue.includes(targetValue);\n    }\n    return sourceValue === targetValue;\n  }\n\n  private evaluateFormValidationRules(\n    fieldStates: Record<string, FieldState>,\n    values: Record<string, any>,\n  ): void {\n    const validationRules = this.formConfig().validationRules ?? [];\n    const evaluation = this.formulaEngine.evaluateValidationRules(\n      validationRules,\n      { values },\n      {\n        isDependencyActive: (dependency: string) => {\n          const state = fieldStates[dependency];\n          return !state || (!state.hidden && !state.disabled);\n        },\n      },\n    );\n\n    this.validationRuleErrors.set(evaluation.errors);\n    this.validationRuleWarnings.set(evaluation.warnings);\n  }\n\n  private buildValidators(validatorConfigs: ValidatorConfig[]): ValidatorFn[] {\n    const validators: ValidatorFn[] = [];\n\n    validatorConfigs.forEach((config) => {\n      let validator: ValidatorFn | null = null;\n\n      switch (config.type) {\n        case 'required':\n          validator = Validators.required;\n          break;\n        case 'email':\n          validator = Validators.email;\n          break;\n        case 'minLength':\n          if (config.value) {\n            validator = Validators.minLength(config.value);\n          }\n          break;\n        case 'maxLength':\n          if (config.value) {\n            validator = Validators.maxLength(config.value);\n          }\n          break;\n        case 'min':\n          if (config.value !== undefined) {\n            validator = Validators.min(config.value);\n          }\n          break;\n        case 'max':\n          if (config.value !== undefined) {\n            validator = Validators.max(config.value);\n          }\n          break;\n        case 'pattern':\n          if (config.value) {\n            validator = Validators.pattern(config.value);\n          }\n          break;\n        case 'custom':\n          if (config.customValidator) {\n            validators.push(\n              createCustomValidator(config.customValidator, config.message),\n            );\n          }\n          break;\n      }\n\n      // If we have a validator and a custom message, wrap it\n      if (validator && config.message) {\n        validators.push(\n          wrapValidatorWithMessage(validator, config.type, config.message),\n        );\n      } else if (validator) {\n        validators.push(validator);\n      }\n    });\n\n    return validators;\n  }\n\n  private getSectionStateKey(section: SectionConfig, index: number): string {\n    return section.key || `section-${index}`;\n  }\n\n  private getColSpanStyleValue(colSpan?: number | any): string {\n    if (!colSpan) {\n      return `span ${this.DEFAULT_GRID_COLUMNS} / span ${this.DEFAULT_GRID_COLUMNS}`;\n    }\n\n    if (typeof colSpan === 'number') {\n      return `span ${colSpan} / span ${colSpan}`;\n    }\n\n    const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n    const span =\n      breakpointKeys\n        .map((key) => colSpan[key])\n        .find((value) => value !== undefined) ?? this.DEFAULT_GRID_COLUMNS;\n\n    return `span ${span} / span ${span}`;\n  }\n\n  ngOnDestroy(): void {\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n  }\n}\n","<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      @if (sectionVisibility()[section.key || \"section-\" + $index]) {\n        <div\n          [class]=\"\n            section.cssClass ||\n            formConfig().layout?.sectionClass ||\n            'flex flex-col gap-4'\n          \"\n        >\n          @if (section.type === \"header\" && section.label) {\n            <h3\n              [class]=\"\n                section?.headerClass ||\n                'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\n              \"\n            >\n              {{ section.label }}\n            </h3>\n          }\n\n          <div\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n            [style]=\"\n              !section?.bodyClass\n                ? sectionGridStyles()[section.key || 'section-' + $index]\n                : {}\n            \"\n          >\n            @for (field of section.fields | sort: \"order\"; track field.key) {\n              <div\n                [class]=\"\n                  field.cssClass ||\n                  formConfig().layout?.fieldClass ||\n                  'flex flex-col gap-1'\n                \"\n                [style]=\"fieldColSpanStyles()[field.key!]\"\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n              >\n                @if (field.type === \"spacer\") {\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                } @else if (field.key!.includes(\".\")) {\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                  @let parentKey = field.key!.split(\".\")[0];\n                  @let childKey = field.key!.split(\".\")[1];\n                  <div [formGroup]=\"form.get(parentKey)\">\n                    <mt-dynamic-field\n                      [fieldConfig]=\"field\"\n                      [fieldName]=\"childKey\"\n                    />\n                  </div>\n                } @else {\n                  <!-- Handle regular fields -->\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-forms-dynamic-form.mjs","sources":["../../../../packages/masterteam/forms/dynamic-form/dynamic-form.ts","../../../../packages/masterteam/forms/dynamic-form/dynamic-form.html","../../../../packages/masterteam/forms/dynamic-form/masterteam-forms-dynamic-form.ts"],"sourcesContent":["import {\n  Component,\n  input,\n  output,\n  effect,\n  OnDestroy,\n  forwardRef,\n  inject,\n  signal,\n  computed,\n  untracked,\n} from '@angular/core';\nimport {\n  FormBuilder,\n  FormGroup,\n  ReactiveFormsModule,\n  Validators,\n  AbstractControl,\n  ValidatorFn,\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n  Validator,\n  ValidationErrors,\n  NG_VALIDATORS,\n} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { DynamicField } from '@masterteam/forms/dynamic-field';\nimport { SortPipe } from '@masterteam/forms/pipes';\n// import { SortPipe } from '../pipes/sort.pipe';\nimport {\n  DynamicFormConfig,\n  ValidatorConfig,\n  createCustomValidator,\n  wrapValidatorWithMessage,\n  FieldState,\n  FormulaRuntimeMessage,\n  SectionConfig,\n} from '@masterteam/components';\nimport { Subscription } from 'rxjs';\nimport {\n  FormulaRuntimeEngine,\n  type FormulaConditionEvaluation,\n} from '@masterteam/components/formula';\n\n@Component({\n  selector: 'mt-dynamic-form',\n  standalone: true,\n  imports: [CommonModule, ReactiveFormsModule, DynamicField, SortPipe],\n  templateUrl: './dynamic-form.html',\n  styleUrls: ['./dynamic-form.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DynamicForm),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => DynamicForm),\n      multi: true,\n    },\n  ],\n})\nexport class DynamicForm implements OnDestroy, ControlValueAccessor, Validator {\n  private fb = inject(FormBuilder);\n  private readonly formulaEngine = new FormulaRuntimeEngine();\n\n  readonly formConfig = input.required<DynamicFormConfig>();\n  readonly forcedHiddenFieldKeys = input<string[]>([]);\n  readonly preserveForcedHiddenValues = input<boolean>(true);\n  readonly visibleSectionKeys = input<string[] | null>(null);\n  readonly runtimeMessagesChange = output<FormulaRuntimeMessage[]>();\n\n  form = new FormGroup({});\n  private formBuilt = signal(false);\n  private initValue = signal<any>({});\n\n  // ControlValueAccessor implementation\n  private onChange = (_value: any) => {};\n  private onTouched = () => {};\n  private onValidatorChange = () => {};\n  private formSubscription?: Subscription;\n  private fieldStates = signal<Record<string, FieldState>>({});\n  private readonly conditionRuntimeMessages = signal<FormulaRuntimeMessage[]>(\n    [],\n  );\n  private readonly validationRuleErrors = signal<FormulaRuntimeMessage[]>([]);\n  private readonly validationRuleWarnings = signal<FormulaRuntimeMessage[]>([]);\n  private readonly DEFAULT_GRID_COLUMNS = 12;\n\n  readonly runtimeMessages = computed(() => [\n    ...this.conditionRuntimeMessages(),\n    ...this.validationRuleErrors(),\n    ...this.validationRuleWarnings(),\n  ]);\n\n  // Computed signal for field visibility - better performance\n  readonly hiddenFields = computed(() => {\n    const states = this.fieldStates();\n    const hidden: Record<string, boolean> = {};\n    Object.keys(states).forEach((key) => {\n      hidden[key] = states[key].hidden;\n    });\n    return hidden;\n  });\n\n  readonly fieldColSpanStyles = computed(() => {\n    const styles: Record<string, { [key: string]: string }> = {};\n    const config = this.formConfig();\n\n    config.sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (!field.key) return;\n        if (!field.cssClass && !section.cssClass) {\n          styles[field.key] = {\n            'grid-column': this.getColSpanStyleValue(field.colSpan),\n          };\n        }\n      });\n    });\n\n    return styles;\n  });\n\n  readonly sectionGridStyles = computed(() => {\n    const styles: Record<string, { [key: string]: string }> = {};\n    const config = this.formConfig();\n\n    config.sections.forEach((section, index) => {\n      if (section.bodyClass) return;\n      const key = this.getSectionStateKey(section, index);\n      const cols = section.columns || this.DEFAULT_GRID_COLUMNS;\n      styles[key] = {\n        'grid-template-columns': `repeat(${cols}, minmax(0, 1fr))`,\n      };\n    });\n\n    return styles;\n  });\n\n  constructor() {\n    // Effect to rebuild form when config changes\n    effect(() => {\n      this.buildForm();\n      this.formBuilt.set(true);\n      const initValue = untracked(() => this.initValue());\n      if (initValue && Object.keys(initValue)?.length > 0) {\n        this.form.patchValue(initValue, { emitEvent: false });\n        this.initValue.set(null);\n        this.evaluateRelations();\n        this.onChange(this.form.getRawValue());\n      }\n    });\n\n    effect(() => {\n      this.forcedHiddenFieldKeys();\n\n      if (!this.formBuilt()) {\n        return;\n      }\n\n      untracked(() => {\n        this.evaluateRelations();\n      });\n    });\n  }\n\n  registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n  registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  private buildForm() {\n    if (this.formBuilt()) {\n      return;\n    }\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n\n    const formControls: { [key: string]: AbstractControl } = {};\n    const fieldStateMap: Record<string, FieldState> = {};\n\n    this.formConfig().sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (field.type === 'spacer') {\n          return;\n        }\n\n        if (field.key) {\n          // Calculate default state from relations\n          const defaultState = this.getDefaultFieldState(field);\n\n          fieldStateMap[field.key] = {\n            hidden: defaultState.hidden,\n            disabled: defaultState.disabled,\n          };\n\n          const validators = this.buildValidators(field.validators || []);\n\n          // Check if field key contains dot notation (e.g., \"name.ar\", \"name.en\")\n          if (field.key.includes('.')) {\n            const [parentKey, childKey] = field.key.split('.');\n\n            // Create or get the parent FormGroup\n            if (!formControls[parentKey]) {\n              formControls[parentKey] = this.fb.group({});\n            }\n\n            const parentGroup = formControls[parentKey] as FormGroup;\n\n            // Add the child control to the parent group\n            const control = this.fb.control(\n              {\n                value: null,\n                disabled: defaultState.disabled,\n              },\n              validators,\n            );\n\n            parentGroup.addControl(childKey, control);\n          } else {\n            // Regular field without nesting\n            const control = this.fb.control(\n              {\n                value: null,\n                disabled: defaultState.disabled,\n              },\n              validators,\n            );\n            formControls[field.key] = control;\n          }\n        }\n      });\n    });\n\n    this.form = this.fb.group(formControls);\n    this.fieldStates.set(fieldStateMap);\n\n    // Subscribe to form value changes and evaluate all relations\n    this.formSubscription = this.form.valueChanges.subscribe(() => {\n      this.evaluateRelations();\n      this.onChange(this.form.getRawValue());\n    });\n\n    // Evaluate initial relations state\n    this.evaluateRelations();\n\n    // Trigger initial validation state\n    // this.onValidatorChange();\n    // this.onChange(this.form.getRawValue());\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: any): void {\n    if (value && this.form && this.formBuilt()) {\n      this.form.patchValue(value, { emitEvent: false });\n      this.evaluateRelations();\n      this.onChange(this.form.getRawValue());\n    } else if (value && !this.formBuilt()) {\n      this.initValue.set(value);\n    }\n  }\n\n  validate(_control: AbstractControl): ValidationErrors | null {\n    if (!this.form) {\n      return null;\n    }\n    const ruleErrors = this.validationRuleErrors();\n    const hasBlockingRuleErrors = ruleErrors.length > 0;\n    if (this.form.valid && !hasBlockingRuleErrors) {\n      return null;\n    }\n\n    return {\n      invalidForm: true,\n      formulaRules: hasBlockingRuleErrors ? ruleErrors : null,\n    };\n  }\n\n  /**\n   * Calculate default field state based on relations\n   * If field has 'show' action → start hidden (opposite)\n   * If field has 'enable' action → start disabled (opposite)\n   */\n  private getDefaultFieldState(field: any): {\n    hidden: boolean;\n    disabled: boolean;\n  } {\n    let hidden = !!field.hidden;\n    let disabled = !!field.disabled;\n\n    // If has relations, set opposite state\n    if (field.relations?.length) {\n      field.relations.forEach((relation: any) => {\n        if (relation.action === 'show') {\n          hidden = true;\n        } else if (relation.action === 'hide') {\n          hidden = false;\n        } else if (relation.action === 'enable') {\n          disabled = true;\n        } else if (relation.action === 'disable') {\n          disabled = false;\n        }\n      });\n    }\n\n    if (\n      field.formulaCondition?.mode &&\n      field.formulaCondition.mode !== 'auto'\n    ) {\n      if (field.formulaCondition.mode === 'show') {\n        hidden = true;\n      } else if (field.formulaCondition.mode === 'hide') {\n        hidden = false;\n      } else if (field.formulaCondition.mode === 'enable') {\n        disabled = true;\n      } else if (field.formulaCondition.mode === 'disable') {\n        disabled = false;\n      }\n    }\n\n    return { hidden, disabled };\n  }\n\n  /**\n   * Evaluate all relations - runs on every form change\n   * Simple: if dependency matches → apply action, else apply opposite\n   */\n  private evaluateRelations() {\n    const newStates: Record<string, FieldState> = {};\n    const conditionMessages: FormulaRuntimeMessage[] = [];\n    const forcedHiddenFields = new Set(this.forcedHiddenFieldKeys() ?? []);\n    const values = this.form.getRawValue();\n\n    // Process all fields with relations\n    this.formConfig().sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        if (!field.key) {\n          return;\n        }\n\n        // Calculate default state\n        const defaultState = this.getDefaultFieldState(field);\n\n        // Start with default\n        newStates[field.key] = {\n          hidden: defaultState.hidden,\n          disabled: defaultState.disabled,\n        };\n\n        // If has relations, check and apply\n        if (field.relations?.length) {\n          field.relations.forEach((relation) => {\n            const dependencyControl = this.form.get(relation.key);\n            if (!dependencyControl) {\n              return;\n            }\n\n            const matches = this.doesRelationMatch(\n              dependencyControl.value,\n              relation.value,\n            );\n\n            // If matches, apply the action\n            if (matches) {\n              const state = newStates[field.key!];\n              switch (relation.action) {\n                case 'show':\n                  state.hidden = false;\n                  break;\n                case 'hide':\n                  state.hidden = true;\n                  break;\n                case 'enable':\n                  state.disabled = false;\n                  break;\n                case 'disable':\n                  state.disabled = true;\n                  break;\n              }\n            }\n          });\n        }\n\n        if (field.formulaCondition) {\n          const conditionResult: FormulaConditionEvaluation =\n            this.formulaEngine.evaluateCondition(field.formulaCondition, {\n              values,\n            });\n\n          if (conditionResult.errors.length > 0) {\n            conditionMessages.push(\n              ...conditionResult.errors.map<FormulaRuntimeMessage>((error) => ({\n                code: error.code,\n                severity: 'warning',\n                message: `Condition formula failed for \"${field.key}\": ${error.message}`,\n                formulaText: field.formulaCondition?.formulaText,\n                fieldKey: field.key,\n              })),\n            );\n          } else {\n            if (typeof conditionResult.hidden === 'boolean') {\n              newStates[field.key].hidden = conditionResult.hidden;\n            }\n            if (typeof conditionResult.disabled === 'boolean') {\n              newStates[field.key].disabled = conditionResult.disabled;\n            }\n          }\n        }\n      });\n    });\n\n    forcedHiddenFields.forEach((fieldKey) => {\n      if (!newStates[fieldKey]) return;\n      newStates[fieldKey].hidden = true;\n      newStates[fieldKey].disabled = true;\n    });\n\n    // Update states\n    this.fieldStates.set(newStates);\n\n    // Sync form controls and clear values when disabled/hidden\n    Object.keys(newStates).forEach((key) => {\n      const control = this.form.get(key);\n      if (!control) {\n        return;\n      }\n\n      const state = newStates[key];\n      const hiddenByExternalOverride = forcedHiddenFields.has(key);\n      const keepValueWhenHidden =\n        hiddenByExternalOverride && this.preserveForcedHiddenValues();\n      const shouldDisable = state.hidden || state.disabled;\n\n      // Handle disabled state changes\n      if (shouldDisable && !control.disabled) {\n        control.disable({ emitEvent: false });\n        if (!keepValueWhenHidden) {\n          control.reset(undefined, { emitEvent: false }); // Clear value when disabled\n        }\n      } else if (!shouldDisable && control.disabled) {\n        control.enable({ emitEvent: false });\n      }\n\n      // Clear value when hidden\n      if (state.hidden && control.value && !keepValueWhenHidden) {\n        control.reset(undefined, { emitEvent: false }); // Clear value when hidden\n      }\n    });\n\n    this.conditionRuntimeMessages.set(conditionMessages);\n    this.evaluateFormValidationRules(newStates, this.form.getRawValue());\n    this.runtimeMessagesChange.emit(this.runtimeMessages());\n    this.onValidatorChange();\n  }\n\n  private doesRelationMatch(sourceValue: any, targetValue: any): boolean {\n    if (Array.isArray(sourceValue)) {\n      if (Array.isArray(targetValue)) {\n        return targetValue.every((value) => sourceValue.includes(value));\n      }\n      return sourceValue.includes(targetValue);\n    }\n    return sourceValue === targetValue;\n  }\n\n  private evaluateFormValidationRules(\n    fieldStates: Record<string, FieldState>,\n    values: Record<string, any>,\n  ): void {\n    const validationRules = this.formConfig().validationRules ?? [];\n    const evaluation = this.formulaEngine.evaluateValidationRules(\n      validationRules,\n      { values },\n      {\n        isDependencyActive: (dependency: string) => {\n          const state = fieldStates[dependency];\n          return !state || (!state.hidden && !state.disabled);\n        },\n      },\n    );\n\n    this.validationRuleErrors.set(evaluation.errors);\n    this.validationRuleWarnings.set(evaluation.warnings);\n  }\n\n  private buildValidators(validatorConfigs: ValidatorConfig[]): ValidatorFn[] {\n    const validators: ValidatorFn[] = [];\n\n    validatorConfigs.forEach((config) => {\n      let validator: ValidatorFn | null = null;\n\n      switch (config.type) {\n        case 'required':\n          validator = Validators.required;\n          break;\n        case 'email':\n          validator = Validators.email;\n          break;\n        case 'minLength':\n          if (config.value) {\n            validator = Validators.minLength(config.value);\n          }\n          break;\n        case 'maxLength':\n          if (config.value) {\n            validator = Validators.maxLength(config.value);\n          }\n          break;\n        case 'min':\n          if (config.value !== undefined) {\n            validator = Validators.min(config.value);\n          }\n          break;\n        case 'max':\n          if (config.value !== undefined) {\n            validator = Validators.max(config.value);\n          }\n          break;\n        case 'pattern':\n          if (config.value) {\n            validator = Validators.pattern(config.value);\n          }\n          break;\n        case 'custom':\n          if (config.customValidator) {\n            validators.push(\n              createCustomValidator(config.customValidator, config.message),\n            );\n          }\n          break;\n      }\n\n      // If we have a validator and a custom message, wrap it\n      if (validator && config.message) {\n        validators.push(\n          wrapValidatorWithMessage(validator, config.type, config.message),\n        );\n      } else if (validator) {\n        validators.push(validator);\n      }\n    });\n\n    return validators;\n  }\n\n  private getSectionStateKey(section: SectionConfig, index: number): string {\n    return section.key || `section-${index}`;\n  }\n\n  protected shouldRenderSection(\n    section: SectionConfig,\n    index: number,\n  ): boolean {\n    const visibleSectionKeys = this.visibleSectionKeys();\n    if (!visibleSectionKeys?.length) {\n      return true;\n    }\n\n    return visibleSectionKeys.includes(this.getSectionStateKey(section, index));\n  }\n\n  private getColSpanStyleValue(colSpan?: number | any): string {\n    if (!colSpan) {\n      return `span ${this.DEFAULT_GRID_COLUMNS} / span ${this.DEFAULT_GRID_COLUMNS}`;\n    }\n\n    if (typeof colSpan === 'number') {\n      return `span ${colSpan} / span ${colSpan}`;\n    }\n\n    const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n    const span =\n      breakpointKeys\n        .map((key) => colSpan[key])\n        .find((value) => value !== undefined) ?? this.DEFAULT_GRID_COLUMNS;\n\n    return `span ${span} / span ${span}`;\n  }\n\n  ngOnDestroy(): void {\n    if (this.formSubscription) {\n      this.formSubscription.unsubscribe();\n    }\n  }\n}\n","<form [formGroup]=\"form\">\n  <div\n    class=\"flex flex-col gap-6\"\n    [class]=\"formConfig().layout?.containerClass\"\n  >\n    @for (\n      section of formConfig().sections | sort: \"order\";\n      track section.key || $index\n    ) {\n      @if (shouldRenderSection(section, $index)) {\n        <div\n          [class]=\"\n            section.cssClass ||\n            formConfig().layout?.sectionClass ||\n            'flex flex-col gap-4'\n          \"\n        >\n          @if (section.type === \"header\" && section.label) {\n            <h3\n              [class]=\"\n                section?.headerClass ||\n                'text-xl font-semibold text-color border-b-2 border-gray-200 pb-2 mb-4'\n              \"\n            >\n              {{ section.label }}\n            </h3>\n          }\n\n          <div\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\n            [style]=\"\n              !section?.bodyClass\n                ? sectionGridStyles()[section.key || 'section-' + $index]\n                : {}\n            \"\n          >\n            @for (field of section.fields | sort: \"order\"; track field.key) {\n              <div\n                [class]=\"\n                  field.cssClass ||\n                  formConfig().layout?.fieldClass ||\n                  'flex flex-col gap-1'\n                \"\n                [style]=\"fieldColSpanStyles()[field.key!]\"\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\n              >\n                @if (field.type === \"spacer\") {\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                } @else if (field.key!.includes(\".\")) {\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\n                  @let parentKey = field.key!.split(\".\")[0];\n                  @let childKey = field.key!.split(\".\")[1];\n                  <div [formGroup]=\"form.get(parentKey)\">\n                    <mt-dynamic-field\n                      [fieldConfig]=\"field\"\n                      [fieldName]=\"childKey\"\n                    />\n                  </div>\n                } @else {\n                  <!-- Handle regular fields -->\n                  <mt-dynamic-field\n                    [fieldConfig]=\"field\"\n                    [fieldName]=\"field.key!\"\n                  />\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n  </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/forms",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "publishConfig": {
     "directory": "../../../dist/masterteam/forms",
     "linkDirectory": true,
@@ -17,7 +17,7 @@
     "primeng": "21.0.1",
     "@primeuix/themes": "^2.0.2",
     "rxjs": "^7.8.2",
-    "@masterteam/components": "^0.0.97"
+    "@masterteam/components": "^0.0.99"
   },
   "sideEffects": false,
   "exports": {

package/types/masterteam-forms-client-form.d.ts

@@ -1,5 +1,7 @@
 import * as _masterteam_components from '@masterteam/components';
 import { FormulaRuntimeMessage, DynamicFormConfig } from '@masterteam/components';
+import * as _masterteam_components_entities from '@masterteam/components/entities';
+import { EntityData } from '@masterteam/components/entities';
 import * as _angular_core from '@angular/core';
 import { OnDestroy } from '@angular/core';
 import { FormControl } from '@angular/forms';
@@ -303,11 +305,16 @@ declare class ClientForm implements OnDestroy {
     readonly initialValues: _angular_core.Signal<Record<string, any>>;
     readonly virtualFields: _angular_core.Signal<ProcessFormValue[]>;
     readonly hasVirtualFields: _angular_core.Signal<boolean>;
+    readonly previewFieldKeys: _angular_core.Signal<string[]>;
+    readonly previewEntities: _angular_core.Signal<_masterteam_components_entities.EntityData[]>;
+    readonly editableFormConfig: _angular_core.Signal<DynamicFormConfig | null>;
     readonly stepSections: _angular_core.Signal<_masterteam_components.SectionConfig[]>;
+    readonly hasEditableFormSections: _angular_core.Signal<boolean>;
     readonly stepsEnabled: _angular_core.Signal<boolean>;
     readonly tabsEnabled: _angular_core.Signal<boolean>;
     readonly sectionNavigationEnabled: _angular_core.Signal<boolean>;
     readonly tabOptions: _angular_core.Signal<OptionItem[]>;
+    readonly visibleSectionKeys: _angular_core.Signal<string[] | null>;
     readonly forcedHiddenFieldKeys: _angular_core.Signal<string[]>;
     constructor();
     /**
@@ -390,7 +397,7 @@ declare function mapToDynamicFormConfig(config: ClientFormConfiguration, lang?:
  *
  * Only includes non-virtual (editable) values.
  */
-declare function mapValuesToFormValue(values: ProcessFormValue[]): Record<string, any>;
+declare function mapValuesToFormValue(values: ProcessFormValue[], config?: ClientFormConfiguration | null): Record<string, any>;
 /**
  * Convert the current form value back into the submit payload format.
  *
@@ -398,6 +405,8 @@ declare function mapValuesToFormValue(values: ProcessFormValue[]): Record<string
  * to map `requestPropertyId` and `viewType`.
  */
 declare function mapFormValueToSubmitValues(formValue: Record<string, any>, loadResponse: ProcessFormLoadResponse): ProcessFormSubmitValue[];
+declare function getPreviewOnlyFieldKeys(config: ClientFormConfiguration, mode?: 'create' | 'edit'): string[];
+declare function mapPreviewFieldsToEntities(config: ClientFormConfiguration, values: ProcessFormValue[], mode?: 'create' | 'edit'): EntityData[];
 
-export { ClientForm, ClientFormApiService, ClientFormStateService, isFormRequiredInterception, mapFormValueToSubmitValues, mapToDynamicFormConfig, mapValuesToFormValue };
+export { ClientForm, ClientFormApiService, ClientFormStateService, getPreviewOnlyFieldKeys, isFormRequiredInterception, mapFormValueToSubmitValues, mapPreviewFieldsToEntities, mapToDynamicFormConfig, mapValuesToFormValue };
 export type { ClientFieldWidth, ClientFormConfiguration, ClientFormField, ClientFormSection, ClientLookup, ClientLookupItem, ClientPropertyItem, ClientValidationRule, FormRequiredInterception, OperationType, ProcessFormContext, ProcessFormLoadRequest, ProcessFormLoadResponse, ProcessFormMode, ProcessFormSource, ProcessFormSubmitRequest, ProcessFormSubmitResponse, ProcessFormSubmitStatus, ProcessFormSubmitValue, ProcessFormValue, ProcessFormValueMetadata, Response };

package/types/masterteam-forms-dynamic-form.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy } from '@angular/core';
 import { ControlValueAccessor, Validator, FormGroup, AbstractControl, ValidationErrors } from '@angular/forms';
-import { DynamicFormConfig, FormulaRuntimeMessage } from '@masterteam/components';
+import { DynamicFormConfig, FormulaRuntimeMessage, SectionConfig } from '@masterteam/components';
 
 declare class DynamicForm implements OnDestroy, ControlValueAccessor, Validator {
     private fb;
@@ -9,6 +9,7 @@ declare class DynamicForm implements OnDestroy, ControlValueAccessor, Validator
     readonly formConfig: _angular_core.InputSignal<DynamicFormConfig>;
     readonly forcedHiddenFieldKeys: _angular_core.InputSignal<string[]>;
     readonly preserveForcedHiddenValues: _angular_core.InputSignal<boolean>;
+    readonly visibleSectionKeys: _angular_core.InputSignal<string[] | null>;
     readonly runtimeMessagesChange: _angular_core.OutputEmitterRef<FormulaRuntimeMessage[]>;
     form: FormGroup<{}>;
     private formBuilt;
@@ -30,7 +31,6 @@ declare class DynamicForm implements OnDestroy, ControlValueAccessor, Validator
     readonly sectionGridStyles: _angular_core.Signal<Record<string, {
         [key: string]: string;
     }>>;
-    readonly sectionVisibility: _angular_core.Signal<Record<string, boolean>>;
     constructor();
     registerOnValidatorChange(fn: () => void): void;
     registerOnChange(fn: (value: any) => void): void;
@@ -53,10 +53,11 @@ declare class DynamicForm implements OnDestroy, ControlValueAccessor, Validator
     private evaluateFormValidationRules;
     private buildValidators;
     private getSectionStateKey;
+    protected shouldRenderSection(section: SectionConfig, index: number): boolean;
     private getColSpanStyleValue;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicForm, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicForm, "mt-dynamic-form", never, { "formConfig": { "alias": "formConfig"; "required": true; "isSignal": true; }; "forcedHiddenFieldKeys": { "alias": "forcedHiddenFieldKeys"; "required": false; "isSignal": true; }; "preserveForcedHiddenValues": { "alias": "preserveForcedHiddenValues"; "required": false; "isSignal": true; }; }, { "runtimeMessagesChange": "runtimeMessagesChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicForm, "mt-dynamic-form", never, { "formConfig": { "alias": "formConfig"; "required": true; "isSignal": true; }; "forcedHiddenFieldKeys": { "alias": "forcedHiddenFieldKeys"; "required": false; "isSignal": true; }; "preserveForcedHiddenValues": { "alias": "preserveForcedHiddenValues"; "required": false; "isSignal": true; }; "visibleSectionKeys": { "alias": "visibleSectionKeys"; "required": false; "isSignal": true; }; }, { "runtimeMessagesChange": "runtimeMessagesChange"; }, never, never, true, never>;
 }
 
 export { DynamicForm };