@masterteam/forms 0.0.63 → 0.0.65

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

@@ -24,18 +24,18 @@ import { LookupMatrixField, SchemaConnectionField, SchedulePredecessorField } fr
 
 class DynamicField {
     // Input signal with transform to handle class for text type
-    fieldConfig = input.required(...(ngDevMode ? [{ debugName: "fieldConfig" }] : []));
+    fieldConfig = input.required(...(ngDevMode ? [{ debugName: "fieldConfig" }] : /* istanbul ignore next */ []));
     // Computed property for transformed field config
-    transformedFieldConfig = computed(() => this.transformToFieldConfig(this.fieldConfig()), ...(ngDevMode ? [{ debugName: "transformedFieldConfig" }] : []));
+    transformedFieldConfig = computed(() => this.transformToFieldConfig(this.fieldConfig()), ...(ngDevMode ? [{ debugName: "transformedFieldConfig" }] : /* istanbul ignore next */ []));
     isRequired = computed(() => {
         const field = this.transformedFieldConfig();
         return Boolean(field.required ||
             field.validators?.some((validator) => validator?.type === 'required'));
-    }, ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []));
     // Inject ControlContainer to connect directly with parent form
     controlContainer = inject(ControlContainer, { optional: true });
     // Input for the form control name
-    fieldName = input.required(...(ngDevMode ? [{ debugName: "fieldName" }] : []));
+    fieldName = input.required(...(ngDevMode ? [{ debugName: "fieldName" }] : /* istanbul ignore next */ []));
     constructor() { }
     transformToFieldConfig(value) {
         // If it's a plain object, transform it to appropriate field config
@@ -109,12 +109,12 @@ class DynamicField {
             ...value,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DynamicField, isStandalone: true, selector: "mt-dynamic-field", inputs: { fieldConfig: { classPropertyName: "fieldConfig", publicName: "fieldConfig", isSignal: true, isRequired: true, transformFunction: null }, fieldName: { classPropertyName: "fieldName", publicName: "fieldName", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [group]=\"transformedFieldConfig().group || false\"\r\n      [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\r\n      [optionGroupChildren]=\"\r\n        transformedFieldConfig().optionGroupChildren || 'items'\r\n      \"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [min]=\"transformedFieldConfig().min ?? 0\"\r\n      [max]=\"transformedFieldConfig().max ?? 100\"\r\n      [step]=\"transformedFieldConfig().step\"\r\n      [animate]=\"transformedFieldConfig().animate ?? false\"\r\n      [unit]=\"transformedFieldConfig().unit || ''\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [multiple]=\"transformedFieldConfig().multiple\"\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 (\"lookup-matrix\") {\r\n    <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"predecessor\") {\r\n    <mt-schedule-predecessor-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\r\n      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n}\r\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs", "required"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SliderField, selector: "mt-slider-field", inputs: ["field", "label", "animate", "class", "min", "max", "step", "hideNumber", "unit", "readonly", "pInputs", "required"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: MultiSelectField, selector: "mt-multi-select-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "display", "required", "maxSelectedLabels", "group", "optionGroupLabel", "optionGroupChildren", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: PickListField, selector: "mt-pick-list-field", inputs: ["label", "class", "readonly", "options", "optionLabel", "optionValue", "sourceHeader", "targetHeader", "showSourceControls", "showTargetControls", "showSourceFilter", "showTargetFilter", "filterBy", "dataKey", "filterLocale", "filterMatchMode", "dragdrop", "responsive", "required"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: ColorPickerField, selector: "mt-color-picker-field", inputs: ["label", "appendTo", "placeholder", "class", "variant", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: IconField, selector: "mt-icon-field", inputs: ["label", "required"] }, { kind: "component", type: EditorField, selector: "mt-editor-field", inputs: ["label", "placeholder", "readonly", "theme", "height", "dir", "modules", "required"] }, { kind: "component", type: RadioButtonField, selector: "mt-radio-button-field", inputs: ["labelPosition", "orientation", "readonly", "pInputs", "required", "options", "size", "label"], outputs: ["onChange"] }, { kind: "component", type: RadioCardsField, selector: "mt-radio-cards-field", inputs: ["circle", "label", "readonly", "required", "color", "size", "optionLabel", "optionValue", "options"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "component", type: UserSearchField, selector: "mt-user-search-field", inputs: ["hint", "label", "placeholder", "class", "readonly", "required", "apiUrl", "dataKey", "paramName", "context", "size"] }, { kind: "component", type: UploadField, selector: "mt-upload-field", inputs: ["label", "title", "description", "endPoint", "size", "userImgClass", "shape", "multiple", "accept", "isDragging", "fileSizeLimit", "readonly", "context"], outputs: ["isDraggingChange", "onChange"] }, { kind: "component", type: LookupMatrixField, selector: "mt-lookup-matrix-field", inputs: ["config"] }, { kind: "component", type: SchemaConnectionField, selector: "mt-schema-connection-field", inputs: ["label", "placeholder", "readonly", "required", "filter", "configuration", "context"] }, { kind: "component", type: SchedulePredecessorField, selector: "mt-schedule-predecessor-field", inputs: ["label", "placeholder", "readonly", "required", "configuration", "runtimeContext"] }], viewProviders: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DynamicField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DynamicField, isStandalone: true, selector: "mt-dynamic-field", inputs: { fieldConfig: { classPropertyName: "fieldConfig", publicName: "fieldConfig", isSignal: true, isRequired: true, transformFunction: null }, fieldName: { classPropertyName: "fieldName", publicName: "fieldName", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [group]=\"transformedFieldConfig().group || false\"\r\n      [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\r\n      [optionGroupChildren]=\"\r\n        transformedFieldConfig().optionGroupChildren || 'items'\r\n      \"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [min]=\"transformedFieldConfig().min ?? 0\"\r\n      [max]=\"transformedFieldConfig().max ?? 100\"\r\n      [step]=\"transformedFieldConfig().step\"\r\n      [animate]=\"transformedFieldConfig().animate ?? false\"\r\n      [unit]=\"transformedFieldConfig().unit || ''\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [isMultiple]=\"transformedFieldConfig().isMultiple || false\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [multiple]=\"transformedFieldConfig().multiple\"\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 (\"lookup-matrix\") {\r\n    <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"predecessor\") {\r\n    <mt-schedule-predecessor-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\r\n      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n}\r\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { kind: "component", type: TextareaField, selector: "mt-textarea-field", inputs: ["field", "label", "placeholder", "class", "readonly", "noErrorStyle", "pInputs", "rows", "required"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "size", "optionGroupLabel", "optionGroupChildren", "loading", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: DateField, selector: "mt-date-field", inputs: ["field", "label", "placeholder", "class", "readonly", "showIcon", "showClear", "showTime", "pInputs", "required"] }, { kind: "component", type: NumberField, selector: "mt-number-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "format", "useGrouping", "maxFractionDigits", "min", "max", "required"] }, { kind: "component", type: SliderField, selector: "mt-slider-field", inputs: ["field", "label", "class", "min", "max", "step", "hideNumber", "unit", "readonly", "required"] }, { kind: "component", type: MultiSelectField, selector: "mt-multi-select-field", inputs: ["field", "label", "placeholder", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "display", "required", "maxSelectedLabels", "group", "optionGroupLabel", "optionGroupChildren", "optionIcon", "optionIconColor", "optionIconShape", "optionAvatarShape", "optionGroupIcon", "optionGroupIconColor", "optionGroupIconShape", "optionGroupAvatarShape"], outputs: ["onChange"] }, { kind: "component", type: PickListField, selector: "mt-pick-list-field", inputs: ["label", "class", "readonly", "options", "optionLabel", "optionValue", "sourceHeader", "targetHeader", "showSourceControls", "showTargetControls", "showSourceFilter", "showTargetFilter", "filterBy", "dataKey", "filterLocale", "filterMatchMode", "dragdrop", "responsive", "required"] }, { kind: "component", type: CheckboxField, selector: "mt-checkbox-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: ColorPickerField, selector: "mt-color-picker-field", inputs: ["label", "appendTo", "placeholder", "class", "variant", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: IconField, selector: "mt-icon-field", inputs: ["label", "required"] }, { kind: "component", type: EditorField, selector: "mt-editor-field", inputs: ["label", "placeholder", "readonly", "theme", "height", "dir", "modules", "required"] }, { kind: "component", type: RadioButtonField, selector: "mt-radio-button-field", inputs: ["labelPosition", "orientation", "readonly", "pInputs", "required", "options", "size", "label"], outputs: ["onChange"] }, { kind: "component", type: RadioCardsField, selector: "mt-radio-cards-field", inputs: ["circle", "label", "readonly", "required", "color", "size", "optionLabel", "optionValue", "options"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "component", type: UserSearchField, selector: "mt-user-search-field", inputs: ["hint", "label", "placeholder", "class", "readonly", "required", "isMultiple", "apiUrl", "dataKey", "paramName", "context", "size"] }, { kind: "component", type: UploadField, selector: "mt-upload-field", inputs: ["label", "title", "description", "endPoint", "size", "userImgClass", "shape", "multiple", "accept", "isDragging", "fileSizeLimit", "readonly", "context"], outputs: ["isDraggingChange", "onChange"] }, { kind: "component", type: LookupMatrixField, selector: "mt-lookup-matrix-field", inputs: ["config"] }, { kind: "component", type: SchemaConnectionField, selector: "mt-schema-connection-field", inputs: ["label", "placeholder", "readonly", "required", "filter", "configuration", "context"] }, { kind: "component", type: SchedulePredecessorField, selector: "mt-schedule-predecessor-field", inputs: ["label", "placeholder", "readonly", "required", "configuration", "runtimeContext"] }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DynamicField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-dynamic-field', standalone: true, imports: [
                         TextField,
@@ -140,7 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                         SchedulePredecessorField,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "@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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [group]=\"transformedFieldConfig().group || false\"\r\n      [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\r\n      [optionGroupChildren]=\"\r\n        transformedFieldConfig().optionGroupChildren || 'items'\r\n      \"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [min]=\"transformedFieldConfig().min ?? 0\"\r\n      [max]=\"transformedFieldConfig().max ?? 100\"\r\n      [step]=\"transformedFieldConfig().step\"\r\n      [animate]=\"transformedFieldConfig().animate ?? false\"\r\n      [unit]=\"transformedFieldConfig().unit || ''\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [multiple]=\"transformedFieldConfig().multiple\"\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 (\"lookup-matrix\") {\r\n    <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"predecessor\") {\r\n    <mt-schedule-predecessor-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\r\n      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n}\r\n", styles: [":host{display:block;width:100%}\n"] }]
+                    ], template: "@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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [group]=\"transformedFieldConfig().group || false\"\r\n      [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\r\n      [optionGroupChildren]=\"\r\n        transformedFieldConfig().optionGroupChildren || 'items'\r\n      \"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [min]=\"transformedFieldConfig().min ?? 0\"\r\n      [max]=\"transformedFieldConfig().max ?? 100\"\r\n      [step]=\"transformedFieldConfig().step\"\r\n      [animate]=\"transformedFieldConfig().animate ?? false\"\r\n      [unit]=\"transformedFieldConfig().unit || ''\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [isMultiple]=\"transformedFieldConfig().isMultiple || false\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [multiple]=\"transformedFieldConfig().multiple\"\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 (\"lookup-matrix\") {\r\n    <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"predecessor\") {\r\n    <mt-schedule-predecessor-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\r\n      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n}\r\n", styles: [":host{display:block;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fieldConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldConfig", required: true }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: true }] }] } });
 
 /**

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  LookupMatrixFieldConfig,\r\n  SchemaConnectionFieldConfig,\r\n  SchedulePredecessorFieldConfig,\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 {\r\n  LookupMatrixField,\r\n  SchemaConnectionField,\r\n  SchedulePredecessorField,\r\n} 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    LookupMatrixField,\r\n    SchemaConnectionField,\r\n    SchedulePredecessorField,\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  readonly isRequired = computed(() => {\r\n    const field = this.transformedFieldConfig();\r\n    return Boolean(\r\n      field.required ||\r\n      field.validators?.some(\r\n        (validator: any) => validator?.type === 'required',\r\n      ),\r\n    );\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 === 'lookup-matrix') {\r\n        return new LookupMatrixFieldConfig(value);\r\n      }\r\n      if (value.type === 'schema-connection') {\r\n        return new SchemaConnectionFieldConfig(value);\r\n      }\r\n      if (value.type === 'predecessor') {\r\n        return new SchedulePredecessorFieldConfig(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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [group]=\"transformedFieldConfig().group || false\"\r\n      [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\r\n      [optionGroupChildren]=\"\r\n        transformedFieldConfig().optionGroupChildren || 'items'\r\n      \"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [min]=\"transformedFieldConfig().min ?? 0\"\r\n      [max]=\"transformedFieldConfig().max ?? 100\"\r\n      [step]=\"transformedFieldConfig().step\"\r\n      [animate]=\"transformedFieldConfig().animate ?? false\"\r\n      [unit]=\"transformedFieldConfig().unit || ''\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [multiple]=\"transformedFieldConfig().multiple\"\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 (\"lookup-matrix\") {\r\n    <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"predecessor\") {\r\n    <mt-schedule-predecessor-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\r\n      [required]=\"isRequired()\"\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  LookupMatrixFieldConfig,\r\n  SchemaConnectionFieldConfig,\r\n  SchedulePredecessorFieldConfig,\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 {\r\n  LookupMatrixField,\r\n  SchemaConnectionField,\r\n  SchedulePredecessorField,\r\n} 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    LookupMatrixField,\r\n    SchemaConnectionField,\r\n    SchedulePredecessorField,\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  readonly isRequired = computed(() => {\r\n    const field = this.transformedFieldConfig();\r\n    return Boolean(\r\n      field.required ||\r\n      field.validators?.some(\r\n        (validator: any) => validator?.type === 'required',\r\n      ),\r\n    );\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 === 'lookup-matrix') {\r\n        return new LookupMatrixFieldConfig(value);\r\n      }\r\n      if (value.type === 'schema-connection') {\r\n        return new SchemaConnectionFieldConfig(value);\r\n      }\r\n      if (value.type === 'predecessor') {\r\n        return new SchedulePredecessorFieldConfig(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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [group]=\"transformedFieldConfig().group || false\"\r\n      [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\r\n      [optionGroupChildren]=\"\r\n        transformedFieldConfig().optionGroupChildren || 'items'\r\n      \"\r\n      [size]=\"transformedFieldConfig().size\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"slider\") {\r\n    <mt-slider-field\r\n      [label]=\"transformedFieldConfig().label\"\r\n      [min]=\"transformedFieldConfig().min ?? 0\"\r\n      [max]=\"transformedFieldConfig().max ?? 100\"\r\n      [step]=\"transformedFieldConfig().step\"\r\n      [animate]=\"transformedFieldConfig().animate ?? false\"\r\n      [unit]=\"transformedFieldConfig().unit || ''\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [isMultiple]=\"transformedFieldConfig().isMultiple || false\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\r\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\r\n      [size]=\"transformedFieldConfig().size || 'small'\"\r\n      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [required]=\"isRequired()\"\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      [multiple]=\"transformedFieldConfig().multiple\"\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 (\"lookup-matrix\") {\r\n    <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\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      [required]=\"isRequired()\"\r\n      [readonly]=\"transformedFieldConfig().readonly!\"\r\n      [formControlName]=\"fieldName()\"\r\n    />\r\n  }\r\n  @case (\"predecessor\") {\r\n    <mt-schedule-predecessor-field\r\n      [label]=\"transformedFieldConfig().label || ''\"\r\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\r\n      [configuration]=\"transformedFieldConfig().configuration\"\r\n      [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\r\n      [required]=\"isRequired()\"\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

@@ -11,29 +11,29 @@ import { FormulaRuntimeEngine } from '@masterteam/components/formula';
 class DynamicForm {
     fb = inject(FormBuilder);
     formulaEngine = new FormulaRuntimeEngine();
-    formConfig = input.required(...(ngDevMode ? [{ debugName: "formConfig" }] : []));
-    forcedHiddenFieldKeys = input([], ...(ngDevMode ? [{ debugName: "forcedHiddenFieldKeys" }] : []));
-    preserveForcedHiddenValues = input(true, ...(ngDevMode ? [{ debugName: "preserveForcedHiddenValues" }] : []));
-    visibleSectionKeys = input(null, ...(ngDevMode ? [{ debugName: "visibleSectionKeys" }] : []));
+    formConfig = input.required(...(ngDevMode ? [{ debugName: "formConfig" }] : /* istanbul ignore next */ []));
+    forcedHiddenFieldKeys = input([], ...(ngDevMode ? [{ debugName: "forcedHiddenFieldKeys" }] : /* istanbul ignore next */ []));
+    preserveForcedHiddenValues = input(true, ...(ngDevMode ? [{ debugName: "preserveForcedHiddenValues" }] : /* istanbul ignore next */ []));
+    visibleSectionKeys = input(null, ...(ngDevMode ? [{ debugName: "visibleSectionKeys" }] : /* istanbul ignore next */ []));
     runtimeMessagesChange = output();
     form = new FormGroup({});
