@conduction/nextcloud-vue 2.102.0 → 2.104.0

package/dist/esm/components/CnFormDialog/CnFormDialog.vue3.js

@@ -23,7 +23,7 @@ const _hoisted_5 = {
 const _hoisted_6 = ["data-cn-field"];
 const _hoisted_7 = ["title"];
 const _hoisted_8 = {
-  key: 4,
+  key: 5,
   class: "cn-form-dialog__coded-fallback"
 };
 const _hoisted_9 = {
@@ -137,6 +137,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnFieldHelper = resolveComponent("CnFieldHelper");
   const _component_CnResourceSelect = resolveComponent("CnResourceSelect");
   const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
+  const _component_CnSearchSelect = resolveComponent("CnSearchSelect");
   const _component_NcSelect = resolveComponent("NcSelect");
   const _component_NcDateTimePickerNative = resolveComponent("NcDateTimePickerNative");
   const _component_CnJsonViewer = resolveComponent("CnJsonViewer");
@@ -388,70 +389,58 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               error: $data.errors[field.key],
                               updateField: $options.updateField
                             }, undefined, undefined, 1)
-                          : ($options.resolveReferenceWidget(field))
-                            ? (openBlock(), createBlock(resolveDynamicComponent($options.resolveReferenceWidget(field)), mergeProps({
+                          : ($options.resolveFieldComponent(field))
+                            ? (openBlock(), createBlock(resolveDynamicComponent($options.resolveFieldComponent(field)), {
                                 key: 2,
-                                ref_for: true
-                              }, $options.referenceWidgetProps(field), {
-                                onInput: value => $options.updateField(field.key, value)
-                              }), null, 16 /* FULL_PROPS */, ["onInput"]))
-                            : (field.referenceSemanticType && !$options.isSemanticResolved(field))
-                              ? (openBlock(), createElementBlock("div", {
+                                value: $data.formData[field.key],
+                                modelValue: $data.formData[field.key],
+                                field: field,
+                                error: $data.errors[field.key] || '',
+                                disabled: !!field.readOnly,
+                                onInput: value => $options.updateField(field.key, value),
+                                "onUpdate:modelValue": value => $options.updateField(field.key, value)
+                              }, null, 40 /* PROPS, NEED_HYDRATION */, ["value", "modelValue", "field", "error", "disabled", "onInput", "onUpdate:modelValue"]))
+                            : ($options.resolveReferenceWidget(field))
+                              ? (openBlock(), createBlock(resolveDynamicComponent($options.resolveReferenceWidget(field)), mergeProps({
                                   key: 3,
-                                  class: "cn-form-dialog__semantic-unresolved",
-                                  title: $options.semanticUnavailableText(field)
-                                }, [
-                                  createVNode(_component_NcTextField, mergeProps({
-                                    id: $options.fieldControlId(field),
-                                    label: $options.fieldLabelText(field),
-                                    labelOutside: _ctx.isBoardLook
-                                  }, { ref_for: true }, $options.fieldAria(field), {
-                                    modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
-                                    helperText: $options.isSemanticLoading(field) ? '' : $options.semanticUnavailableText(field),
-                                    disabled: true,
-                                    loading: $options.isSemanticLoading(field),
-                                    placeholder: field.description
-                                  }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "helperText", "loading", "placeholder"])
-                                ], 8 /* PROPS */, _hoisted_7))
-                              : (field.codeList && $data.codedFailed[field.key])
-                                ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                                  ref_for: true
+                                }, $options.referenceWidgetProps(field), {
+                                  onInput: value => $options.updateField(field.key, value)
+                                }), null, 16 /* FULL_PROPS */, ["onInput"]))
+                              : (field.referenceSemanticType && !$options.isSemanticResolved(field))
+                                ? (openBlock(), createElementBlock("div", {
+                                    key: 4,
+                                    class: "cn-form-dialog__semantic-unresolved",
+                                    title: $options.semanticUnavailableText(field)
+                                  }, [
                                     createVNode(_component_NcTextField, mergeProps({
                                       id: $options.fieldControlId(field),
                                       label: $options.fieldLabelText(field),
                                       labelOutside: _ctx.isBoardLook
                                     }, { ref_for: true }, $options.fieldAria(field), {
-                                      modelValue: $options.codedFallbackText(field),
-                                      disabled: field.readOnly,
-                                      helperText: _ctx.t('nextcloud-vue', 'The list of choices could not be loaded. Enter the value by hand.'),
-                                      "onUpdate:modelValue": $event => ($options.onCodedFallbackInput(field, $event))
-                                    }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "disabled", "helperText", "onUpdate:modelValue"])
-                                  ]))
-                                : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-                                    (field.widget === 'text' || field.widget === 'email' || field.widget === 'url')
-                                      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                          createVNode(_component_NcTextField, mergeProps({
-                                            id: $options.fieldControlId(field),
-                                            label: $options.fieldLabelText(field),
-                                            labelOutside: _ctx.isBoardLook
-                                          }, { ref_for: true }, $options.fieldAria(field), {
-                                            modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
-                                            error: !!$data.errors[field.key],
-                                            type: field.widget === 'email' ? 'email' : field.widget === 'url' ? 'url' : 'text',
-                                            disabled: field.readOnly,
-                                            placeholder: $options.fieldPlaceholder(field),
-                                            "onUpdate:modelValue": value => $options.updateField(field.key, value)
-                                          }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "error", "type", "disabled", "placeholder", "onUpdate:modelValue"]),
-                                          createVNode(_component_CnFieldHelper, {
-                                            id: $options.helpId(field),
-                                            text: field.description,
-                                            more: field.descriptionLong,
-                                            help: field.help,
-                                            label: field.label,
-                                            error: $options.helperError(field)
-                                          }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
-                                        ], 64 /* STABLE_FRAGMENT */))
-                                      : (field.widget === 'number')
-                                        ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                      modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
+                                      helperText: $options.isSemanticLoading(field) ? '' : $options.semanticUnavailableText(field),
+                                      disabled: true,
+                                      loading: $options.isSemanticLoading(field),
+                                      placeholder: field.description
+                                    }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "helperText", "loading", "placeholder"])
+                                  ], 8 /* PROPS */, _hoisted_7))
+                                : (field.codeList && $data.codedFailed[field.key])
+                                  ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                                      createVNode(_component_NcTextField, mergeProps({
+                                        id: $options.fieldControlId(field),
+                                        label: $options.fieldLabelText(field),
+                                        labelOutside: _ctx.isBoardLook
+                                      }, { ref_for: true }, $options.fieldAria(field), {
+                                        modelValue: $options.codedFallbackText(field),
+                                        disabled: field.readOnly,
+                                        helperText: _ctx.t('nextcloud-vue', 'The list of choices could not be loaded. Enter the value by hand.'),
+                                        "onUpdate:modelValue": $event => ($options.onCodedFallbackInput(field, $event))
+                                      }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "disabled", "helperText", "onUpdate:modelValue"])
+                                    ]))
+                                  : (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+                                      (field.widget === 'text' || field.widget === 'email' || field.widget === 'url')
+                                        ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                                             createVNode(_component_NcTextField, mergeProps({
                                               id: $options.fieldControlId(field),
                                               label: $options.fieldLabelText(field),
@@ -459,11 +448,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             }, { ref_for: true }, $options.fieldAria(field), {
                                               modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
                                               error: !!$data.errors[field.key],
-                                              type: "number",
+                                              type: field.widget === 'email' ? 'email' : field.widget === 'url' ? 'url' : 'text',
                                               disabled: field.readOnly,
                                               placeholder: $options.fieldPlaceholder(field),
-                                              "onUpdate:modelValue": value => $options.updateField(field.key, value !== '' ? Number(value) : null)
-                                            }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "error", "disabled", "placeholder", "onUpdate:modelValue"]),
+                                              "onUpdate:modelValue": value => $options.updateField(field.key, value)
+                                            }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "error", "type", "disabled", "placeholder", "onUpdate:modelValue"]),
                                             createVNode(_component_CnFieldHelper, {
                                               id: $options.helpId(field),
                                               text: field.description,
@@ -473,25 +462,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               error: $options.helperError(field)
                                             }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                           ], 64 /* STABLE_FRAGMENT */))
