@masterteam/forms 0.0.13 → 0.0.14

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

@@ -12,13 +12,14 @@ import { MultiSelectField } from '@masterteam/components/multi-select-field';
 import { CheckboxField } from '@masterteam/components/checkbox-field';
 import { ColorPickerField } from '@masterteam/components/color-picker-field';
 import { PickListField } from '@masterteam/components/pick-list-field';
-import { TextFieldConfig, TextareaFieldConfig, SelectFieldConfig, DateFieldConfig, NumberFieldConfig, SliderFieldConfig, MultiSelectFieldConfig, PickListFieldConfig, CheckboxFieldConfig, RadioButtonFieldConfig, RadioCardsFieldConfig, UserSearchFieldConfig, ToggleFieldConfig, EditorFieldConfig, IconFieldConfig, ColorPickerFieldConfig } from '@masterteam/components';
+import { TextFieldConfig, TextareaFieldConfig, SelectFieldConfig, DateFieldConfig, NumberFieldConfig, SliderFieldConfig, MultiSelectFieldConfig, PickListFieldConfig, CheckboxFieldConfig, RadioButtonFieldConfig, RadioCardsFieldConfig, UserSearchFieldConfig, ToggleFieldConfig, EditorFieldConfig, IconFieldConfig, ColorPickerFieldConfig, UploadFileFieldConfig } from '@masterteam/components';
 import { IconField } from '@masterteam/components/icon-field';
 import { ToggleField } from '@masterteam/components/toggle-field';
 import { RadioCardsField } from '@masterteam/components/radio-cards-field';
 import { RadioButtonField } from '@masterteam/components/radio-button-field';
 import { EditorField } from '@masterteam/components/editor-field';
 import { UserSearchField } from '@masterteam/components/user-search-field';