-    formBuilt = signal(false, ...(ngDevMode ? [{ debugName: "formBuilt" }] : []));
-    initValue = signal({}, ...(ngDevMode ? [{ debugName: "initValue" }] : []));
+    formBuilt = signal(false, ...(ngDevMode ? [{ debugName: "formBuilt" }] : /* istanbul ignore next */ []));
+    initValue = signal({}, ...(ngDevMode ? [{ debugName: "initValue" }] : /* istanbul ignore next */ []));
     // ControlValueAccessor implementation
     onChange = (_value) => { };
     onTouched = () => { };
     onValidatorChange = () => { };
     formSubscription;
-    fieldStates = signal({}, ...(ngDevMode ? [{ debugName: "fieldStates" }] : []));
-    conditionRuntimeMessages = signal([], ...(ngDevMode ? [{ debugName: "conditionRuntimeMessages" }] : []));
-    validationRuleErrors = signal([], ...(ngDevMode ? [{ debugName: "validationRuleErrors" }] : []));
-    validationRuleWarnings = signal([], ...(ngDevMode ? [{ debugName: "validationRuleWarnings" }] : []));
+    fieldStates = signal({}, ...(ngDevMode ? [{ debugName: "fieldStates" }] : /* istanbul ignore next */ []));
+    conditionRuntimeMessages = signal([], ...(ngDevMode ? [{ debugName: "conditionRuntimeMessages" }] : /* istanbul ignore next */ []));
+    validationRuleErrors = signal([], ...(ngDevMode ? [{ debugName: "validationRuleErrors" }] : /* istanbul ignore next */ []));
+    validationRuleWarnings = signal([], ...(ngDevMode ? [{ debugName: "validationRuleWarnings" }] : /* istanbul ignore next */ []));
     DEFAULT_GRID_COLUMNS = 12;
     runtimeMessages = computed(() => [
         ...this.conditionRuntimeMessages(),
         ...this.validationRuleErrors(),
         ...this.validationRuleWarnings(),
-    ], ...(ngDevMode ? [{ debugName: "runtimeMessages" }] : []));
+    ], ...(ngDevMode ? [{ debugName: "runtimeMessages" }] : /* istanbul ignore next */ []));
     // Computed signal for field visibility - better performance
     hiddenFields = computed(() => {
         const states = this.fieldStates();
@@ -42,7 +42,7 @@ class DynamicForm {
             hidden[key] = states[key].hidden;
         });
         return hidden;
-    }, ...(ngDevMode ? [{ debugName: "hiddenFields" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "hiddenFields" }] : /* istanbul ignore next */ []));
     fieldColSpanStyles = computed(() => {
         const styles = {};
         const config = this.formConfig();
@@ -58,7 +58,7 @@ class DynamicForm {
             });
         });
         return styles;
