@conduction/nextcloud-vue 2.91.0 → 2.93.0

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

@@ -15,109 +15,114 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = ["max", "value"];
 const _hoisted_4 = { class: "cn-form-dialog__draft-actions" };
-const _hoisted_5 = ["data-cn-field"];
-const _hoisted_6 = ["title"];
-const _hoisted_7 = {
+const _hoisted_5 = {
+  key: 0,
+  class: "cn-form-dialog__section",
+  "data-testid": "cn-form-dialog-section"
+};
+const _hoisted_6 = ["data-cn-field"];
+const _hoisted_7 = ["title"];
+const _hoisted_8 = {
   key: 4,
   class: "cn-form-dialog__coded-fallback"
 };
-const _hoisted_8 = {
+const _hoisted_9 = {
   key: 2,
   class: "cn-form-dialog__textarea-wrapper"
 };
-const _hoisted_9 = ["for"];
-const _hoisted_10 = ["id", "value", "disabled", "placeholder", "onInput"];
-const _hoisted_11 = {
+const _hoisted_10 = ["for"];
+const _hoisted_11 = ["id", "value", "disabled", "placeholder", "onInput"];
+const _hoisted_12 = {
   key: 3,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_12 = {
+const _hoisted_13 = {
   key: 4,
   class: "cn-form-dialog__switch-wrapper"
 };
-const _hoisted_13 = {
+const _hoisted_14 = {
   key: 5,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_14 = { class: "cn-form-dialog__option" };
-const _hoisted_15 = {
+const _hoisted_15 = { class: "cn-form-dialog__option" };
+const _hoisted_16 = {
   key: 6,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_16 = { class: "cn-form-dialog__option" };
 const _hoisted_17 = { class: "cn-form-dialog__option" };
-const _hoisted_18 = {
+const _hoisted_18 = { class: "cn-form-dialog__option" };
+const _hoisted_19 = {
   key: 7,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_19 = { class: "cn-form-dialog__option" };
 const _hoisted_20 = { class: "cn-form-dialog__option" };
-const _hoisted_21 = {
+const _hoisted_21 = { class: "cn-form-dialog__option" };
+const _hoisted_22 = {
   key: 8,
   class: "cn-form-dialog__switch-wrapper"
 };
-const _hoisted_22 = {
+const _hoisted_23 = {
   key: 9,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_23 = ["for"];
-const _hoisted_24 = {
+const _hoisted_24 = ["for"];
+const _hoisted_25 = {
   key: 10,
   class: "cn-form-dialog__json-wrapper"
 };
-const _hoisted_25 = ["for"];
-const _hoisted_26 = {
+const _hoisted_26 = ["for"];
+const _hoisted_27 = {
   key: 11,
   class: "cn-form-dialog__json-wrapper"
 };
-const _hoisted_27 = ["for"];
-const _hoisted_28 = {
+const _hoisted_28 = ["for"];
+const _hoisted_29 = {
   key: 12,
   class: "cn-form-dialog__file-wrapper"
 };
-const _hoisted_29 = {
+const _hoisted_30 = {
   key: 13,
   class: "cn-form-dialog__duration-wrapper"
 };
-const _hoisted_30 = {
+const _hoisted_31 = {
   key: 14,
   class: "cn-form-dialog__child-records-wrapper"
 };
-const _hoisted_31 = {
+const _hoisted_32 = {
   key: 15,
   class: "cn-form-dialog__sub-objects-wrapper"
 };
-const _hoisted_32 = {
+const _hoisted_33 = {
   key: 16,
   class: "cn-form-dialog__property-source-wrapper"
 };
-const _hoisted_33 = {
+const _hoisted_34 = {
   key: 17,
   class: "cn-form-dialog__icon-wrapper"
 };
-const _hoisted_34 = ["for"];
-const _hoisted_35 = {
+const _hoisted_35 = ["for"];
+const _hoisted_36 = {
   key: 19,
   class: "cn-form-dialog__assigned",
   "aria-live": "polite",
   "data-testid": "cn-form-dialog-assigned"
 };
-const _hoisted_36 = {
+const _hoisted_37 = {
   key: 0,
   class: "cn-form-dialog__dynamic-loading",
   "data-testid": "cn-form-dialog-dynamic-loading"
 };
-const _hoisted_37 = {
+const _hoisted_38 = {
   key: 0,
   class: "cn-dialog__tertiary",
   "data-testid": "cn-dialog-tertiary"
 };
-const _hoisted_38 = {
+const _hoisted_39 = {
   class: "cn-form-dialog__draft-state",
   "aria-live": "polite",
   "data-testid": "cn-form-dialog-draft-state"
 };
-const _hoisted_39 = {
+const _hoisted_40 = {
   key: 1,
   class: "cn-form-dialog__draft-state",
   "aria-live": "polite",
@@ -144,6 +149,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_CnFormDialog = resolveComponent("CnFormDialog", true);
   const _component_CnReplaceValuesDialog = resolveComponent("CnReplaceValuesDialog");
+  const _component_CnIcon = resolveComponent("CnIcon");
   const _component_Plus = resolveComponent("Plus");
   const _component_ContentSaveOutline = resolveComponent("ContentSaveOutline");
   const _component_CnDialog = resolveComponent("CnDialog");
@@ -162,7 +168,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     actions: withCtx(() => [
       (_ctx.isBoardLook)
-        ? (openBlock(), createElementBlock("span", _hoisted_37, [
+        ? (openBlock(), createElementBlock("span", _hoisted_38, [
             ($data.result === null && $options.canSaveDraft)
               ? (openBlock(), createBlock(_component_NcButton, {
                   key: 0,
@@ -177,9 +183,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   _: 1 /* STABLE */
                 }, 8 /* PROPS */, ["disabled", "onClick"]))
               : createCommentVNode("v-if", true),
-            createElementVNode("span", _hoisted_38, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */)
+            createElementVNode("span", _hoisted_39, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */)
           ]))
-        : (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */)),
+        : (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */)),
       createVNode(_component_NcButton, {
         onClick: _cache[2] || (_cache[2] = $event => (_ctx.$emit('close')))
       }, {
@@ -214,15 +220,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     key: 0,
                     size: 20
                   }))
-                : ($options.isCreateMode)
-                  ? (openBlock(), createBlock(_component_Plus, {
+                : ($props.confirmIcon)
+                  ? (openBlock(), createBlock(_component_CnIcon, {
                       key: 1,
-                      size: 20
-                    }))
-                  : (openBlock(), createBlock(_component_ContentSaveOutline, {
-                      key: 2,
-                      size: 20
-                    }))
+                      name: $props.confirmIcon,
+                      size: 20,
+                      "data-testid": "cn-form-dialog-confirm-icon"
+                    }, null, 8 /* PROPS */, ["name"]))
+                  : ($options.isCreateMode)
+                    ? (openBlock(), createBlock(_component_Plus, {
+                        key: 2,
+                        size: 20
+                      }))
+                    : (openBlock(), createBlock(_component_ContentSaveOutline, {
+                        key: 3,
+                        size: 20
+                      }))
             ]),
             default: withCtx(() => [
               createTextVNode(" " + toDisplayString($options.resolvedConfirmLabel), 1 /* TEXT */)
@@ -343,97 +356,79 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                   renderSlot(_ctx.$slots, "before-fields"),
                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.visibleFields, (field) => {
-                    return (openBlock(), createElementBlock("div", {
-                      key: field.key,
-                      "data-cn-field": field.key,
-                      class: normalizeClass(["cn-form-dialog__field", {
-						'cn-form-dialog__field--wide': $options.fieldSpansBothColumns(field),
-						'cn-form-field--half': _ctx.isBoardLook && field.width === 'half',
-						'cn-form-field--invalid': _ctx.isBoardLook && !!$data.errors[field.key],
-					}])
+                    return (openBlock(), createElementBlock(Fragment, {
+                      key: field.key
                     }, [
-                      ($options.showsOuterLabel(field))
-                        ? (openBlock(), createBlock(_component_CnFormField, {
-                            key: 0,
-                            controlId: 'cn-form-' + field.key,
-                            text: field.label,
-                            optional: !field.required,
-                            optionalLabel: $props.optionalLabel,
-                            error: $data.errors[field.key] || '',
-                            errorId: $options.errorIdFor(field)
-                          }, null, 8 /* PROPS */, ["controlId", "text", "optional", "optionalLabel", "error", "errorId"]))
+                      ($options.sectionStarts[field.key])
+                        ? (openBlock(), createElementBlock("h3", _hoisted_5, toDisplayString($options.sectionStarts[field.key]), 1 /* TEXT */))
                         : createCommentVNode("v-if", true),
-                      (_ctx.$slots['field-' + field.key])
-                        ? renderSlot(_ctx.$slots, 'field-' + field.key, {
-                            field: field,
-                            value: $data.formData[field.key],
-                            error: $data.errors[field.key],
-                            updateField: $options.updateField
-                          }, undefined, undefined, 1)
-                        : ($options.resolveReferenceWidget(field))
-                          ? (openBlock(), createBlock(resolveDynamicComponent($options.resolveReferenceWidget(field)), mergeProps({
-                              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", {
-                                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_6))
-                            : (field.codeList && $data.codedFailed[field.key])
-                              ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                      createElementVNode("div", {
+                        "data-cn-field": field.key,
+                        class: normalizeClass(["cn-form-dialog__field", {
+							'cn-form-dialog__field--wide': $options.fieldSpansBothColumns(field),
+							'cn-form-field--half': _ctx.isBoardLook && field.width === 'half',
+							'cn-form-field--invalid': _ctx.isBoardLook && !!$data.errors[field.key],
+						}])
+                      }, [
+                        ($options.showsOuterLabel(field))
+                          ? (openBlock(), createBlock(_component_CnFormField, {
+                              key: 0,
+                              controlId: 'cn-form-' + field.key,
+                              text: field.label,
+                              optional: !field.required,
+                              optionalLabel: $props.optionalLabel,
+                              error: $data.errors[field.key] || '',
+                              errorId: $options.errorIdFor(field)
+                            }, null, 8 /* PROPS */, ["controlId", "text", "optional", "optionalLabel", "error", "errorId"]))
+                          : createCommentVNode("v-if", true),
+                        (_ctx.$slots['field-' + field.key])
+                          ? renderSlot(_ctx.$slots, 'field-' + field.key, {
+                              field: field,
+                              value: $data.formData[field.key],
+                              error: $data.errors[field.key],
+                              updateField: $options.updateField
+                            }, undefined, undefined, 1)
+                          : ($options.resolveReferenceWidget(field))
+                            ? (openBlock(), createBlock(resolveDynamicComponent($options.resolveReferenceWidget(field)), mergeProps({
+                                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", {
+                                  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: $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: 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),
@@ -441,11 +436,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,
@@ -455,25 +450,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_8, [
-                                            (!$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_9))
-                                              : 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_10),
+                                              "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,
@@ -482,25 +472,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_11, [
-                                              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,
@@ -510,19 +501,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')
+                                          : (($options.isReferenceField(field) || $options.isReferenceArrayField(field)) && field.allowCreate)
                                             ? (openBlock(), createElementBlock("div", _hoisted_12, [
-                                                createVNode(_component_NcCheckboxRadioSwitch, {
-                                                  modelValue: $options.isSwitchOn(field),
+                                                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,
@@ -532,50 +528,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')
+                                            : (field.widget === 'switch')
                                               ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                                                  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,
+                                                  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_14, 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,
@@ -585,22 +550,20 @@ 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_15, [
-                                                    withDirectives((openBlock(), createBlock(_component_NcSelect, {
+                                              : (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.getEffectiveArrayOptions(field),
-                                                      modelValue: $options.getEffectiveSelectedArrayOptions(field),
-                                                      multiple: true,
-                                                      keepOpen: true,
-                                                      clearable: true,
+                                                      options: $options.getEffectiveOptions(field),
+                                                      modelValue: $options.getEffectiveSelectedOption(field),
+                                                      clearable: !field.required,
                                                       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)
+                                                      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'])
                                                         ? {
@@ -610,13 +573,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             ]),
                                                             key: "0"
                                                           }
-                                                        : {
-                                                            name: "option",
-                                                            fn: withCtx((optionProps) => [
-                                                              createElementVNode("span", _hoisted_16, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
-                                                            ]),
-                                                            key: "1"
-                                                          },
+                                                        : (!$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",
@@ -625,14 +590,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             ]),
                                                             key: "2"
                                                           }
-                                                        : {
-                                                            name: "selected-option",
-                                                            fn: withCtx((optionProps) => [
-                                                              createElementVNode("span", _hoisted_17, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
-                                                            ]),
-                                                            key: "3"
-                                                          }
-                                                    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "labelOutside", "options", "modelValue", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])), [
+                                                        : 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, {
@@ -644,23 +603,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_18, [
+                                                : (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'])
                                                           ? {
@@ -673,7 +631,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           : {
                                                               name: "option",
                                                               fn: withCtx((optionProps) => [
-                                                                createElementVNode("span", _hoisted_19, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                                createElementVNode("span", _hoisted_17, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
                                                               ]),
                                                               key: "1"
                                                             },
@@ -688,11 +646,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           : {
                                                               name: "selected-option",
                                                               fn: withCtx((optionProps) => [
-                                                                createElementVNode("span", _hoisted_20, 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, {
@@ -704,19 +662,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_21, [
-                                                        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,
@@ -726,24 +722,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')
+                                                    : (field.widget === 'checkbox')
                                                       ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                                                          (!$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_23))
-                                                            : 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),
+                                                          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,
@@ -753,22 +744,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_24, [
+                                                      : (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_25))
+                                                                }, 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,
@@ -778,21 +771,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_26, [
+                                                        : (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_27))
+                                                                  }, 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,
@@ -802,75 +796,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_28, [
-                                                                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')
+                                                            : (field.widget === 'file')
                                                               ? (openBlock(), createElementBlock("div", _hoisted_29, [
-                                                                  createVNode(_component_CnDurationField, {
-                                                                    modelValue: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
-                                                                    inputLabel: $options.fieldLabelText(field),
+                                                                  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)
+                                                              : (field.widget === 'duration')
                                                                 ? (openBlock(), createElementBlock("div", _hoisted_30, [
-                                                                    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 || '') : '',
+                                                                    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)
+                                                                : (field.widget === 'child-records' && field.childRecords)
                                                                   ? (openBlock(), createElementBlock("div", _hoisted_31, [
-                                                                      createVNode(_component_CnSubObjectsField, {
+                                                                      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,
@@ -878,66 +879,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)
+                                                                  : (field.widget === 'sub-objects' && field.items)
                                                                     ? (openBlock(), createElementBlock("div", _hoisted_32, [
-                                                                        createVNode(_component_CnPropertySourceField, {
-                                                                          provider: field.propertySource.provider,
-                                                                          mode: field.propertySource.mode,
-                                                                          inputId: 'cn-form-' + field.key,
+                                                                        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')
+                                                                    : (field.widget === 'property-source' && field.propertySource)
                                                                       ? (openBlock(), createElementBlock("div", _hoisted_33, [
-                                                                          (!$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_34))
-                                                                            : 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), {
+                                                                          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,
@@ -946,15 +917,63 @@ 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_35, 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_5))
+                                                                        ]))
+                                                                      : (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 */)),
                   ($data.dynamicLoading)
-                    ? (openBlock(), createElementBlock("div", _hoisted_36, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_37, [
                         createVNode(_component_NcLoadingIcon, { size: 20 }),
                         createElementVNode("span", null, toDisplayString($props.dynamicLoadingLabel), 1 /* TEXT */)
                       ]))