@conduction/nextcloud-vue 2.69.0 → 2.71.0

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

@@ -28,44 +28,49 @@ const _hoisted_10 = {
   key: 5,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_11 = {
+const _hoisted_11 = { class: "cn-form-dialog__option" };
+const _hoisted_12 = {
   key: 6,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_12 = {
+const _hoisted_13 = { class: "cn-form-dialog__option" };
+const _hoisted_14 = { class: "cn-form-dialog__option" };
+const _hoisted_15 = {
   key: 7,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_13 = {
+const _hoisted_16 = { class: "cn-form-dialog__option" };
+const _hoisted_17 = { class: "cn-form-dialog__option" };
+const _hoisted_18 = {
   key: 8,
   class: "cn-form-dialog__switch-wrapper"
 };
-const _hoisted_14 = {
+const _hoisted_19 = {
   key: 9,
   class: "cn-form-dialog__select-wrapper"
 };
-const _hoisted_15 = ["for"];
-const _hoisted_16 = {
+const _hoisted_20 = ["for"];
+const _hoisted_21 = {
   key: 10,
   class: "cn-form-dialog__json-wrapper"
 };
-const _hoisted_17 = ["for"];
-const _hoisted_18 = {
+const _hoisted_22 = ["for"];
+const _hoisted_23 = {
   key: 11,
   class: "cn-form-dialog__json-wrapper"
 };
-const _hoisted_19 = ["for"];
-const _hoisted_20 = {
+const _hoisted_24 = ["for"];
+const _hoisted_25 = {
   key: 12,
   class: "cn-form-dialog__icon-wrapper"
 };
-const _hoisted_21 = ["for"];
-const _hoisted_22 = {
+const _hoisted_26 = ["for"];
+const _hoisted_27 = {
   key: 0,
   class: "cn-form-dialog__dynamic-loading",
   "data-testid": "cn-form-dialog-dynamic-loading"
 };
-const _hoisted_23 = {
+const _hoisted_28 = {
   class: "cn-form-dialog__draft-state",
   "aria-live": "polite",
   "data-testid": "cn-form-dialog-draft-state"
@@ -95,7 +100,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClosing: _cache[1] || (_cache[1] = $event => (_ctx.$emit('close')))
   }, {
     actions: withCtx(() => [
-      createElementVNode("span", _hoisted_23, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */),
+      createElementVNode("span", _hoisted_28, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */),
       createVNode(_component_NcButton, {
         onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('close')))
       }, {
@@ -388,14 +393,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         ]),
                                                         key: "0"
                                                       }
-                                                    : undefined,
+                                                    : (!$options.isUserField(field))
+                                                      ? {
+                                                          name: "option",
+                                                          fn: withCtx((optionProps) => [
+                                                            createElementVNode("span", _hoisted_11, 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: "1"
+                                                        key: "2"
                                                       }
                                                     : undefined
                                                 ]), 1064 /* PROPS, NEED_HYDRATION, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "options", "modelValue", "clearable", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"])),
@@ -406,7 +419,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                 }, null, 8 /* PROPS */, ["text", "more", "error"])
                                               ]))
                                             : (field.widget === 'multiselect' || field.widget === 'user-multiselect' || field.widget === 'group-multiselect')
-                                              ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                                              ? (openBlock(), createElementBlock("div", _hoisted_12, [
                                                   createVNode(_component_NcSelect, {
                                                     inputId: 'cn-form-' + field.key,
                                                     inputLabel: field.label + (field.required ? ' *' : ''),
@@ -429,16 +442,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           ]),
                                                           key: "0"
                                                         }
-                                                      : undefined,
+                                                      : {
+                                                          name: "option",
+                                                          fn: withCtx((optionProps) => [
+                                                            createElementVNode("span", _hoisted_13, 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: "1"
+                                                          key: "2"
+                                                        }
+                                                      : {
+                                                          name: "selected-option",
+                                                          fn: withCtx((optionProps) => [
+                                                            createElementVNode("span", _hoisted_14, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                          ]),
+                                                          key: "3"
                                                         }
-                                                      : undefined
                                                   ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "options", "modelValue", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"]),
                                                   createVNode(_component_CnFieldHelper, {
                                                     text: field.description,
@@ -447,7 +472,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                 ]))
                                               : (field.widget === 'tags')
-                                                ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                                                ? (openBlock(), createElementBlock("div", _hoisted_15, [
                                                     createVNode(_component_NcSelect, {
                                                       inputId: 'cn-form-' + field.key,
                                                       inputLabel: field.label + (field.required ? ' *' : ''),
@@ -471,16 +496,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             ]),
                                                             key: "0"
                                                           }
-                                                        : undefined,
+                                                        : {
+                                                            name: "option",
+                                                            fn: withCtx((optionProps) => [
+                                                              createElementVNode("span", _hoisted_16, 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: "1"
+                                                            key: "2"
+                                                          }
+                                                        : {
+                                                            name: "selected-option",
+                                                            fn: withCtx((optionProps) => [
+                                                              createElementVNode("span", _hoisted_17, toDisplayString($options.optionText(optionProps)), 1 /* TEXT */)
+                                                            ]),
+                                                            key: "3"
                                                           }
-                                                        : undefined
                                                     ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["inputId", "inputLabel", "modelValue", "options", "disabled", "loading", "filterable", "onUpdate:modelValue", "onSearch"]),
                                                     createVNode(_component_CnFieldHelper, {
                                                       text: field.description,
@@ -489,7 +526,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                   ]))
                                                 : (field.widget === 'checkbox')
-                                                  ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                                                  ? (openBlock(), createElementBlock("div", _hoisted_18, [
                                                       createVNode(_component_NcCheckboxRadioSwitch, {
                                                         modelValue: !!$data.formData[field.key],
                                                         disabled: field.readOnly,
@@ -508,11 +545,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                       }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                     ]))
                                                   : (field.widget === 'date' || field.widget === 'datetime')
-                                                    ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                                                    ? (openBlock(), createElementBlock("div", _hoisted_19, [
                                                         createElementVNode("label", {
                                                           for: 'cn-form-' + field.key,
                                                           class: "cn-form-dialog__label"
-                                                        }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_15),
+                                                        }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_20),
                                                         createVNode(_component_NcDateTimePickerNative, {
                                                           id: 'cn-form-' + field.key,
                                                           type: field.widget === 'datetime' ? 'datetime-local' : 'date',
@@ -529,11 +566,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                       ]))
                                                     : (field.widget === 'json')
-                                                      ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                                                      ? (openBlock(), createElementBlock("div", _hoisted_21, [
                                                           createElementVNode("label", {
                                                             for: 'cn-form-' + field.key,
                                                             class: "cn-form-dialog__label"
-                                                          }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_17),
+                                                          }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_22),
                                                           createVNode(_component_CnJsonViewer, {
                                                             value: $options.jsonStringFor(field),
                                                             language: "json",
@@ -548,11 +585,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                         ]))
                                                       : (field.widget === 'code')
-                                                        ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                                                        ? (openBlock(), createElementBlock("div", _hoisted_23, [
                                                             createElementVNode("label", {
                                                               for: 'cn-form-' + field.key,
                                                               class: "cn-form-dialog__label"
-                                                            }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_19),
+                                                            }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_24),
                                                             createVNode(_component_CnJsonViewer, {
                                                               value: $data.formData[field.key] != null ? String($data.formData[field.key]) : '',
                                                               language: field.language || 'auto',
@@ -566,11 +603,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                             }, null, 8 /* PROPS */, ["text", "more", "error"])
                                                           ]))
                                                         : (field.widget === 'icon')
-                                                          ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                                                          ? (openBlock(), createElementBlock("div", _hoisted_25, [
                                                               createElementVNode("label", {
                                                                 for: 'cn-form-' + field.key,
                                                                 class: "cn-form-dialog__label"
-                                                              }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_21),
+                                                              }, toDisplayString(field.label) + toDisplayString(field.required ? ' *' : ''), 9 /* TEXT, PROPS */, _hoisted_26),
                                                               createVNode(_component_CnIconBrowser, {
                                                                 value: $data.formData[field.key] != null ? String($data.formData[field.key]) : null,
                                                                 sources: field.iconSources || ['mdi'],
@@ -604,7 +641,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ], 10 /* CLASS, PROPS */, _hoisted_3))
                   }), 128 /* KEYED_FRAGMENT */)),
                   ($data.dynamicLoading)
-                    ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_27, [
                         createVNode(_component_NcLoadingIcon, { size: 20 }),
                         createElementVNode("span", null, toDisplayString($props.dynamicLoadingLabel), 1 /* TEXT */)
                       ]))