-                                        : (field.widget === 'textarea')
-                                          ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                                              (!$options.showsOuterLabel(field))
-                                                ? (openBlock(), createElementBlock("label", {
-                                                    key: 0,
-                                                    for: 'cn-form-' + field.key,
-                                                    class: "cn-form-dialog__label"
-                                                  }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_10))
-                                                : createCommentVNode("v-if", true),
-                                              createElementVNode("textarea", mergeProps({
-                                                id: 'cn-form-' + field.key,
-                                                class: "cn-form-dialog__textarea"
+                                        : (field.widget === 'number')
+                                          ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                              createVNode(_component_NcTextField, mergeProps({
+                                                id: $options.fieldControlId(field),
+                                                label: $options.fieldLabelText(field),
+                                                labelOutside: _ctx.isBoardLook
                                               }, { ref_for: true }, $options.fieldAria(field), {
-                                                value: $data.formData[field.key] || '',
+                                                modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
+                                                error: !!$data.errors[field.key],
+                                                type: "number",
                                                 disabled: field.readOnly,
                                                 placeholder: $options.fieldPlaceholder(field),
-                                                rows: "4",
-                                                onInput: $event => ($options.updateField(field.key, $event.target.value))
-                                              }), null, 16 /* FULL_PROPS */, _hoisted_11),
+                                                "onUpdate:modelValue": value => $options.updateField(field.key, value !== '' ? Number(value) : null)
+                                              }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "error", "disabled", "placeholder", "onUpdate:modelValue"]),
                                               createVNode(_component_CnFieldHelper, {
                                                 id: $options.helpId(field),
                                                 text: field.description,
@@ -500,25 +484,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                 label: field.label,
                                                 error: $options.helperError(field)
                                               }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
-                                            ]))
-                                          : (($options.isReferenceField(field) || $options.isReferenceArrayField(field)) && field.allowCreate)
-                                            ? (openBlock(), createElementBlock("div", _hoisted_12, [
-                                                createVNode(_component_CnResourceSelect, {
-                                                  inputId: 'cn-form-' + field.key,
-                                                  inputLabel: $options.fieldLabelText(field),
-                                                  labelOutside: _ctx.isBoardLook,
-                                                  register: $options.referenceRegister(field),
-                                                  schema: String(field.reference.schema),
-                                                  labelField: $options.referenceLabelField(field),
-                                                  multiple: !!field.reference.multiple,
-                                                  modelValue: $options.referenceModelValue(field),
-                                                  clearable: !field.required || !!field.reference.multiple,
+                                            ], 64 /* STABLE_FRAGMENT */))
+                                          : (field.widget === 'textarea')
+                                            ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                                                (!$options.showsOuterLabel(field))
+                                                  ? (openBlock(), createElementBlock("label", {
+                                                      key: 0,
+                                                      for: 'cn-form-' + field.key,
+                                                      class: "cn-form-dialog__label"
+                                                    }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_10))
+                                                  : createCommentVNode("v-if", true),
+                                                createElementVNode("textarea", mergeProps({
+                                                  id: 'cn-form-' + field.key,
+                                                  class: "cn-form-dialog__textarea"
+                                                }, { ref_for: true }, $options.fieldAria(field), {
+                                                  value: $data.formData[field.key] || '',
                                                   disabled: field.readOnly,
-                                                  preload: true,
-                                                  createHandler: term => $options.openNestedCreate(field, term),
-                                                  "onUpdate:modelValue": value => $options.onReferenceSelected(field, value),
-                                                  onCreate: obj => $options.onReferenceCreated(field, obj)
-                                                }, null, 8 /* PROPS */, ["inputId", "inputLabel", "labelOutside", "register", "schema", "labelField", "multiple", "modelValue", "clearable", "disabled", "createHandler", "onUpdate:modelValue", "onCreate"]),
+                                                  placeholder: $options.fieldPlaceholder(field),
+                                                  rows: "4",
+                                                  onInput: $event => ($options.updateField(field.key, $event.target.value))
+                                                }), null, 16 /* FULL_PROPS */, _hoisted_11),
                                                 createVNode(_component_CnFieldHelper, {
                                                   id: $options.helpId(field),
                                                   text: field.description,
@@ -528,19 +513,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   error: $options.helperError(field)
                                                 }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                               ]))