-    }, ...(ngDevMode ? [{ debugName: "fieldColSpanStyles" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "fieldColSpanStyles" }] : /* istanbul ignore next */ []));
     sectionGridStyles = computed(() => {
         const styles = {};
         const config = this.formConfig();
@@ -72,7 +72,7 @@ class DynamicForm {
             };
         });
         return styles;
-    }, ...(ngDevMode ? [{ debugName: "sectionGridStyles" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "sectionGridStyles" }] : /* istanbul ignore next */ []));
     constructor() {
         // Effect to rebuild form when config changes
         effect(() => {
@@ -448,8 +448,8 @@ class DynamicForm {
             this.formSubscription.unsubscribe();
         }
     }
-    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 }, visibleSectionKeys: { classPropertyName: "visibleSectionKeys", publicName: "visibleSectionKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { runtimeMessagesChange: "runtimeMessagesChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DynamicForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", 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),
@@ -460,9 +460,9 @@ 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 (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-lg font-semibold text-color border-b-2 border-gray-200 pb-2 mb-3'\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\">\r\n  <div\r\n    class=\"flex flex-col gap-6\"\r\n    [class]=\"formConfig().layout?.containerClass\"\r\n  >\r\n    @for (\r\n      section of formConfig().sections | sort: \"order\";\r\n      track section.key || $index\r\n    ) {\r\n      @if (shouldRenderSection(section, $index)) {\r\n        <div\r\n          [class]=\"\r\n            section.cssClass ||\r\n            formConfig().layout?.sectionClass ||\r\n            'flex flex-col gap-4'\r\n          \"\r\n        >\r\n          @if (section.type === \"header\" && section.label) {\r\n            <h3\r\n              [class]=\"\r\n                section?.headerClass ||\r\n                'text-lg font-semibold text-color border-b-2 border-gray-200 pb-2 mb-3'\r\n              \"\r\n            >\r\n              {{ section.label }}\r\n            </h3>\r\n          }\r\n\r\n          <div\r\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\r\n            [style]=\"\r\n              !section?.bodyClass\r\n                ? sectionGridStyles()[section.key || 'section-' + $index]\r\n                : {}\r\n            \"\r\n          >\r\n            @for (field of section.fields | sort: \"order\"; track field.key) {\r\n              <div\r\n                [class]=\"\r\n                  field.cssClass ||\r\n                  formConfig().layout?.fieldClass ||\r\n                  'flex flex-col h-full justify-center gap-1'\r\n                \"\r\n                [style]=\"fieldColSpanStyles()[field.key!]\"\r\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\r\n              >\r\n                @if (field.type === \"spacer\") {\r\n                  <mt-dynamic-field\r\n                    [fieldConfig]=\"field\"\r\n                    [fieldName]=\"field.key!\"\r\n                  />\r\n                } @else if (field.key!.includes(\".\")) {\r\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\r\n                  @let parentKey = field.key!.split(\".\")[0];\r\n                  @let childKey = field.key!.split(\".\")[1];\r\n                  <div [formGroup]=\"form.get(parentKey)\">\r\n                    <mt-dynamic-field\r\n                      [fieldConfig]=\"field\"\r\n                      [fieldName]=\"childKey\"\r\n                    />\r\n                  </div>\r\n                } @else {\r\n                  <!-- Handle regular fields -->\r\n                  <mt-dynamic-field\r\n                    [fieldConfig]=\"field\"\r\n                    [fieldName]=\"field.key!\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</form>\r\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DynamicForm, decorators: [{
             type: Component,
             args: [{ selector: 'mt-dynamic-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicField, SortPipe], providers: [
                         {
@@ -475,7 +475,7 @@ 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 (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-lg font-semibold text-color border-b-2 border-gray-200 pb-2 mb-3'\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" }]
+                    ], template: "<form [formGroup]=\"form\">\r\n  <div\r\n    class=\"flex flex-col gap-6\"\r\n    [class]=\"formConfig().layout?.containerClass\"\r\n  >\r\n    @for (\r\n      section of formConfig().sections | sort: \"order\";\r\n      track section.key || $index\r\n    ) {\r\n      @if (shouldRenderSection(section, $index)) {\r\n        <div\r\n          [class]=\"\r\n            section.cssClass ||\r\n            formConfig().layout?.sectionClass ||\r\n            'flex flex-col gap-4'\r\n          \"\r\n        >\r\n          @if (section.type === \"header\" && section.label) {\r\n            <h3\r\n              [class]=\"\r\n                section?.headerClass ||\r\n                'text-lg font-semibold text-color border-b-2 border-gray-200 pb-2 mb-3'\r\n              \"\r\n            >\r\n              {{ section.label }}\r\n            </h3>\r\n          }\r\n\r\n          <div\r\n            [class]=\"section?.bodyClass || '@container grid gap-4 items-start'\"\r\n            [style]=\"\r\n              !section?.bodyClass\r\n                ? sectionGridStyles()[section.key || 'section-' + $index]\r\n                : {}\r\n            \"\r\n          >\r\n            @for (field of section.fields | sort: \"order\"; track field.key) {\r\n              <div\r\n                [class]=\"\r\n                  field.cssClass ||\r\n                  formConfig().layout?.fieldClass ||\r\n                  'flex flex-col h-full justify-center gap-1'\r\n                \"\r\n                [style]=\"fieldColSpanStyles()[field.key!]\"\r\n                [hidden]=\"field.type !== 'spacer' && hiddenFields()[field.key!]\"\r\n              >\r\n                @if (field.type === \"spacer\") {\r\n                  <mt-dynamic-field\r\n                    [fieldConfig]=\"field\"\r\n                    [fieldName]=\"field.key!\"\r\n                  />\r\n                } @else if (field.key!.includes(\".\")) {\r\n                  <!-- Handle nested fields (e.g., name.ar, name.en) -->\r\n                  @let parentKey = field.key!.split(\".\")[0];\r\n                  @let childKey = field.key!.split(\".\")[1];\r\n                  <div [formGroup]=\"form.get(parentKey)\">\r\n                    <mt-dynamic-field\r\n                      [fieldConfig]=\"field\"\r\n                      [fieldName]=\"childKey\"\r\n                    />\r\n                  </div>\r\n                } @else {\r\n                  <!-- Handle regular fields -->\r\n                  <mt-dynamic-field\r\n                    [fieldConfig]=\"field\"\r\n                    [fieldName]=\"field.key!\"\r\n                  />\r\n                }\r\n              </div>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</form>\r\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"] }] } });
 
 /**