+import { UploadField } from '@masterteam/components/upload-field';
 
 class DynamicField {
     // Input signal with transform to handle class for text type
@@ -81,6 +82,9 @@ class DynamicField {
             if (value.type === 'color-picker') {
                 return new ColorPickerFieldConfig(value);
             }
+            if (value.type === 'upload-file') {
+                return new UploadFileFieldConfig(value);
+            }
         }
         // Default fallback to TextFieldConfig
         return new TextFieldConfig({
@@ -88,7 +92,7 @@ class DynamicField {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DynamicField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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) {\n  @case (\"text\") {\n    <mt-text-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"textarea\") {\n    <mt-textarea-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"select\") {\n    <mt-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"date\") {\n    <mt-date-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"number\") {\n    <mt-number-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"slider\") {\n    <mt-slider-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"multi-select\") {\n    <mt-multi-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"pick-list\") {\n    <mt-pick-list-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\n      [filterBy]=\"transformedFieldConfig().filterBy\"\n      [dataKey]=\"transformedFieldConfig().dataKey\"\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\n      [responsive]=\"transformedFieldConfig().responsive\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"user-search\") {\n    <mt-user-search-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [hint]=\"transformedFieldConfig().hint || ''\"\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [context]=\"transformedFieldConfig().context\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"checkbox\") {\n    <mt-checkbox-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-button\") {\n    <mt-radio-button-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-cards\") {\n    <mt-radio-cards-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [size]=\"transformedFieldConfig().size || 'small'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"toggle\") {\n    <mt-toggle-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"editor-field\") {\n    <mt-editor-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n}\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", "pKeyFilter", "required"] }, { 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"], 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", "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"], 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", "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.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", "modules", "required"] }, { kind: "component", type: RadioButtonField, selector: "mt-radio-button-field", inputs: ["labelPosition", "readonly", "pInputs", "required", "options", "size", "label"], outputs: ["onChange"] }, { kind: "component", type: RadioCardsField, selector: "mt-radio-cards-field", inputs: ["circle", "label", "required", "color", "size", "options"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: UserSearchField, selector: "mt-user-search-field", inputs: ["hint", "label", "placeholder", "class", "readonly", "required", "apiUrl", "dataKey", "paramName", "context", "size"] }], viewProviders: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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) {\n  @case (\"text\") {\n    <mt-text-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"textarea\") {\n    <mt-textarea-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"select\") {\n    <mt-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"date\") {\n    <mt-date-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"number\") {\n    <mt-number-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"slider\") {\n    <mt-slider-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"multi-select\") {\n    <mt-multi-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"pick-list\") {\n    <mt-pick-list-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\n      [filterBy]=\"transformedFieldConfig().filterBy\"\n      [dataKey]=\"transformedFieldConfig().dataKey\"\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\n      [responsive]=\"transformedFieldConfig().responsive\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"user-search\") {\n    <mt-user-search-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [hint]=\"transformedFieldConfig().hint || ''\"\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [context]=\"transformedFieldConfig().context\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"checkbox\") {\n    <mt-checkbox-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-button\") {\n    <mt-radio-button-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-cards\") {\n    <mt-radio-cards-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [size]=\"transformedFieldConfig().size || 'small'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"toggle\") {\n    <mt-toggle-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"editor-field\") {\n    <mt-editor-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"upload-file\") {\n    <mt-upload-field\n      [label]=\"transformedFieldConfig().label\"\n      [formControlName]=\"fieldName()\"\n      [isUserField]=\"transformedFieldConfig().isUserField\"\n      [size]=\"transformedFieldConfig().size\"\n      [endPoint]=\"transformedFieldConfig().endPoint\"\n      [accept]=\"transformedFieldConfig().accept\"\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n    />\n  }\n}\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"], 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", "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"], 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", "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.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", "modules", "required"] }, { kind: "component", type: RadioButtonField, selector: "mt-radio-button-field", inputs: ["labelPosition", "readonly", "pInputs", "required", "options", "size", "label"], outputs: ["onChange"] }, { kind: "component", type: RadioCardsField, selector: "mt-radio-cards-field", inputs: ["circle", "label", "required", "color", "size", "options"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], 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", "endPoint", "size", "isUserField", "accept", "isDragging", "fileSizeLimit"], outputs: ["isDraggingChange", "onChange"] }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -112,9 +116,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         RadioCardsField,
                         ToggleField,
                         UserSearchField,
+                        UploadField,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },
-                    ], template: "@switch (transformedFieldConfig().type) {\n  @case (\"text\") {\n    <mt-text-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"textarea\") {\n    <mt-textarea-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"select\") {\n    <mt-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"date\") {\n    <mt-date-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"number\") {\n    <mt-number-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"slider\") {\n    <mt-slider-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"multi-select\") {\n    <mt-multi-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"pick-list\") {\n    <mt-pick-list-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\n      [filterBy]=\"transformedFieldConfig().filterBy\"\n      [dataKey]=\"transformedFieldConfig().dataKey\"\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\n      [responsive]=\"transformedFieldConfig().responsive\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"user-search\") {\n    <mt-user-search-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [hint]=\"transformedFieldConfig().hint || ''\"\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [context]=\"transformedFieldConfig().context\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"checkbox\") {\n    <mt-checkbox-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-button\") {\n    <mt-radio-button-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-cards\") {\n    <mt-radio-cards-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [size]=\"transformedFieldConfig().size || 'small'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"toggle\") {\n    <mt-toggle-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"editor-field\") {\n    <mt-editor-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
+                    ], template: "@switch (transformedFieldConfig().type) {\n  @case (\"text\") {\n    <mt-text-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [type]=\"transformedFieldConfig().inputType || 'text'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"textarea\") {\n    <mt-textarea-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"select\") {\n    <mt-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"date\") {\n    <mt-date-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"number\") {\n    <mt-number-field\n      [label]=\"transformedFieldConfig().label\"\n      [placeholder]=\"transformedFieldConfig().placeholder\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"slider\") {\n    <mt-slider-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"multi-select\") {\n    <mt-multi-select-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"pick-list\") {\n    <mt-pick-list-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [sourceHeader]=\"transformedFieldConfig().sourceHeader || 'Available'\"\n      [targetHeader]=\"transformedFieldConfig().targetHeader || 'Selected'\"\n      [showSourceControls]=\"transformedFieldConfig().showSourceControls ?? true\"\n      [showTargetControls]=\"transformedFieldConfig().showTargetControls ?? true\"\n      [showSourceFilter]=\"transformedFieldConfig().showSourceFilter ?? false\"\n      [showTargetFilter]=\"transformedFieldConfig().showTargetFilter ?? false\"\n      [filterBy]=\"transformedFieldConfig().filterBy\"\n      [dataKey]=\"transformedFieldConfig().dataKey\"\n      [dragdrop]=\"transformedFieldConfig().dragdrop\"\n      [responsive]=\"transformedFieldConfig().responsive\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"user-search\") {\n    <mt-user-search-field\n      [label]=\"transformedFieldConfig().label || ''\"\n      [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n      [hint]=\"transformedFieldConfig().hint || ''\"\n      [apiUrl]=\"transformedFieldConfig().apiUrl || ''\"\n      [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n      [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [context]=\"transformedFieldConfig().context\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"checkbox\") {\n    <mt-checkbox-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-button\") {\n    <mt-radio-button-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"radio-cards\") {\n    <mt-radio-cards-field\n      [label]=\"transformedFieldConfig().label\"\n      [options]=\"transformedFieldConfig().options || []\"\n      [size]=\"transformedFieldConfig().size || 'small'\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"toggle\") {\n    <mt-toggle-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"icon-field\") {\n    <mt-icon-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"color-picker\") {\n    <mt-color-picker-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"editor-field\") {\n    <mt-editor-field\n      [label]=\"transformedFieldConfig().label\"\n      [readonly]=\"transformedFieldConfig().readonly!\"\n      [formControlName]=\"fieldName()\"\n    />\n  }\n  @case (\"upload-file\") {\n    <mt-upload-field\n      [label]=\"transformedFieldConfig().label\"\n      [formControlName]=\"fieldName()\"\n      [isUserField]=\"transformedFieldConfig().isUserField\"\n      [size]=\"transformedFieldConfig().size\"\n      [endPoint]=\"transformedFieldConfig().endPoint\"\n      [accept]=\"transformedFieldConfig().accept\"\n      [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n    />\n  }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/forms",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "publishConfig": {
     "directory": ".",
     "linkDirectory": false,
@@ -33,14 +33,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/masterteam-forms.mjs"
     },
-    "./dynamic-field": {
-      "types": "./dynamic-field/index.d.ts",
-      "default": "./fesm2022/masterteam-forms-dynamic-field.mjs"
-    },
     "./dynamic-form": {
       "types": "./dynamic-form/index.d.ts",
       "default": "./fesm2022/masterteam-forms-dynamic-form.mjs"
     },
+    "./dynamic-field": {
+      "types": "./dynamic-field/index.d.ts",
+      "default": "./fesm2022/masterteam-forms-dynamic-field.mjs"
+    },
     "./pipes": {
       "types": "./pipes/index.d.ts",
       "default": "./fesm2022/masterteam-forms-pipes.mjs"