@masterteam/forms 0.0.59 → 0.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/masterteam-forms-client-form.mjs +93 -23
- package/fesm2022/masterteam-forms-client-form.mjs.map +1 -1
- package/fesm2022/masterteam-forms-dynamic-field.mjs +2 -2
- package/fesm2022/masterteam-forms-dynamic-field.mjs.map +1 -1
- package/package.json +2 -2
- package/types/masterteam-forms-client-form.d.ts +33 -2
|
@@ -110,7 +110,7 @@ class DynamicField {
|
|
|
110
110
|
});
|
|
111
111
|
}
|
|
112
112
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
113
|
-
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) {\n @case (\"text\") {\n <mt-text-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [type]=\"transformedFieldConfig().inputType || 'text'\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"textarea\") {\n <mt-textarea-field\n [label]=\"transformedFieldConfig().label\"\n [rows]=\"transformedFieldConfig().rows || 3\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\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 [group]=\"transformedFieldConfig().group || false\"\n [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\n [optionGroupChildren]=\"\n transformedFieldConfig().optionGroupChildren || 'items'\n \"\n [size]=\"transformedFieldConfig().size\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [filter]=\"transformedFieldConfig().filter\"\n [formControlName]=\"fieldName()\"\n [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\n />\n }\n @case (\"date\") {\n <mt-date-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [showTime]=\"transformedFieldConfig().showTime\"\n />\n }\n @case (\"number\") {\n <mt-number-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"slider\") {\n <mt-slider-field\n [label]=\"transformedFieldConfig().label\"\n [min]=\"transformedFieldConfig().min ?? 0\"\n [max]=\"transformedFieldConfig().max ?? 100\"\n [step]=\"transformedFieldConfig().step\"\n [animate]=\"transformedFieldConfig().animate ?? false\"\n [unit]=\"transformedFieldConfig().unit || ''\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"toggle\") {\n <mt-toggle-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\n [icon]=\"transformedFieldConfig().icon\"\n [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"icon-field\") {\n <mt-icon-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"color-picker\") {\n <mt-color-picker-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [appendTo]=\"transformedFieldConfig().appendTo\"\n />\n }\n @case (\"editor-field\") {\n <mt-editor-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\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 [shape]=\"transformedFieldConfig().shape\"\n [size]=\"transformedFieldConfig().size\"\n [userImgClass]=\"transformedFieldConfig().userImgClass\"\n [multiple]=\"transformedFieldConfig().multiple\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [endPoint]=\"transformedFieldConfig().endPoint\"\n [accept]=\"transformedFieldConfig().accept\"\n [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n [context]=\"transformedFieldConfig().context\"\n [title]=\"transformedFieldConfig().title\"\n [description]=\"transformedFieldConfig().description\"\n />\n }\n @case (\"lookup-matrix\") {\n <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\n }\n @case (\"spacer\") {\n <div class=\"spacer\"></div>\n }\n @case (\"schema-connection\") {\n <mt-schema-connection-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [context]=\"transformedFieldConfig().context\"\n [filter]=\"transformedFieldConfig().filter ?? true\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"predecessor\") {\n <mt-schedule-predecessor-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\n [required]=\"isRequired()\"\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", "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", "required", "color", "size", "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: [
|
|
113
|
+
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) {\n @case (\"text\") {\n <mt-text-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [type]=\"transformedFieldConfig().inputType || 'text'\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"textarea\") {\n <mt-textarea-field\n [label]=\"transformedFieldConfig().label\"\n [rows]=\"transformedFieldConfig().rows || 3\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\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 [group]=\"transformedFieldConfig().group || false\"\n [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\n [optionGroupChildren]=\"\n transformedFieldConfig().optionGroupChildren || 'items'\n \"\n [size]=\"transformedFieldConfig().size\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [filter]=\"transformedFieldConfig().filter\"\n [formControlName]=\"fieldName()\"\n [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\n />\n }\n @case (\"date\") {\n <mt-date-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [showTime]=\"transformedFieldConfig().showTime\"\n />\n }\n @case (\"number\") {\n <mt-number-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"slider\") {\n <mt-slider-field\n [label]=\"transformedFieldConfig().label\"\n [min]=\"transformedFieldConfig().min ?? 0\"\n [max]=\"transformedFieldConfig().max ?? 100\"\n [step]=\"transformedFieldConfig().step\"\n [animate]=\"transformedFieldConfig().animate ?? false\"\n [unit]=\"transformedFieldConfig().unit || ''\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\n [required]=\"isRequired()\"\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 [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n [size]=\"transformedFieldConfig().size || 'small'\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"toggle\") {\n <mt-toggle-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\n [icon]=\"transformedFieldConfig().icon\"\n [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"icon-field\") {\n <mt-icon-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"color-picker\") {\n <mt-color-picker-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [appendTo]=\"transformedFieldConfig().appendTo\"\n />\n }\n @case (\"editor-field\") {\n <mt-editor-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\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 [shape]=\"transformedFieldConfig().shape\"\n [size]=\"transformedFieldConfig().size\"\n [userImgClass]=\"transformedFieldConfig().userImgClass\"\n [multiple]=\"transformedFieldConfig().multiple\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [endPoint]=\"transformedFieldConfig().endPoint\"\n [accept]=\"transformedFieldConfig().accept\"\n [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n [context]=\"transformedFieldConfig().context\"\n [title]=\"transformedFieldConfig().title\"\n [description]=\"transformedFieldConfig().description\"\n />\n }\n @case (\"lookup-matrix\") {\n <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\n }\n @case (\"spacer\") {\n <div class=\"spacer\"></div>\n }\n @case (\"schema-connection\") {\n <mt-schema-connection-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [context]=\"transformedFieldConfig().context\"\n [filter]=\"transformedFieldConfig().filter ?? true\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"predecessor\") {\n <mt-schedule-predecessor-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\n [required]=\"isRequired()\"\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", "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: [
|
|
114
114
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
115
115
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
116
116
|
}
|
|
@@ -140,7 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
|
|
|
140
140
|
SchedulePredecessorField,
|
|
141
141
|
], changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
|
|
142
142
|
{ provide: ControlContainer, useExisting: FormGroupDirective },
|
|
143
|
-
], 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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"textarea\") {\n <mt-textarea-field\n [label]=\"transformedFieldConfig().label\"\n [rows]=\"transformedFieldConfig().rows || 3\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\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 [group]=\"transformedFieldConfig().group || false\"\n [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\n [optionGroupChildren]=\"\n transformedFieldConfig().optionGroupChildren || 'items'\n \"\n [size]=\"transformedFieldConfig().size\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [filter]=\"transformedFieldConfig().filter\"\n [formControlName]=\"fieldName()\"\n [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\n />\n }\n @case (\"date\") {\n <mt-date-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [showTime]=\"transformedFieldConfig().showTime\"\n />\n }\n @case (\"number\") {\n <mt-number-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"slider\") {\n <mt-slider-field\n [label]=\"transformedFieldConfig().label\"\n [min]=\"transformedFieldConfig().min ?? 0\"\n [max]=\"transformedFieldConfig().max ?? 100\"\n [step]=\"transformedFieldConfig().step\"\n [animate]=\"transformedFieldConfig().animate ?? false\"\n [unit]=\"transformedFieldConfig().unit || ''\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"toggle\") {\n <mt-toggle-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\n [icon]=\"transformedFieldConfig().icon\"\n [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"icon-field\") {\n <mt-icon-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"color-picker\") {\n <mt-color-picker-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [appendTo]=\"transformedFieldConfig().appendTo\"\n />\n }\n @case (\"editor-field\") {\n <mt-editor-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\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 [shape]=\"transformedFieldConfig().shape\"\n [size]=\"transformedFieldConfig().size\"\n [userImgClass]=\"transformedFieldConfig().userImgClass\"\n [multiple]=\"transformedFieldConfig().multiple\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [endPoint]=\"transformedFieldConfig().endPoint\"\n [accept]=\"transformedFieldConfig().accept\"\n [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n [context]=\"transformedFieldConfig().context\"\n [title]=\"transformedFieldConfig().title\"\n [description]=\"transformedFieldConfig().description\"\n />\n }\n @case (\"lookup-matrix\") {\n <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\n }\n @case (\"spacer\") {\n <div class=\"spacer\"></div>\n }\n @case (\"schema-connection\") {\n <mt-schema-connection-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [context]=\"transformedFieldConfig().context\"\n [filter]=\"transformedFieldConfig().filter ?? true\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"predecessor\") {\n <mt-schedule-predecessor-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
|
|
143
|
+
], 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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"textarea\") {\n <mt-textarea-field\n [label]=\"transformedFieldConfig().label\"\n [rows]=\"transformedFieldConfig().rows || 3\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\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 [group]=\"transformedFieldConfig().group || false\"\n [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\n [optionGroupChildren]=\"\n transformedFieldConfig().optionGroupChildren || 'items'\n \"\n [size]=\"transformedFieldConfig().size\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [filter]=\"transformedFieldConfig().filter\"\n [formControlName]=\"fieldName()\"\n [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\n />\n }\n @case (\"date\") {\n <mt-date-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [showTime]=\"transformedFieldConfig().showTime\"\n />\n }\n @case (\"number\") {\n <mt-number-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"slider\") {\n <mt-slider-field\n [label]=\"transformedFieldConfig().label\"\n [min]=\"transformedFieldConfig().min ?? 0\"\n [max]=\"transformedFieldConfig().max ?? 100\"\n [step]=\"transformedFieldConfig().step\"\n [animate]=\"transformedFieldConfig().animate ?? false\"\n [unit]=\"transformedFieldConfig().unit || ''\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\n [required]=\"isRequired()\"\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 [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n [size]=\"transformedFieldConfig().size || 'small'\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"toggle\") {\n <mt-toggle-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\n [icon]=\"transformedFieldConfig().icon\"\n [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"icon-field\") {\n <mt-icon-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"color-picker\") {\n <mt-color-picker-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [appendTo]=\"transformedFieldConfig().appendTo\"\n />\n }\n @case (\"editor-field\") {\n <mt-editor-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\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 [shape]=\"transformedFieldConfig().shape\"\n [size]=\"transformedFieldConfig().size\"\n [userImgClass]=\"transformedFieldConfig().userImgClass\"\n [multiple]=\"transformedFieldConfig().multiple\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [endPoint]=\"transformedFieldConfig().endPoint\"\n [accept]=\"transformedFieldConfig().accept\"\n [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n [context]=\"transformedFieldConfig().context\"\n [title]=\"transformedFieldConfig().title\"\n [description]=\"transformedFieldConfig().description\"\n />\n }\n @case (\"lookup-matrix\") {\n <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\n }\n @case (\"spacer\") {\n <div class=\"spacer\"></div>\n }\n @case (\"schema-connection\") {\n <mt-schema-connection-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [context]=\"transformedFieldConfig().context\"\n [filter]=\"transformedFieldConfig().filter ?? true\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"predecessor\") {\n <mt-schedule-predecessor-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n}\n", styles: [":host{display:block;width:100%}\n"] }]
|
|
144
144
|
}], ctorParameters: () => [], propDecorators: { fieldConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldConfig", required: true }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: true }] }] } });
|
|
145
145
|
|
|
146
146
|
/**
|
|
@@ -1 +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) {\n @case (\"text\") {\n <mt-text-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [type]=\"transformedFieldConfig().inputType || 'text'\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"textarea\") {\n <mt-textarea-field\n [label]=\"transformedFieldConfig().label\"\n [rows]=\"transformedFieldConfig().rows || 3\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\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 [group]=\"transformedFieldConfig().group || false\"\n [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\n [optionGroupChildren]=\"\n transformedFieldConfig().optionGroupChildren || 'items'\n \"\n [size]=\"transformedFieldConfig().size\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [filter]=\"transformedFieldConfig().filter\"\n [formControlName]=\"fieldName()\"\n [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\n />\n }\n @case (\"date\") {\n <mt-date-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [showTime]=\"transformedFieldConfig().showTime\"\n />\n }\n @case (\"number\") {\n <mt-number-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"slider\") {\n <mt-slider-field\n [label]=\"transformedFieldConfig().label\"\n [min]=\"transformedFieldConfig().min ?? 0\"\n [max]=\"transformedFieldConfig().max ?? 100\"\n [step]=\"transformedFieldConfig().step\"\n [animate]=\"transformedFieldConfig().animate ?? false\"\n [unit]=\"transformedFieldConfig().unit || ''\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"toggle\") {\n <mt-toggle-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\n [icon]=\"transformedFieldConfig().icon\"\n [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"icon-field\") {\n <mt-icon-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"color-picker\") {\n <mt-color-picker-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [appendTo]=\"transformedFieldConfig().appendTo\"\n />\n }\n @case (\"editor-field\") {\n <mt-editor-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\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 [shape]=\"transformedFieldConfig().shape\"\n [size]=\"transformedFieldConfig().size\"\n [userImgClass]=\"transformedFieldConfig().userImgClass\"\n [multiple]=\"transformedFieldConfig().multiple\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [endPoint]=\"transformedFieldConfig().endPoint\"\n [accept]=\"transformedFieldConfig().accept\"\n [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n [context]=\"transformedFieldConfig().context\"\n [title]=\"transformedFieldConfig().title\"\n [description]=\"transformedFieldConfig().description\"\n />\n }\n @case (\"lookup-matrix\") {\n <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\n }\n @case (\"spacer\") {\n <div class=\"spacer\"></div>\n }\n @case (\"schema-connection\") {\n <mt-schema-connection-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [context]=\"transformedFieldConfig().context\"\n [filter]=\"transformedFieldConfig().filter ?? true\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"predecessor\") {\n <mt-schedule-predecessor-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\n [required]=\"isRequired()\"\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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"}
|
|
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) {\n @case (\"text\") {\n <mt-text-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [type]=\"transformedFieldConfig().inputType || 'text'\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"textarea\") {\n <mt-textarea-field\n [label]=\"transformedFieldConfig().label\"\n [rows]=\"transformedFieldConfig().rows || 3\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\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 [group]=\"transformedFieldConfig().group || false\"\n [optionGroupLabel]=\"transformedFieldConfig().optionGroupLabel || 'label'\"\n [optionGroupChildren]=\"\n transformedFieldConfig().optionGroupChildren || 'items'\n \"\n [size]=\"transformedFieldConfig().size\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [filter]=\"transformedFieldConfig().filter\"\n [formControlName]=\"fieldName()\"\n [hasPlaceholderPrefix]=\"transformedFieldConfig().hasPlaceholderPrefix\"\n />\n }\n @case (\"date\") {\n <mt-date-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [showTime]=\"transformedFieldConfig().showTime\"\n />\n }\n @case (\"number\") {\n <mt-number-field\n [label]=\"transformedFieldConfig().label\"\n [placeholder]=\"transformedFieldConfig().placeholder\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [useGrouping]=\"transformedFieldConfig().useGrouping ?? false\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"slider\") {\n <mt-slider-field\n [label]=\"transformedFieldConfig().label\"\n [min]=\"transformedFieldConfig().min ?? 0\"\n [max]=\"transformedFieldConfig().max ?? 100\"\n [step]=\"transformedFieldConfig().step\"\n [animate]=\"transformedFieldConfig().animate ?? false\"\n [unit]=\"transformedFieldConfig().unit || ''\"\n [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [maxSelectedLabels]=\"transformedFieldConfig().maxSelectedLabels\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [required]=\"isRequired()\"\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 [orientation]=\"transformedFieldConfig().orientation || 'vertical'\"\n [required]=\"isRequired()\"\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 [optionLabel]=\"transformedFieldConfig().optionLabel || 'label'\"\n [optionValue]=\"transformedFieldConfig().optionValue || 'value'\"\n [size]=\"transformedFieldConfig().size || 'small'\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"toggle\") {\n <mt-toggle-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [toggleShape]=\"transformedFieldConfig().toggleShape || 'toggle'\"\n [icon]=\"transformedFieldConfig().icon\"\n [descriptionCard]=\"transformedFieldConfig().descriptionCard\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"icon-field\") {\n <mt-icon-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"color-picker\") {\n <mt-color-picker-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n [appendTo]=\"transformedFieldConfig().appendTo\"\n />\n }\n @case (\"editor-field\") {\n <mt-editor-field\n [label]=\"transformedFieldConfig().label\"\n [required]=\"isRequired()\"\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 [shape]=\"transformedFieldConfig().shape\"\n [size]=\"transformedFieldConfig().size\"\n [userImgClass]=\"transformedFieldConfig().userImgClass\"\n [multiple]=\"transformedFieldConfig().multiple\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [endPoint]=\"transformedFieldConfig().endPoint\"\n [accept]=\"transformedFieldConfig().accept\"\n [fileSizeLimit]=\"transformedFieldConfig().fileSizeLimit\"\n [context]=\"transformedFieldConfig().context\"\n [title]=\"transformedFieldConfig().title\"\n [description]=\"transformedFieldConfig().description\"\n />\n }\n @case (\"lookup-matrix\") {\n <mt-lookup-matrix-field [config]=\"transformedFieldConfig()\" />\n }\n @case (\"spacer\") {\n <div class=\"spacer\"></div>\n }\n @case (\"schema-connection\") {\n <mt-schema-connection-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [context]=\"transformedFieldConfig().context\"\n [filter]=\"transformedFieldConfig().filter ?? true\"\n [required]=\"isRequired()\"\n [readonly]=\"transformedFieldConfig().readonly!\"\n [formControlName]=\"fieldName()\"\n />\n }\n @case (\"predecessor\") {\n <mt-schedule-predecessor-field\n [label]=\"transformedFieldConfig().label || ''\"\n [placeholder]=\"transformedFieldConfig().placeholder || ''\"\n [configuration]=\"transformedFieldConfig().configuration\"\n [runtimeContext]=\"transformedFieldConfig().runtimeContext\"\n [required]=\"isRequired()\"\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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@masterteam/forms",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.60",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"directory": "../../../dist/masterteam/forms",
|
|
6
6
|
"linkDirectory": true,
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"primeng": "21.0.1",
|
|
18
18
|
"@primeuix/themes": "^2.0.2",
|
|
19
19
|
"rxjs": "^7.8.2",
|
|
20
|
-
"@masterteam/components": "^0.0.
|
|
20
|
+
"@masterteam/components": "^0.0.125"
|
|
21
21
|
},
|
|
22
22
|
"sideEffects": false,
|
|
23
23
|
"exports": {
|
|
@@ -76,6 +76,20 @@ interface ProcessFormSubmitRequest {
|
|
|
76
76
|
returnUrl?: string;
|
|
77
77
|
fields: ProcessFormSubmitField[];
|
|
78
78
|
}
|
|
79
|
+
interface ProcessFormValidationRuntimeResult {
|
|
80
|
+
isValid: boolean;
|
|
81
|
+
hasBlockingFailures: boolean;
|
|
82
|
+
results: ProcessFormValidationRuleResult[];
|
|
83
|
+
}
|
|
84
|
+
interface ProcessFormValidationRuleResult {
|
|
85
|
+
ruleId: string | number;
|
|
86
|
+
message?: ClientFormTranslatableValue | string | null;
|
|
87
|
+
severity: 'error' | 'warning';
|
|
88
|
+
passed: boolean;
|
|
89
|
+
isBlocking: boolean;
|
|
90
|
+
isEvaluationError: boolean;
|
|
91
|
+
errorMessage?: string | null;
|
|
92
|
+
}
|
|
79
93
|
interface ClientFormSubmitRequestMapperContext {
|
|
80
94
|
formValue: Record<string, any>;
|
|
81
95
|
loadResponse: ProcessFormLoadResponse;
|
|
@@ -191,6 +205,12 @@ interface ClientPropertyItem {
|
|
|
191
205
|
configuration?: Record<string, unknown> | null;
|
|
192
206
|
[key: string]: any;
|
|
193
207
|
}
|
|
208
|
+
interface ClientFormTranslatableValue {
|
|
209
|
+
display?: string;
|
|
210
|
+
en?: string;
|
|
211
|
+
ar?: string;
|
|
212
|
+
[key: string]: string | undefined;
|
|
213
|
+
}
|
|
194
214
|
interface ClientValidationRule {
|
|
195
215
|
id: string | number;
|
|
196
216
|
formulaTokens: string;
|
|
@@ -328,8 +348,11 @@ declare class ClientForm implements OnDestroy {
|
|
|
328
348
|
protected readonly state: ClientFormStateService;
|
|
329
349
|
private loadSub?;
|
|
330
350
|
private submitSub?;
|
|
351
|
+
private formValueSub?;
|
|
331
352
|
private readonly hasStartedLoad;
|
|
332
|
-
readonly
|
|
353
|
+
private readonly formRuntimeMessages;
|
|
354
|
+
private readonly submitValidationMessages;
|
|
355
|
+
readonly runtimeMessages: _angular_core.Signal<FormulaRuntimeMessage[]>;
|
|
333
356
|
private readonly translocoService;
|
|
334
357
|
readonly submitting: _angular_core.Signal<boolean>;
|
|
335
358
|
readonly submitError: _angular_core.Signal<string | null>;
|
|
@@ -442,6 +465,9 @@ declare class ClientForm implements OnDestroy {
|
|
|
442
465
|
ngOnDestroy(): void;
|
|
443
466
|
private buildLoadRequest;
|
|
444
467
|
private buildSubmitRequest;
|
|
468
|
+
private mapSubmitValidationMessages;
|
|
469
|
+
private resolveSubmitValidationMessage;
|
|
470
|
+
private resolveTranslatableValue;
|
|
445
471
|
private resolveStepTimelineState;
|
|
446
472
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientForm, never>;
|
|
447
473
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientForm, "mt-client-form", never, { "moduleKey": { "alias": "moduleKey"; "required": true; "isSignal": true; }; "operationKey": { "alias": "operationKey"; "required": true; "isSignal": true; }; "moduleId": { "alias": "moduleId"; "required": false; "isSignal": true; }; "levelId": { "alias": "levelId"; "required": false; "isSignal": true; }; "levelDataId": { "alias": "levelDataId"; "required": false; "isSignal": true; }; "moduleDataId": { "alias": "moduleDataId"; "required": false; "isSignal": true; }; "requestSchemaId": { "alias": "requestSchemaId"; "required": false; "isSignal": true; }; "draftProcessId": { "alias": "draftProcessId"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "returnUrl": { "alias": "returnUrl"; "required": false; "isSignal": true; }; "submitRequestMapper": { "alias": "submitRequestMapper"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "formMode": { "alias": "formMode"; "required": false; "isSignal": true; }; "renderMode": { "alias": "renderMode"; "required": false; "isSignal": true; }; "showInternalStepActions": { "alias": "showInternalStepActions"; "required": false; "isSignal": true; }; "lookups": { "alias": "lookups"; "required": false; "isSignal": true; }; "ignoredFieldKeys": { "alias": "ignoredFieldKeys"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; "submitted": "submitted"; "errored": "errored"; "modeDetected": "modeDetected"; "formSourceDetected": "formSourceDetected"; "footerStateChanged": "footerStateChanged"; }, never, never, true, never>;
|
|
@@ -464,6 +490,11 @@ declare class ClientFormApiService {
|
|
|
464
490
|
* - Direct → status: 'Executed'
|
|
465
491
|
*/
|
|
466
492
|
submit(request: ProcessFormSubmitRequest): Observable<Response<ProcessFormSubmitResponse>>;
|
|
493
|
+
/**
|
|
494
|
+
* Validate the exact submit payload against backend-owned form rules
|
|
495
|
+
* before the real submit call.
|
|
496
|
+
*/
|
|
497
|
+
validate(request: ProcessFormSubmitRequest): Observable<Response<ProcessFormValidationRuntimeResult>>;
|
|
467
498
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientFormApiService, never>;
|
|
468
499
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ClientFormApiService>;
|
|
469
500
|
}
|
|
@@ -503,4 +534,4 @@ declare function mapPreviewFieldsToEntities(config: ClientFormConfiguration, val
|
|
|
503
534
|
declare function mapPreviewSectionsToEntities(config: ClientFormConfiguration, values: ProcessFormValue[], lang?: 'en' | 'ar', mode?: 'create' | 'edit', readonly?: boolean): ClientFormPreviewSection[];
|
|
504
535
|
|
|
505
536
|
export { ClientForm, ClientFormApiService, ClientFormStateService, getPreviewOnlyFieldKeys, isFormRequiredInterception, mapFormValueToSubmitFields, mapPreviewFieldsToEntities, mapPreviewSectionsToEntities, mapToDynamicFormConfig, mapValuesToFormValue };
|
|
506
|
-
export type { ClientFieldWidth, ClientFormConfiguration, ClientFormField, ClientFormFooterActionMode, ClientFormFooterState, ClientFormPreviewSection, ClientFormRenderMode, ClientFormResolvedRenderMode, ClientFormSection, ClientFormSubmitRequestMapper, ClientFormSubmitRequestMapperContext, ClientLookup, ClientLookupItem, ClientPropertyItem, ClientValidationRule, FormRequiredInterception, OperationType, ProcessFormContext, ProcessFormLoadRequest, ProcessFormLoadResponse, ProcessFormMode, ProcessFormSource, ProcessFormSubmitField, ProcessFormSubmitRecord, ProcessFormSubmitRecordField, ProcessFormSubmitRequest, ProcessFormSubmitResponse, ProcessFormSubmitStatus, ProcessFormSubmitValue, ProcessFormValue, ProcessFormValueMetadata, Response };
|
|
537
|
+
export type { ClientFieldWidth, ClientFormConfiguration, ClientFormField, ClientFormFooterActionMode, ClientFormFooterState, ClientFormPreviewSection, ClientFormRenderMode, ClientFormResolvedRenderMode, ClientFormSection, ClientFormSubmitRequestMapper, ClientFormSubmitRequestMapperContext, ClientFormTranslatableValue, ClientLookup, ClientLookupItem, ClientPropertyItem, ClientValidationRule, FormRequiredInterception, OperationType, ProcessFormContext, ProcessFormLoadRequest, ProcessFormLoadResponse, ProcessFormMode, ProcessFormSource, ProcessFormSubmitField, ProcessFormSubmitRecord, ProcessFormSubmitRecordField, ProcessFormSubmitRequest, ProcessFormSubmitResponse, ProcessFormSubmitStatus, ProcessFormSubmitValue, ProcessFormValidationRuleResult, ProcessFormValidationRuntimeResult, ProcessFormValue, ProcessFormValueMetadata, Response };
|