-                                            : (field.widget === 'switch')
-                                              ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                                                  createVNode(_component_NcCheckboxRadioSwitch, {
-                                                    modelValue: $options.isSwitchOn(field),
+                                            : (($options.isReferenceField(field) || $options.isReferenceArrayField(field)) && field.allowCreate)
+                                              ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                                                  createVNode(_component_CnResourceSelect, {
+                                                    inputId: 'cn-form-' + field.key,
+                                                    inputLabel: $options.fieldLabelText(field),
+                                                    labelOutside: _ctx.isBoardLook,
+                                                    register: $options.referenceRegister(field),
+                                                    schema: String(field.reference.schema),
+                                                    labelField: $options.referenceLabelField(field),
+                                                    multiple: !!field.reference.multiple,
+                                                    modelValue: $options.referenceModelValue(field),
+                                                    clearable: !field.required || !!field.reference.multiple,
                                                     disabled: field.readOnly,
-                                                    type: "switch",
-                                                    "onUpdate:modelValue": value => $options.updateField(field.key, $options.switchValueFor(field, value))
-                                                  }, {
-                                                    default: withCtx(() => [
-                                                      createTextVNode(toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 1 /* TEXT */)
-                                                    ]),
-                                                    _: 2 /* DYNAMIC */
-                                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
+                                                    preload: true,
+                                                    createHandler: term => $options.openNestedCreate(field, term),
+                                                    "onUpdate:modelValue": value => $options.onReferenceSelected(field, value),
+                                                    onCreate: obj => $options.onReferenceCreated(field, obj)
+                                                  }, null, 8 /* PROPS */, ["inputId", "inputLabel", "labelOutside", "register", "schema", "labelField", "multiple", "modelValue", "clearable", "disabled", "createHandler", "onUpdate:modelValue", "onCreate"]),
                                                   createVNode(_component_CnFieldHelper, {
                                                     id: $options.helpId(field),
                                                     text: field.description,
@@ -550,50 +540,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     error: $options.helperError(field)
                                                   }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                 ]))
-                                              : (field.widget === 'select' || field.widget === 'user' || field.widget === 'group')
-                                                ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                                                    withDirectives((openBlock(), createBlock(resolveDynamicComponent($options.isUserField(field) ? 'NcSelectUsers' : 'NcSelect'), {
-                                                      inputId: 'cn-form-' + field.key,
-                                                      inputLabel: $options.fieldLabelText(field),
-                                                      labelOutside: _ctx.isBoardLook,
-                                                      options: $options.getEffectiveOptions(field),
-                                                      modelValue: $options.getEffectiveSelectedOption(field),
-                                                      clearable: !field.required,
+                                              : (field.widget === 'switch')
+                                                ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                                                    createVNode(_component_NcCheckboxRadioSwitch, {
+                                                      modelValue: $options.isSwitchOn(field),
                                                       disabled: field.readOnly,
-                                                      loading: $options.isFieldLoading(field),
-                                                      filterable: !$options.isAsyncEnum(field),
-                                                      "onUpdate:modelValue": $event => ($options.onEffectiveSelectChange(field, $event)),
-                                                      onSearch: $event => ($options.isAsyncEnum(field) ? $options.onAsyncSearch(field, $event) : undefined)
-                                                    }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                                                      (_ctx.$slots['field-' + field.key + '-option'])
-                                                        ? {
-                                                            name: "option",
-                                                            fn: withCtx((optionProps) => [
-                                                              renderSlot(_ctx.$slots, 'field-' + field.key + '-option', mergeProps({ ref_for: true }, optionProps))
-                                                            ]),
-                                                            key: "0"
-                                                          }
-                                                        : (!$options.isUserField(field))
-                                                          ? {
-                                                              name: "option",
-                                                              fn: withCtx((optionProps) => [
-                                                                createElementVNode("span", _hoisted_15, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
-                                                              ]),
-                                                              key: "1"
-                                                            }
-                                                          : undefined,
-                                                      (_ctx.$slots['field-' + field.key + '-selected-option'])
-                                                        ? {
-                                                            name: "selected-option",
-                                                            fn: withCtx((optionProps) => [
-                                                              renderSlot(_ctx.$slots, 'field-' + field.key + '-selected-option', mergeProps({ ref_for: true }, optionProps))
-                                                            ]),
-                                                            key: "2"
-                                                          }
-                                                        : undefined
-                                                    ]), 1064 /* PROPS, NEED_HYDRATION, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "labelOutside", "options", "modelValue", "clearable", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])), [
-                                                      [_directive_cn_select_aria, $options.fieldAria(field)]
-                                                    ]),
+                                                      type: "switch",
+                                                      "onUpdate:modelValue": value => $options.updateField(field.key, $options.switchValueFor(field, value))
+                                                    }, {
+                                                      default: withCtx(() => [
+                                                        createTextVNode(toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 1 /* TEXT */)
+                                                      ]),
+                                                      _: 2 /* DYNAMIC */
+                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
                                                     createVNode(_component_CnFieldHelper, {
                                                       id: $options.helpId(field),
                                                       text: field.description,
@@ -603,56 +562,66 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                       error: $options.helperError(field)
                                                     }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                   ]))
