@conduction/nextcloud-vue 2.79.0 → 2.81.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, toDisplayString, withCtx, createTextVNode, createElementVNode, createVNode, withModifiers, Fragment, renderList, normalizeClass, withDirectives, resolveDynamicComponent, mergeProps, toHandlers, createSlots } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, toDisplayString, withCtx, createTextVNode, createElementVNode, createVNode, withModifiers, withDirectives, vModelText, Fragment, renderList, normalizeClass, resolveDynamicComponent, mergeProps, toHandlers, createSlots } from 'vue';
 
 const _hoisted_1 = ["data-mode"];
 const _hoisted_2 = {
@@ -12,64 +12,71 @@ const _hoisted_3 = {
 const _hoisted_4 = { class: "cn-form-page__draft-actions" };
 const _hoisted_5 = {
   key: 0,
+  class: "cn-form-page__honeypot",
+  "aria-hidden": "true"
+};
+const _hoisted_6 = ["for"];
+const _hoisted_7 = ["id", "name"];
+const _hoisted_8 = {
+  key: 1,
   class: "cn-form-page__smart-paste"
 };
-const _hoisted_6 = {
+const _hoisted_9 = {
   class: "cn-form-page__smart-paste-notice",
   "aria-live": "polite",
   "data-testid": "cn-form-page-smart-paste-notice"
 };
-const _hoisted_7 = ["aria-label"];
-const _hoisted_8 = { class: "cn-form-page__steps" };
-const _hoisted_9 = ["aria-current"];
-const _hoisted_10 = {
+const _hoisted_10 = ["aria-label"];
+const _hoisted_11 = { class: "cn-form-page__steps" };
+const _hoisted_12 = ["aria-current"];
+const _hoisted_13 = {
   key: 0,
   class: "cn-form-page__step-check",
   "aria-hidden": "true"
 };
-const _hoisted_11 = {
-  key: 4,
+const _hoisted_14 = {
+  key: 5,
   class: "cn-form-page__step-description"
 };
-const _hoisted_12 = {
-  key: 5,
+const _hoisted_15 = {
+  key: 6,
   class: "cn-form-page__optional-notice",
   "data-testid": "cn-form-page-optional-notice"
 };
-const _hoisted_13 = ["data-field-key", "aria-describedby"];
-const _hoisted_14 = ["id"];
-const _hoisted_15 = {
+const _hoisted_16 = ["data-field-key", "aria-describedby"];
+const _hoisted_17 = ["id"];
+const _hoisted_18 = {
   key: 2,
   class: "cn-form-page__suggested",
   "data-testid": "cn-form-page-suggested"
 };
-const _hoisted_16 = { class: "cn-form-page__suggested-tag" };
-const _hoisted_17 = ["id"];
-const _hoisted_18 = {
+const _hoisted_19 = { class: "cn-form-page__suggested-tag" };
+const _hoisted_20 = ["id"];
+const _hoisted_21 = {
   key: 4,
   class: "cn-form-page__field-assigned",
   "aria-live": "polite",
   "data-testid": "cn-form-page-assigned"
 };
-const _hoisted_19 = {
+const _hoisted_22 = {
   key: 5,
   class: "cn-form-page__field-calculating",
   role: "status",
   "data-testid": "cn-form-page-calculating"
 };
-const _hoisted_20 = {
+const _hoisted_23 = {
   key: 6,
   class: "cn-form-page__field-error",
   role: "alert",
   "data-testid": "cn-form-page-calc-error"
 };
-const _hoisted_21 = {
-  key: 6,
+const _hoisted_24 = {
+  key: 7,
   class: "cn-form-page__error"
 };
-const _hoisted_22 = { id: "cn-form-page-unmet-list" };
-const _hoisted_23 = {
-  key: 8,
+const _hoisted_25 = { id: "cn-form-page-unmet-list" };
+const _hoisted_26 = {
+  key: 9,
   class: "cn-form-page__draft-state",
   "aria-live": "polite",
   "data-testid": "cn-form-page-draft-state"
@@ -150,14 +157,32 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ? (openBlock(), createElementBlock("form", {
           key: 3,
           class: "cn-form-page__form",
-          onSubmit: _cache[1] || (_cache[1] = withModifiers((...args) => ($options.submit && $options.submit(...args)), ["prevent"]))
+          onSubmit: _cache[2] || (_cache[2] = withModifiers((...args) => ($options.submit && $options.submit(...args)), ["prevent"]))
         }, [
-          ($data.smartPasteAvailable)
+          ($props.honeypot)
             ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("label", {
+                  for: `cn-form-page-hp-${$props.honeypot}`
+                }, toDisplayString($options.t('nextcloud-vue', 'Leave this field empty')), 9 /* TEXT, PROPS */, _hoisted_6),
+                withDirectives(createElementVNode("input", {
+                  id: `cn-form-page-hp-${$props.honeypot}`,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.honeypotValue) = $event)),
+                  name: $props.honeypot,
+                  type: "text",
+                  tabindex: "-1",
+                  autocomplete: "off",
+                  "data-testid": "cn-form-page-honeypot"
+                }, null, 8 /* PROPS */, _hoisted_7), [
+                  [vModelText, $data.honeypotValue]
+                ])
+              ]))
+            : createCommentVNode("v-if", true),
+          ($data.smartPasteAvailable)
+            ? (openBlock(), createElementBlock("div", _hoisted_8, [
                 createVNode(_component_NcButton, {
                   type: "button",
                   "data-testid": "cn-form-page-smart-paste",
-                  onClick: _cache[0] || (_cache[0] = $event => ($data.smartPasteOpen = true))
+                  onClick: _cache[1] || (_cache[1] = $event => ($data.smartPasteOpen = true))
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Paste to fill')), 1 /* TEXT */)
@@ -180,10 +205,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   : createCommentVNode("v-if", true)
               ]))
             : createCommentVNode("v-if", true),
-          createElementVNode("p", _hoisted_6, toDisplayString($data.smartPasteNotice), 1 /* TEXT */),
+          createElementVNode("p", _hoisted_9, toDisplayString($data.smartPasteNotice), 1 /* TEXT */),
           ($options.isBoardLook && $options.summaryItems.length > 0)
             ? (openBlock(), createBlock(_component_CnFormErrorSummary, {
-                key: 1,
+                key: 2,
                 ref: "errorSummary",
                 errors: $options.summaryItems,
                 onFocusField: $options.focusField
@@ -191,7 +216,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : createCommentVNode("v-if", true),
           ($options.hasSteps && $options.isBoardLook)
             ? (openBlock(), createBlock(_component_CnStepper, {
-                key: 2,
+                key: 3,
                 steps: $options.boardSteps,
                 currentIndex: $data.currentStepIndex,
                 look: "board",
@@ -200,11 +225,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : createCommentVNode("v-if", true),
           ($options.hasSteps && !$options.isBoardLook)
             ? (openBlock(), createElementBlock("nav", {
-                key: 3,
+                key: 4,
                 "aria-label": $options.t('nextcloud-vue', 'Form steps'),
                 class: "cn-form-page__steps-nav"
               }, [
-                createElementVNode("ol", _hoisted_8, [
+                createElementVNode("ol", _hoisted_11, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList($props.steps, (step, index) => {
                     return (openBlock(), createElementBlock("li", {
                       key: step.id,
@@ -215,19 +240,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       "aria-current": index === $data.currentStepIndex ? 'step' : null
                     }, [
                       (index < $data.currentStepIndex)
-                        ? (openBlock(), createElementBlock("span", _hoisted_10, "✓"))
+                        ? (openBlock(), createElementBlock("span", _hoisted_13, "✓"))
                         : createCommentVNode("v-if", true),
                       createTextVNode(" " + toDisplayString($options.resolveLabel(step.title)), 1 /* TEXT */)
-                    ], 10 /* CLASS, PROPS */, _hoisted_9))
+                    ], 10 /* CLASS, PROPS */, _hoisted_12))
                   }), 128 /* KEYED_FRAGMENT */))
                 ])
-              ], 8 /* PROPS */, _hoisted_7))
+              ], 8 /* PROPS */, _hoisted_10))
             : createCommentVNode("v-if", true),
           ($options.hasSteps && $options.currentStepDescription)
-            ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString($options.resolveLabel($options.currentStepDescription)), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("p", _hoisted_14, toDisplayString($options.resolveLabel($options.currentStepDescription)), 1 /* TEXT */))
             : createCommentVNode("v-if", true),
           ($options.showsOptionalNotice)
-            ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString($props.optionalNoticeLabel), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString($props.optionalNoticeLabel), 1 /* TEXT */))
             : createCommentVNode("v-if", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.visibleCurrentStepFields, (field) => {
             return (openBlock(), createElementBlock("div", {
@@ -282,11 +307,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     id: `cn-form-page__field-error-${field.key}`,
                     class: "cn-form-page__field-error",
                     role: "alert"
-                  }, toDisplayString($data.fieldErrors[field.key]), 9 /* TEXT, PROPS */, _hoisted_14))
+                  }, toDisplayString($data.fieldErrors[field.key]), 9 /* TEXT, PROPS */, _hoisted_17))
                 : createCommentVNode("v-if", true),
               ($data.suggestions[field.key])
-                ? (openBlock(), createElementBlock("span", _hoisted_15, [
-                    createElementVNode("span", _hoisted_16, toDisplayString($options.t('nextcloud-vue', 'Suggested')), 1 /* TEXT */),
+                ? (openBlock(), createElementBlock("span", _hoisted_18, [
+                    createElementVNode("span", _hoisted_19, toDisplayString($options.t('nextcloud-vue', 'Suggested')), 1 /* TEXT */),
                     createVNode(_component_NcButton, {
                       type: "button",
                       variant: "tertiary",
@@ -305,31 +330,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     key: 3,
                     id: $options.helpIdFor(field),
                     class: "cn-form-page__field-help"
-                  }, toDisplayString($options.resolveLabel(field.help)), 9 /* TEXT, PROPS */, _hoisted_17))
+                  }, toDisplayString($options.resolveLabel(field.help)), 9 /* TEXT, PROPS */, _hoisted_20))
                 : createCommentVNode("v-if", true),
               ($data.assignedFrom[field.key])
-                ? (openBlock(), createElementBlock("small", _hoisted_18, toDisplayString($options.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("small", _hoisted_21, toDisplayString($options.t('nextcloud-vue', 'Filled in from {field}', { field: $data.assignedFrom[field.key] })), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               ($data.calculating[field.key])
-                ? (openBlock(), createElementBlock("small", _hoisted_19, toDisplayString($options.t('nextcloud-vue', 'Calculating')), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("small", _hoisted_22, toDisplayString($options.t('nextcloud-vue', 'Calculating')), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               ($data.calcErrors[field.key])
-                ? (openBlock(), createElementBlock("small", _hoisted_20, toDisplayString($data.calcErrors[field.key]), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("small", _hoisted_23, toDisplayString($data.calcErrors[field.key]), 1 /* TEXT */))
                 : createCommentVNode("v-if", true)
-            ], 10 /* CLASS, PROPS */, _hoisted_13))
+            ], 10 /* CLASS, PROPS */, _hoisted_16))
           }), 128 /* KEYED_FRAGMENT */)),
           ($data.lastError)
-            ? (openBlock(), createElementBlock("p", _hoisted_21, toDisplayString($data.lastError), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("p", _hoisted_24, toDisplayString($data.lastError), 1 /* TEXT */))
             : createCommentVNode("v-if", true),
           ($props.unmetConditions.length > 0)
             ? (openBlock(), createBlock(_component_NcNoteCard, {
-                key: 7,
+                key: 8,
                 type: "warning",
                 class: "cn-form-page__unmet",
                 "data-testid": "cn-form-page-unmet"
               }, {
                 default: withCtx(() => [
-                  createElementVNode("ul", _hoisted_22, [
+                  createElementVNode("ul", _hoisted_25, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList($props.unmetConditions, (condition, index) => {
                       return (openBlock(), createElementBlock("li", { key: index }, toDisplayString(condition.message), 1 /* TEXT */))
                     }), 128 /* KEYED_FRAGMENT */))
@@ -439,7 +464,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("v-if", true)
           ], 2 /* CLASS */),
           ($props.recoverDraft)
-            ? (openBlock(), createElementBlock("p", _hoisted_23, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("p", _hoisted_26, toDisplayString($options.draftIndicatorLabel), 1 /* TEXT */))
             : createCommentVNode("v-if", true)
         ], 32 /* NEED_HYDRATION */))
       : createCommentVNode("v-if", true),
@@ -450,7 +475,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           busy: $data.smartPasteBusy,
           error: $data.smartPasteError,
           onFill: $options.onSmartPasteFill,
-          onClose: _cache[2] || (_cache[2] = $event => ($data.smartPasteOpen = false))
+          onClose: _cache[3] || (_cache[3] = $event => ($data.smartPasteOpen = false))
         }, null, 8 /* PROPS */, ["hint", "busy", "error", "onFill"]))
       : createCommentVNode("v-if", true)
   ], 8 /* PROPS */, _hoisted_1))