-                                                : (field.widget === 'multiselect' || field.widget === 'user-multiselect' || field.widget === 'group-multiselect')
-                                                  ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                                                      withDirectives((openBlock(), createBlock(_component_NcSelect, {
-                                                        inputId: 'cn-form-' + field.key,
-                                                        inputLabel: $options.fieldLabelText(field),
-                                                        labelOutside: _ctx.isBoardLook,
-                                                        options: $options.getEffectiveArrayOptions(field),
-                                                        modelValue: $options.getEffectiveSelectedArrayOptions(field),
-                                                        multiple: true,
-                                                        keepOpen: true,
-                                                        clearable: true,
-                                                        disabled: field.readOnly,
-                                                        loading: $options.isFieldLoading(field),
-                                                        filterable: !$options.isAsyncItemsEnum(field),
-                                                        "onUpdate:modelValue": $event => ($options.onEffectiveMultiSelectChange(field, $event)),
-                                                        onSearch: $event => ($options.isAsyncItemsEnum(field) ? $options.onAsyncSearch(field, $event) : undefined)
-                                                      }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                                                        (_ctx.$slots['field-' + field.key + '-option'])
-                                                          ? {
-                                                              name: "option",
-                                                              fn: withCtx((optionProps) => [
-                                                                renderSlot(_ctx.$slots, 'field-' + field.key + '-option', mergeProps({ ref_for: true }, optionProps))
-                                                              ]),
-                                                              key: "0"
-                                                            }
-                                                          : {
-                                                              name: "option",
-                                                              fn: withCtx((optionProps) => [
-                                                                createElementVNode("span", _hoisted_17, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
-                                                              ]),
-                                                              key: "1"
-                                                            },
-                                                        (_ctx.$slots['field-' + field.key + '-selected-option'])
-                                                          ? {
-                                                              name: "selected-option",
-                                                              fn: withCtx((optionProps) => [
-                                                                renderSlot(_ctx.$slots, 'field-' + field.key + '-selected-option', mergeProps({ ref_for: true }, optionProps))
-                                                              ]),
-                                                              key: "2"
-                                                            }
-                                                          : {
-                                                              name: "selected-option",
-                                                              fn: withCtx((optionProps) => [
-                                                                createElementVNode("span", _hoisted_18, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
-                                                              ]),
-                                                              key: "3"
-                                                            }
-                                                      ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "labelOutside", "options", "modelValue", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])), [
-                                                        [_directive_cn_select_aria, $options.fieldAria(field)]
-                                                      ]),
+                                                : (field.widget === 'select' || field.widget === 'user' || field.widget === 'group')
+                                                  ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                                                      (field.look === 'search' && !$options.isUserField(field))
+                                                        ? (openBlock(), createBlock(_component_CnSearchSelect, {
+                                                            key: 0,
+                                                            inputId: 'cn-form-' + field.key,
+                                                            inputLabel: $options.fieldLabelText(field),
+                                                            labelOutside: _ctx.isBoardLook,
+                                                            options: $options.searchSelectOptions(field),
+                                                            modelValue: $options.getEffectiveSelectedOption(field),
+                                                            clearable: !field.required,
+                                                            disabled: field.readOnly,
+                                                            loading: $options.isFieldLoading(field),
+                                                            filterable: !$options.isAsyncEnum(field),
+                                                            "onUpdate:modelValue": $event => ($options.onSearchSelectChange(field, $event)),
+                                                            onSearch: $event => ($options.isAsyncEnum(field) ? $options.onAsyncSearch(field, $event) : undefined)
+                                                          }, null, 8 /* PROPS */, ["inputId", "inputLabel", "labelOutside", "options", "modelValue", "clearable", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"]))
+                                                        : withDirectives((openBlock(), createBlock(resolveDynamicComponent($options.isUserField(field) ? 'NcSelectUsers' : 'NcSelect'), {
+                                                            key: 1,
+                                                            inputId: 'cn-form-' + field.key,
+                                                            inputLabel: $options.fieldLabelText(field),
+                                                            labelOutside: _ctx.isBoardLook,
+                                                            options: $options.getEffectiveOptions(field),
+                                                            modelValue: $options.getEffectiveSelectedOption(field),
+                                                            clearable: !field.required,
+                                                            disabled: field.readOnly,
+                                                            loading: $options.isFieldLoading(field),
+                                                            filterable: !$options.isAsyncEnum(field),
+                                                            "onUpdate:modelValue": $event => ($options.onEffectiveSelectChange(field, $event)),
+                                                            onSearch: $event => ($options.isAsyncEnum(field) ? $options.onAsyncSearch(field, $event) : undefined)
+                                                          }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                                                            (_ctx.$slots['field-' + field.key + '-option'])
+                                                              ? {
+                                                                  name: "option",
+                                                                  fn: withCtx((optionProps) => [
+                                                                    renderSlot(_ctx.$slots, 'field-' + field.key + '-option', mergeProps({ ref_for: true }, optionProps))
+                                                                  ]),
+                                                                  key: "0"
+                                                                }
+                                                              : (!$options.isUserField(field))
+                                                                ? {
+                                                                    name: "option",
+                                                                    fn: withCtx((optionProps) => [
+                                                                      createElementVNode("span", _hoisted_15, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                    ]),
+                                                                    key: "1"
+                                                                  }
+                                                                : undefined,
+                                                            (_ctx.$slots['field-' + field.key + '-selected-option'])
+                                                              ? {
+                                                                  name: "selected-option",
+                                                                  fn: withCtx((optionProps) => [
+                                                                    renderSlot(_ctx.$slots, 'field-' + field.key + '-selected-option', mergeProps({ ref_for: true }, optionProps))
+                                                                  ]),
+                                                                  key: "2"
+                                                                }
+                                                              : undefined
+                                                          ]), 1064 /* PROPS, NEED_HYDRATION, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "labelOutside", "options", "modelValue", "clearable", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])), [
+                                                            [_directive_cn_select_aria, $options.fieldAria(field)]
+                                                          ]),
                                                       createVNode(_component_CnFieldHelper, {
                                                         id: $options.helpId(field),
                                                         text: field.description,
@@ -662,23 +631,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         error: $options.helperError(field)
                                                       }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                     ]))
-                                                  : (field.widget === 'tags')
-                                                    ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                                                  : (field.widget === 'multiselect' || field.widget === 'user-multiselect' || field.widget === 'group-multiselect')
+                                                    ? (openBlock(), createElementBlock("div", _hoisted_16, [
                                                         withDirectives((openBlock(), createBlock(_component_NcSelect, {
                                                           inputId: 'cn-form-' + field.key,
                                                           inputLabel: $options.fieldLabelText(field),
                                                           labelOutside: _ctx.isBoardLook,
-                                                          modelValue: $data.formData[field.key] || [],
-                                                          options: $options.isFieldAsync(field) ? (($data.asyncState[field.key] && $data.asyncState[field.key].options) || []) : [],
+                                                          options: $options.getEffectiveArrayOptions(field),
+                                                          modelValue: $options.getEffectiveSelectedArrayOptions(field),
                                                           multiple: true,
                                                           keepOpen: true,
-                                                          taggable: true,
                                                           clearable: true,
                                                           disabled: field.readOnly,
                                                           loading: $options.isFieldLoading(field),
-                                                          filterable: !$options.isFieldAsync(field),
-                                                          "onUpdate:modelValue": $event => ($options.updateField(field.key, $event)),
-                                                          onSearch: $event => ($options.isFieldAsync(field) ? $options.onAsyncSearch(field, $event) : undefined)
+                                                          filterable: !$options.isAsyncItemsEnum(field),
+                                                          "onUpdate:modelValue": $event => ($options.onEffectiveMultiSelectChange(field, $event)),
+                                                          onSearch: $event => ($options.isAsyncItemsEnum(field) ? $options.onAsyncSearch(field, $event) : undefined)
                                                         }, createSlots({ _: 2 /* DYNAMIC */ }, [
                                                           (_ctx.$slots['field-' + field.key + '-option'])
                                                             ? {
@@ -691,7 +659,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             : {
                                                                 name: "option",
                                                                 fn: withCtx((optionProps) => [
-                                                                  createElementVNode("span", _hoisted_20, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                  createElementVNode("span", _hoisted_17, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                                 ]),
                                                                 key: "1"
                                                               },
@@ -706,11 +674,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             : {
                                                                 name: "selected-option",
                                                                 fn: withCtx((optionProps) => [
-                                                                  createElementVNode("span", _hoisted_21, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                  createElementVNode("span", _hoisted_18, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                                 ]),
                                                                 key: "3"
                                                               }
-                                                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "labelOutside", "modelValue", "options", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])), [
+                                                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "labelOutside", "options", "modelValue", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])), [
                                                           [_directive_cn_select_aria, $options.fieldAria(field)]
                                                         ]),
                                                         createVNode(_component_CnFieldHelper, {
@@ -722,19 +690,57 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           error: $options.helperError(field)
                                                         }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                       ]))
-                                                    : (field.widget === 'checkbox')
-                                                      ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                                                          createVNode(_component_NcCheckboxRadioSwitch, {
-                                                            modelValue: !!$data.formData[field.key],
+                                                    : (field.widget === 'tags')
+                                                      ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                                                          withDirectives((openBlock(), createBlock(_component_NcSelect, {
+                                                            inputId: 'cn-form-' + field.key,
+                                                            inputLabel: $options.fieldLabelText(field),
+                                                            labelOutside: _ctx.isBoardLook,
+                                                            modelValue: $data.formData[field.key] || [],
+                                                            options: $options.isFieldAsync(field) ? (($data.asyncState[field.key] && $data.asyncState[field.key].options) || []) : [],
+                                                            multiple: true,
+                                                            keepOpen: true,
+                                                            taggable: true,
+                                                            clearable: true,
                                                             disabled: field.readOnly,
-                                                            type: "switch",
-                                                            "onUpdate:modelValue": value => $options.updateField(field.key, value)
-                                                          }, {
-                                                            default: withCtx(() => [
-                                                              createTextVNode(toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 1 /* TEXT */)
-                                                            ]),
-                                                            _: 2 /* DYNAMIC */
-                                                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
+                                                            loading: $options.isFieldLoading(field),
+                                                            filterable: !$options.isFieldAsync(field),
+                                                            "onUpdate:modelValue": $event => ($options.updateField(field.key, $event)),
+                                                            onSearch: $event => ($options.isFieldAsync(field) ? $options.onAsyncSearch(field, $event) : undefined)
+                                                          }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                                                            (_ctx.$slots['field-' + field.key + '-option'])
+                                                              ? {
+                                                                  name: "option",
+                                                                  fn: withCtx((optionProps) => [
+                                                                    renderSlot(_ctx.$slots, 'field-' + field.key + '-option', mergeProps({ ref_for: true }, optionProps))
+                                                                  ]),
+                                                                  key: "0"
+                                                                }
+                                                              : {
+                                                                  name: "option",
+                                                                  fn: withCtx((optionProps) => [
+                                                                    createElementVNode("span", _hoisted_20, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                  ]),
+                                                                  key: "1"
+                                                                },
+                                                            (_ctx.$slots['field-' + field.key + '-selected-option'])
+                                                              ? {
+                                                                  name: "selected-option",
+                                                                  fn: withCtx((optionProps) => [
+                                                                    renderSlot(_ctx.$slots, 'field-' + field.key + '-selected-option', mergeProps({ ref_for: true }, optionProps))
+                                                                  ]),
+                                                                  key: "2"
+                                                                }
+                                                              : {
+                                                                  name: "selected-option",
+                                                                  fn: withCtx((optionProps) => [
+                                                                    createElementVNode("span", _hoisted_21, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                  ]),
+                                                                  key: "3"
+                                                                }
+                                                          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "labelOutside", "modelValue", "options", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])), [
+                                                            [_directive_cn_select_aria, $options.fieldAria(field)]
+                                                          ]),
                                                           createVNode(_component_CnFieldHelper, {
                                                             id: $options.helpId(field),
                                                             text: field.description,
@@ -744,24 +750,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             error: $options.helperError(field)
                                                           }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                         ]))
-                                                      : (field.widget === 'date' || field.widget === 'datetime')
-                                                        ? (openBlock(), createElementBlock("div", _hoisted_23, [
-                                                            (!$options.showsOuterLabel(field))
-                                                              ? (openBlock(), createElementBlock("label", {
-                                                                  key: 0,
-                                                                  for: 'cn-form-' + field.key,
-                                                                  class: "cn-form-dialog__label"
-                                                                }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_24))
-                                                              : createCommentVNode("v-if", true),
-                                                            createVNode(_component_NcDateTimePickerNative, {
-                                                              id: 'cn-form-' + field.key,
-                                                              type: field.widget === 'datetime' ? 'datetime-local' : 'date',
-                                                              label: field.label,
-                                                              hideLabel: true,
-                                                              modelValue: $options.dateValueFor(field),
+                                                      : (field.widget === 'checkbox')
+                                                        ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                                                            createVNode(_component_NcCheckboxRadioSwitch, {
+                                                              modelValue: !!$data.formData[field.key],
                                                               disabled: field.readOnly,
-                                                              "onUpdate:modelValue": date => $options.onDateFieldInput(field, date)
-                                                            }, null, 8 /* PROPS */, ["id", "type", "label", "modelValue", "disabled", "onUpdate:modelValue"]),
+                                                              type: "switch",
+                                                              "onUpdate:modelValue": value => $options.updateField(field.key, value)
+                                                            }, {
+                                                              default: withCtx(() => [
+                                                                createTextVNode(toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 1 /* TEXT */)
+                                                              ]),
+                                                              _: 2 /* DYNAMIC */
+                                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "disabled", "onUpdate:modelValue"]),
                                                             createVNode(_component_CnFieldHelper, {
                                                               id: $options.helpId(field),
                                                               text: field.description,
@@ -771,22 +772,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                               error: $options.helperError(field)
                                                             }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                           ]))
-                                                        : (field.widget === 'json')
-                                                          ? (openBlock(), createElementBlock("div", _hoisted_25, [
+                                                        : (field.widget === 'date' || field.widget === 'datetime')
+                                                          ? (openBlock(), createElementBlock("div", _hoisted_23, [
                                                               (!$options.showsOuterLabel(field))
                                                                 ? (openBlock(), createElementBlock("label", {
                                                                     key: 0,
                                                                     for: 'cn-form-' + field.key,
                                                                     class: "cn-form-dialog__label"
-                                                                  }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_26))
+                                                                  }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_24))
                                                                 : createCommentVNode("v-if", true),
-                                                              createVNode(_component_CnJsonViewer, {
-                                                                value: $options.jsonStringFor(field),
-                                                                language: "json",
-                                                                readOnly: field.readOnly,
-                                                                errorText: $data.jsonErrors[field.key] || '',
-                                                                "onUpdate:value": value => $options.onJsonFieldInput(field, value)
-                                                              }, null, 8 /* PROPS */, ["value", "readOnly", "errorText", "onUpdate:value"]),
+                                                              createVNode(_component_NcDateTimePickerNative, {
+                                                                id: 'cn-form-' + field.key,
+                                                                type: field.widget === 'datetime' ? 'datetime-local' : 'date',
+                                                                label: field.label,
+                                                                hideLabel: true,
+                                                                modelValue: $options.dateValueFor(field),
+                                                                disabled: field.readOnly,
+                                                                "onUpdate:modelValue": date => $options.onDateFieldInput(field, date)
+                                                              }, null, 8 /* PROPS */, ["id", "type", "label", "modelValue", "disabled", "onUpdate:modelValue"]),
                                                               createVNode(_component_CnFieldHelper, {
                                                                 id: $options.helpId(field),
                                                                 text: field.description,
@@ -796,21 +799,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                 error: $options.helperError(field)
                                                               }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                             ]))
-                                                          : (field.widget === 'code')
-                                                            ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                                                          : (field.widget === 'json')
+                                                            ? (openBlock(), createElementBlock("div", _hoisted_25, [
                                                                 (!$options.showsOuterLabel(field))
                                                                   ? (openBlock(), createElementBlock("label", {
                                                                       key: 0,
                                                                       for: 'cn-form-' + field.key,
                                                                       class: "cn-form-dialog__label"
-                                                                    }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_28))
+                                                                    }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_26))
                                                                   : createCommentVNode("v-if", true),
                                                                 createVNode(_component_CnJsonViewer, {
-                                                                  value: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
-                                                                  language: field.language || 'auto',
+                                                                  value: $options.jsonStringFor(field),
+                                                                  language: "json",
                                                                   readOnly: field.readOnly,
-                                                                  "onUpdate:value": value => $options.updateField(field.key, value)
-                                                                }, null, 8 /* PROPS */, ["value", "language", "readOnly", "onUpdate:value"]),
+                                                                  errorText: $data.jsonErrors[field.key] || '',
+                                                                  "onUpdate:value": value => $options.onJsonFieldInput(field, value)
+                                                                }, null, 8 /* PROPS */, ["value", "readOnly", "errorText", "onUpdate:value"]),
                                                                 createVNode(_component_CnFieldHelper, {
                                                                   id: $options.helpId(field),
                                                                   text: field.description,
@@ -820,75 +824,82 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                   error: $options.helperError(field)
                                                                 }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                               ]))
-                                                            : (field.widget === 'file')
-                                                              ? (openBlock(), createElementBlock("div", _hoisted_29, [
-                                                                  createVNode(_component_CnFileField, mergeProps({
-                                                                    modelValue: $data.formData[field.key],
-                                                                    label: $options.fieldLabelText(field),
-                                                                    accept: field.file ? field.file.accept : '',
-                                                                    multiple: !!(field.file && field.file.multiple),
-                                                                    capture: field.file ? field.file.capture : ''
-                                                                  }, { ref_for: true }, $options.fileLimits(field), {
-                                                                    disabled: field.readOnly,
-                                                                    helperText: $data.errors[field.key] || '',
-                                                                    "onUpdate:modelValue": value => $options.updateField(field.key, value)
-                                                                  }), null, 16 /* FULL_PROPS */, ["modelValue", "label", "accept", "multiple", "capture", "disabled", "helperText", "onUpdate:modelValue"]),
+                                                            : (field.widget === 'code')
+                                                              ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                                                                  (!$options.showsOuterLabel(field))
+                                                                    ? (openBlock(), createElementBlock("label", {
+                                                                        key: 0,
+                                                                        for: 'cn-form-' + field.key,
+                                                                        class: "cn-form-dialog__label"
+                                                                      }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_28))
+                                                                    : createCommentVNode("v-if", true),
+                                                                  createVNode(_component_CnJsonViewer, {
+                                                                    value: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
+                                                                    language: field.language || 'auto',
+                                                                    readOnly: field.readOnly,
+                                                                    "onUpdate:value": value => $options.updateField(field.key, value)
+                                                                  }, null, 8 /* PROPS */, ["value", "language", "readOnly", "onUpdate:value"]),
                                                                   createVNode(_component_CnFieldHelper, {
+                                                                    id: $options.helpId(field),
                                                                     text: field.description,
                                                                     more: field.descriptionLong,
                                                                     help: field.help,
-                                                                    label: field.label
-                                                                  }, null, 8 /* PROPS */, ["text", "more", "help", "label"])
+                                                                    label: field.label,
+                                                                    error: $options.helperError(field)
+                                                                  }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                 ]))
-                                                              : (field.widget === 'duration')
-                                                                ? (openBlock(), createElementBlock("div", _hoisted_30, [
-                                                                    createVNode(_component_CnDurationField, {
-                                                                      modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
-                                                                      inputLabel: $options.fieldLabelText(field),
+                                                              : (field.widget === 'file')
+                                                                ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                                                                    createVNode(_component_CnFileField, mergeProps({
+                                                                      modelValue: $data.formData[field.key],
+                                                                      label: $options.fieldLabelText(field),
+                                                                      accept: field.file ? field.file.accept : '',
+                                                                      multiple: !!(field.file && field.file.multiple),
+                                                                      capture: field.file ? field.file.capture : ''
+                                                                    }, { ref_for: true }, $options.fileLimits(field), {
                                                                       disabled: field.readOnly,
-                                                                      error: !!$data.errors[field.key],
+                                                                      helperText: $data.errors[field.key] || '',
                                                                       "onUpdate:modelValue": value => $options.updateField(field.key, value)
-                                                                    }, null, 8 /* PROPS */, ["modelValue", "inputLabel", "disabled", "error", "onUpdate:modelValue"]),
+                                                                    }), null, 16 /* FULL_PROPS */, ["modelValue", "label", "accept", "multiple", "capture", "disabled", "helperText", "onUpdate:modelValue"]),
                                                                     createVNode(_component_CnFieldHelper, {
-                                                                      id: $options.helpId(field),
                                                                       text: field.description,
                                                                       more: field.descriptionLong,
                                                                       help: field.help,
-                                                                      label: field.label,
-                                                                      error: $options.helperError(field)
-                                                                    }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
+                                                                      label: field.label
+                                                                    }, null, 8 /* PROPS */, ["text", "more", "help", "label"])
                                                                   ]))
-                                                                : (field.widget === 'child-records' && field.childRecords)
-                                                                  ? (openBlock(), createElementBlock("div", _hoisted_31, [
-                                                                      createVNode(_component_CnChildRecordsField, {
-                                                                        modelValue: Array.isArray($data.formData[field.key]) ? $data.formData[field.key] : [],
-                                                                        config: field.childRecords,
-                                                                        register: $props.register,
-                                                                        parentId: $props.item ? ($props.item.id || $props.item.uuid || '') : '',
+                                                                : (field.widget === 'duration')
+                                                                  ? (openBlock(), createElementBlock("div", _hoisted_30, [
+                                                                      createVNode(_component_CnDurationField, {
+                                                                        modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
                                                                         inputLabel: $options.fieldLabelText(field),
                                                                         disabled: field.readOnly,
-                                                                        error: $data.errors[field.key] || '',
-                                                                        "onUpdate:modelValue": value => $options.updateField(field.key, value),
-                                                                        onLoaded: rows => { $data.childOriginals[field.key] = rows; },
-                                                                        onValidity: problems => { $data.childProblems[field.key] = problems; }
-                                                                      }, null, 8 /* PROPS */, ["modelValue", "config", "register", "parentId", "inputLabel", "disabled", "error", "onUpdate:modelValue", "onLoaded", "onValidity"]),
+                                                                        error: !!$data.errors[field.key],
+                                                                        "onUpdate:modelValue": value => $options.updateField(field.key, value)
+                                                                      }, null, 8 /* PROPS */, ["modelValue", "inputLabel", "disabled", "error", "onUpdate:modelValue"]),
                                                                       createVNode(_component_CnFieldHelper, {
+                                                                        id: $options.helpId(field),
                                                                         text: field.description,
                                                                         more: field.descriptionLong,
                                                                         help: field.help,
-                                                                        label: field.label
-                                                                      }, null, 8 /* PROPS */, ["text", "more", "help", "label"])
+                                                                        label: field.label,
+                                                                        error: $options.helperError(field)
+                                                                      }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
                                                                     ]))
-                                                                  : (field.widget === 'sub-objects' && field.items)
-                                                                    ? (openBlock(), createElementBlock("div", _hoisted_32, [
-                                                                        createVNode(_component_CnSubObjectsField, {
+                                                                  : (field.widget === 'child-records' && field.childRecords)
+                                                                    ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                                                                        createVNode(_component_CnChildRecordsField, {
                                                                           modelValue: Array.isArray($data.formData[field.key]) ? $data.formData[field.key] : [],
-                                                                          items: field.items,
+                                                                          config: field.childRecords,
+                                                                          register: $props.register,
+                                                                          parentId: $props.item ? ($props.item.id || $props.item.uuid || '') : '',
                                                                           inputLabel: $options.fieldLabelText(field),
                                                                           disabled: field.readOnly,
                                                                           error: $data.errors[field.key] || '',
-                                                                          "onUpdate:modelValue": value => $options.updateField(field.key, value)
-                                                                        }, null, 8 /* PROPS */, ["modelValue", "items", "inputLabel", "disabled", "error", "onUpdate:modelValue"]),
+                                                                          "onUpdate:modelValue": value => $options.updateField(field.key, value),
+                                                                          onLoaded: rows => { $data.childOriginals[field.key] = rows; },
+                                                                          onValidity: problems => { $data.childProblems[field.key] = problems; }
+                                                                        }, null, 8 /* PROPS */, ["modelValue", "config", "register", "parentId", "inputLabel", "disabled", "error", "onUpdate:modelValue", "onLoaded", "onValidity"]),
                                                                         createVNode(_component_CnFieldHelper, {
                                                                           text: field.description,
                                                                           more: field.descriptionLong,
@@ -896,66 +907,36 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                           label: field.label
                                                                         }, null, 8 /* PROPS */, ["text", "more", "help", "label"])
                                                                       ]))
-                                                                    : (field.widget === 'property-source' && field.propertySource)
-                                                                      ? (openBlock(), createElementBlock("div", _hoisted_33, [
-                                                                          createVNode(_component_CnPropertySourceField, {
-                                                                            provider: field.propertySource.provider,
-                                                                            mode: field.propertySource.mode,
-                                                                            inputId: 'cn-form-' + field.key,
+                                                                    : (field.widget === 'sub-objects' && field.items)
+                                                                      ? (openBlock(), createElementBlock("div", _hoisted_32, [
+                                                                          createVNode(_component_CnSubObjectsField, {
+                                                                            modelValue: Array.isArray($data.formData[field.key]) ? $data.formData[field.key] : [],
+                                                                            items: field.items,
                                                                             inputLabel: $options.fieldLabelText(field),
-                                                                            modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
                                                                             disabled: field.readOnly,
-                                                                            error: !!$data.errors[field.key],
-                                                                            "onUpdate:modelValue": value => $options.updateField(field.key, value),
-                                                                            onResolved: payload => $options.onPropertySourceResolved(field, payload)
-                                                                          }, null, 8 /* PROPS */, ["provider", "mode", "inputId", "inputLabel", "modelValue", "disabled", "error", "onUpdate:modelValue", "onResolved"]),
+                                                                            error: $data.errors[field.key] || '',
+                                                                            "onUpdate:modelValue": value => $options.updateField(field.key, value)
+                                                                          }, null, 8 /* PROPS */, ["modelValue", "items", "inputLabel", "disabled", "error", "onUpdate:modelValue"]),
                                                                           createVNode(_component_CnFieldHelper, {
-                                                                            id: $options.helpId(field),
                                                                             text: field.description,
                                                                             more: field.descriptionLong,
                                                                             help: field.help,
-                                                                            label: field.label,
-                                                                            error: $options.helperError(field)
-                                                                          }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
+                                                                            label: field.label
+                                                                          }, null, 8 /* PROPS */, ["text", "more", "help", "label"])
                                                                         ]))
-                                                                      : (field.widget === 'icon')
-                                                                        ? (openBlock(), createElementBlock("div", _hoisted_34, [
-                                                                            (!$options.showsOuterLabel(field))
-                                                                              ? (openBlock(), createElementBlock("label", {
-                                                                                  key: 0,
-                                                                                  for: 'cn-form-' + field.key,
-                                                                                  class: "cn-form-dialog__label"
-                                                                                }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_35))
-                                                                              : createCommentVNode("v-if", true),
-                                                                            createVNode(_component_CnIconBrowser, {
-                                                                              value: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
-                                                                              sources: field.iconSources || ['mdi'],
-                                                                              catalogues: field.catalogues || {},
-                                                                              allowCustomSvg: !!field.allowCustomSvg,
-                                                                              clearable: !field.required,
-                                                                              onInput: value => $options.updateField(field.key, value)
-                                                                            }, null, 8 /* PROPS */, ["value", "sources", "catalogues", "allowCustomSvg", "clearable", "onInput"]),
-                                                                            createVNode(_component_CnFieldHelper, {
-                                                                              id: $options.helpId(field),
-                                                                              text: field.description,
-                                                                              more: field.descriptionLong,
-                                                                              help: field.help,
-                                                                              label: field.label,
-                                                                              error: $options.helperError(field)
-                                                                            }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
-                                                                          ]))
-                                                                        : (openBlock(), createElementBlock(Fragment, { key: 18 }, [
-                                                                            createVNode(_component_NcTextField, mergeProps({
-                                                                              id: $options.fieldControlId(field),
-                                                                              label: $options.fieldLabelText(field),
-                                                                              labelOutside: _ctx.isBoardLook
-                                                                            }, { ref_for: true }, $options.fieldAria(field), {
+                                                                      : (field.widget === 'property-source' && field.propertySource)
+                                                                        ? (openBlock(), createElementBlock("div", _hoisted_33, [
+                                                                            createVNode(_component_CnPropertySourceField, {
+                                                                              provider: field.propertySource.provider,
+                                                                              mode: field.propertySource.mode,
+                                                                              inputId: 'cn-form-' + field.key,
+                                                                              inputLabel: $options.fieldLabelText(field),
                                                                               modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
-                                                                              error: !!$data.errors[field.key],
                                                                               disabled: field.readOnly,
-                                                                              placeholder: $options.fieldPlaceholder(field),
-                                                                              "onUpdate:modelValue": value => $options.updateField(field.key, value)
-                                                                            }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "error", "disabled", "placeholder", "onUpdate:modelValue"]),
+                                                                              error: !!$data.errors[field.key],
+                                                                              "onUpdate:modelValue": value => $options.updateField(field.key, value),
+                                                                              onResolved: payload => $options.onPropertySourceResolved(field, payload)
+                                                                            }, null, 8 /* PROPS */, ["provider", "mode", "inputId", "inputLabel", "modelValue", "disabled", "error", "onUpdate:modelValue", "onResolved"]),
                                                                             createVNode(_component_CnFieldHelper, {
                                                                               id: $options.helpId(field),
                                                                               text: field.description,
@@ -964,11 +945,58 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                               label: field.label,
                                                                               error: $options.helperError(field)
                                                                             }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
-                                                                          ], 64 /* STABLE_FRAGMENT */)),
-                                    ($data.assignedFrom[field.key])
-                                      ? (openBlock(), createElementBlock("small", _hoisted_36, toDisplayString(_ctx.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
-                                      : createCommentVNode("v-if", true)
-                                  ], 64 /* STABLE_FRAGMENT */))
+                                                                          ]))
+                                                                        : (field.widget === 'icon')
+                                                                          ? (openBlock(), createElementBlock("div", _hoisted_34, [
+                                                                              (!$options.showsOuterLabel(field))
+                                                                                ? (openBlock(), createElementBlock("label", {
+                                                                                    key: 0,
+                                                                                    for: 'cn-form-' + field.key,
+                                                                                    class: "cn-form-dialog__label"
+                                                                                  }, toDisplayString(field.label) + toDisplayString($options.requiredSuffix(field)), 9 /* TEXT, PROPS */, _hoisted_35))
+                                                                                : createCommentVNode("v-if", true),
+                                                                              createVNode(_component_CnIconBrowser, {
+                                                                                value: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
+                                                                                sources: field.iconSources || ['mdi'],
+                                                                                catalogues: field.catalogues || {},
+                                                                                allowCustomSvg: !!field.allowCustomSvg,
+                                                                                clearable: !field.required,
+                                                                                onInput: value => $options.updateField(field.key, value)
+                                                                              }, null, 8 /* PROPS */, ["value", "sources", "catalogues", "allowCustomSvg", "clearable", "onInput"]),
+                                                                              createVNode(_component_CnFieldHelper, {
+                                                                                id: $options.helpId(field),
+                                                                                text: field.description,
+                                                                                more: field.descriptionLong,
+                                                                                help: field.help,
+                                                                                label: field.label,
+                                                                                error: $options.helperError(field)
+                                                                              }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
+                                                                            ]))
+                                                                          : (openBlock(), createElementBlock(Fragment, { key: 18 }, [
+                                                                              createVNode(_component_NcTextField, mergeProps({
+                                                                                id: $options.fieldControlId(field),
+                                                                                label: $options.fieldLabelText(field),
+                                                                                labelOutside: _ctx.isBoardLook
+                                                                              }, { ref_for: true }, $options.fieldAria(field), {
+                                                                                modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
+                                                                                error: !!$data.errors[field.key],
+                                                                                disabled: field.readOnly,
+                                                                                placeholder: $options.fieldPlaceholder(field),
+                                                                                "onUpdate:modelValue": value => $options.updateField(field.key, value)
+                                                                              }), null, 16 /* FULL_PROPS */, ["id", "label", "labelOutside", "modelValue", "error", "disabled", "placeholder", "onUpdate:modelValue"]),
+                                                                              createVNode(_component_CnFieldHelper, {
+                                                                                id: $options.helpId(field),
+                                                                                text: field.description,
+                                                                                more: field.descriptionLong,
+                                                                                help: field.help,
+                                                                                label: field.label,
+                                                                                error: $options.helperError(field)
+                                                                              }, null, 8 /* PROPS */, ["id", "text", "more", "help", "label", "error"])
+                                                                            ], 64 /* STABLE_FRAGMENT */)),
+                                      ($data.assignedFrom[field.key])
+                                        ? (openBlock(), createElementBlock("small", _hoisted_36, toDisplayString(_ctx.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
+                                        : createCommentVNode("v-if", true)
+                                    ], 64 /* STABLE_FRAGMENT */))
                       ], 10 /* CLASS, PROPS */, _hoisted_6)
                     ], 64 /* STABLE_FRAGMENT */))
                   }), 128 /* KEYED_FRAGMENT */)),