@conduction/nextcloud-vue 2.143.0 → 2.144.0

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

@@ -17,79 +17,81 @@ const _hoisted_4 = {
   class: "cn-tasks-widget__table",
   "data-testid": "cn-tasks-widget-table"
 };
-const _hoisted_5 = { scope: "col" };
-const _hoisted_6 = { scope: "col" };
-const _hoisted_7 = { scope: "col" };
+const _hoisted_5 = ["aria-sort", "data-testid"];
+const _hoisted_6 = {
+  key: 0,
+  class: "cn-tasks-widget__head"
+};
+const _hoisted_7 = ["data-testid", "onClick"];
 const _hoisted_8 = { scope: "col" };
-const _hoisted_9 = { scope: "col" };
-const _hoisted_10 = { class: "hidden-visually" };
-const _hoisted_11 = ["data-state", "data-testid"];
-const _hoisted_12 = { class: "cn-tasks-widget__cell-task" };
-const _hoisted_13 = { class: "cn-tasks-widget__body" };
-const _hoisted_14 = ["aria-expanded", "data-testid", "onClick"];
-const _hoisted_15 = ["onClick", "onAuxclick"];
-const _hoisted_16 = {
+const _hoisted_9 = { class: "hidden-visually" };
+const _hoisted_10 = ["data-state", "data-testid"];
+const _hoisted_11 = { class: "cn-tasks-widget__cell-task" };
+const _hoisted_12 = { class: "cn-tasks-widget__body" };
+const _hoisted_13 = ["aria-expanded", "data-testid", "onClick"];
+const _hoisted_14 = ["onClick", "onAuxclick"];
+const _hoisted_15 = {
   key: 2,
   class: "cn-tasks-widget__meta"
 };
-const _hoisted_17 = { class: "cn-tasks-widget__cell-handler" };
-const _hoisted_18 = {
+const _hoisted_16 = { class: "cn-tasks-widget__cell-handler" };
+const _hoisted_17 = {
   key: 0,
   class: "cn-tasks-widget__handler"
 };
-const _hoisted_19 = {
+const _hoisted_18 = {
   key: 1,
   class: "cn-tasks-widget__meta"
 };
-const _hoisted_20 = {
+const _hoisted_19 = {
   key: 0,
   class: "hidden-visually"
 };
-const _hoisted_21 = { class: "cn-tasks-widget__cell-actions" };
-const _hoisted_22 = {
+const _hoisted_20 = { class: "cn-tasks-widget__cell-actions" };
+const _hoisted_21 = {
   key: 1,
   class: "cn-tasks-widget__empty",
   "data-testid": "cn-tasks-widget-empty"
 };
-const _hoisted_23 = {
+const _hoisted_22 = {
   key: 2,
   class: "cn-tasks-widget__others",
   "data-testid": "cn-tasks-widget-others"
 };
-const _hoisted_24 = { class: "cn-tasks-widget__others-title" };
-const _hoisted_25 = { class: "cn-tasks-widget__others-list" };
-const _hoisted_26 = ["data-testid"];
-const _hoisted_27 = { class: "cn-tasks-widget__body" };
-const _hoisted_28 = {
+const _hoisted_23 = { class: "cn-tasks-widget__others-title" };
+const _hoisted_24 = { class: "cn-tasks-widget__others-list" };
+const _hoisted_25 = ["data-testid"];
+const _hoisted_26 = { class: "cn-tasks-widget__body" };
+const _hoisted_27 = {
   key: 1,
   class: "cn-tasks-widget__name"
 };
-const _hoisted_29 = { class: "cn-tasks-widget__meta" };
-const _hoisted_30 = { class: "cn-tasks-widget__others-actions" };
-const _hoisted_31 = {
+const _hoisted_28 = { class: "cn-tasks-widget__meta" };
+const _hoisted_29 = { class: "cn-tasks-widget__others-actions" };
+const _hoisted_30 = {
   key: 4,
   class: "cn-tasks-widget__empty"
 };
-const _hoisted_32 = {
+const _hoisted_31 = {
   key: 0,
   class: "cn-tasks-widget__count"
 };
-const _hoisted_33 = { class: "cn-tasks-widget__list" };
-const _hoisted_34 = ["data-state", "onClick", "onAuxclick"];
-const _hoisted_35 = ["checked", "disabled", "aria-label", "onChange"];
-const _hoisted_36 = {
+const _hoisted_32 = { class: "cn-tasks-widget__list" };
+const _hoisted_33 = ["data-state", "onClick", "onAuxclick"];
+const _hoisted_34 = ["checked", "disabled", "aria-label", "onChange"];
+const _hoisted_35 = {
   key: 1,
   class: "cn-tasks-widget__check-spacer",
   "aria-hidden": "true"
 };
-const _hoisted_37 = { class: "cn-tasks-widget__body" };
-const _hoisted_38 = { class: "cn-tasks-widget__name" };
-const _hoisted_39 = { class: "cn-tasks-widget__meta cn-tasks-widget__meta--split" };
-const _hoisted_40 = { class: "cn-tasks-widget__subject" };
-const _hoisted_41 = { class: "cn-tasks-widget__body" };
-const _hoisted_42 = { class: "cn-tasks-widget__name" };
-const _hoisted_43 = { class: "cn-tasks-widget__meta" };
-const _hoisted_44 = {
+const _hoisted_36 = { class: "cn-tasks-widget__body" };
+const _hoisted_37 = { class: "cn-tasks-widget__name" };
+const _hoisted_38 = { class: "cn-tasks-widget__meta cn-tasks-widget__meta--split" };
+const _hoisted_39 = { class: "cn-tasks-widget__subject" };
+const _hoisted_40 = { class: "cn-tasks-widget__body" };
+const _hoisted_41 = { class: "cn-tasks-widget__name" };
+const _hoisted_42 = { class: "cn-tasks-widget__meta" };
+const _hoisted_43 = {
   key: 1,
   class: "cn-tasks-widget__more"
 };
@@ -98,12 +100,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_NcTextField = resolveComponent("NcTextField");
   const _component_NcButton = resolveComponent("NcButton");
+  const _component_ChevronUp = resolveComponent("ChevronUp");
+  const _component_ChevronDown = resolveComponent("ChevronDown");
+  const _component_FilterOutline = resolveComponent("FilterOutline");
+  const _component_NcActionCheckbox = resolveComponent("NcActionCheckbox");
+  const _component_NcActions = resolveComponent("NcActions");
   const _component_CheckCircle = resolveComponent("CheckCircle");
   const _component_CircleOutline = resolveComponent("CircleOutline");
   const _component_NcAvatar = resolveComponent("NcAvatar");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_NcActionButton = resolveComponent("NcActionButton");
-  const _component_NcActions = resolveComponent("NcActions");
   const _component_router_link = resolveComponent("router-link");
   const _component_CnTaskWorkCard = resolveComponent("CnTaskWorkCard");
   const _component_CnTaskFormDialog = resolveComponent("CnTaskFormDialog");
@@ -157,12 +163,72 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 : (openBlock(), createElementBlock("table", _hoisted_4, [
                     createElementVNode("thead", null, [
                       createElementVNode("tr", null, [
-                        createElementVNode("th", _hoisted_5, toDisplayString($options.tr('Task')), 1 /* TEXT */),
-                        createElementVNode("th", _hoisted_6, toDisplayString($options.tr('Handler')), 1 /* TEXT */),
-                        createElementVNode("th", _hoisted_7, toDisplayString($options.tr('Task deadline')), 1 /* TEXT */),
-                        createElementVNode("th", _hoisted_8, toDisplayString($options.tr('Status')), 1 /* TEXT */),
-                        createElementVNode("th", _hoisted_9, [
-                          createElementVNode("span", _hoisted_10, toDisplayString($options.tr('Task actions')), 1 /* TEXT */)
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($options.headColumns, (column) => {
+                          return (openBlock(), createElementBlock("th", {
+                            key: column.key,
+                            scope: "col",
+                            "aria-sort": $data.headSort.key === column.key ? ($data.headSort.dir === 'asc' ? 'ascending' : 'descending') : null,
+                            "data-testid": `cn-tasks-widget-head-${column.key}`
+                          }, [
+                            ($props.content.sortable === true || $props.content.filterable === true)
+                              ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                                  ($props.content.sortable === true)
+                                    ? (openBlock(), createElementBlock("button", {
+                                        key: 0,
+                                        type: "button",
+                                        class: "cn-tasks-widget__head-sort",
+                                        "data-testid": `cn-tasks-widget-sort-${column.key}`,
+                                        onClick: $event => ($options.sortBy(column.key))
+                                      }, [
+                                        createTextVNode(toDisplayString(column.label) + " ", 1 /* TEXT */),
+                                        ($data.headSort.key === column.key && $data.headSort.dir === 'asc')
+                                          ? (openBlock(), createBlock(_component_ChevronUp, {
+                                              key: 0,
+                                              size: 14
+                                            }))
+                                          : (openBlock(), createBlock(_component_ChevronDown, {
+                                              key: 1,
+                                              size: 14
+                                            }))
+                                      ], 8 /* PROPS */, _hoisted_7))
+                                    : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                        createTextVNode(toDisplayString(column.label), 1 /* TEXT */)
+                                      ], 64 /* STABLE_FRAGMENT */)),
+                                  ($props.content.filterable === true)
+                                    ? (openBlock(), createBlock(_component_NcActions, {
+                                        key: 2,
+                                        class: "cn-tasks-widget__head-filter",
+                                        "aria-label": $options.tr('Filter by {column}').replace('{column}', column.label),
+                                        "data-testid": `cn-tasks-widget-filter-${column.key}`
+                                      }, {
+                                        icon: withCtx(() => [
+                                          createVNode(_component_FilterOutline, { size: 14 })
+                                        ]),
+                                        default: withCtx(() => [
+                                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.headOptions(column.key), (option) => {
+                                            return (openBlock(), createBlock(_component_NcActionCheckbox, {
+                                              key: option.value,
+                                              modelValue: ($data.headFilters[column.key] || []).includes(option.value),
+                                              "onUpdate:modelValue": $event => ($options.toggleHeadFilter(column.key, option.value))
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode(toDisplayString(option.label), 1 /* TEXT */)
+                                              ]),
+                                              _: 2 /* DYNAMIC */
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                                          }), 128 /* KEYED_FRAGMENT */))
+                                        ]),
+                                        _: 2 /* DYNAMIC */
+                                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label", "data-testid"]))
+                                    : createCommentVNode("v-if", true)
+                                ]))
+                              : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                  createTextVNode(toDisplayString(column.label), 1 /* TEXT */)
+                                ], 64 /* STABLE_FRAGMENT */))
+                          ], 8 /* PROPS */, _hoisted_5))
+                        }), 128 /* KEYED_FRAGMENT */)),
+                        createElementVNode("th", _hoisted_8, [
+                          createElementVNode("span", _hoisted_9, toDisplayString($options.tr('Task actions')), 1 /* TEXT */)
                         ])
                       ])
                     ]),
@@ -174,7 +240,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           "data-state": task.state,
                           "data-testid": `cn-tasks-widget-row-${task.uuid}`
                         }, [
-                          createElementVNode("td", _hoisted_12, [
+                          createElementVNode("td", _hoisted_11, [
                             (task.isTerminal === true)
                               ? (openBlock(), createBlock(_component_CheckCircle, {
                                   key: 0,
@@ -186,7 +252,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   size: 20,
                                   class: "cn-tasks-widget__state-icon"
                                 })),
-                            createElementVNode("span", _hoisted_13, [
+                            createElementVNode("span", _hoisted_12, [
                               ($options.expandRows)
                                 ? (openBlock(), createElementBlock("button", {
                                     key: 0,
@@ -195,22 +261,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     "aria-expanded": task.uuid === $data.expandedId ? 'true' : 'false',
                                     "data-testid": `cn-tasks-widget-expand-${task.uuid}`,
                                     onClick: $event => ($options.toggleExpanded(task))
-                                  }, toDisplayString($options.titleOf(task)), 9 /* TEXT, PROPS */, _hoisted_14))
+                                  }, toDisplayString($options.titleOf(task)), 9 /* TEXT, PROPS */, _hoisted_13))
                                 : (openBlock(), createElementBlock("button", {
                                     key: 1,
                                     type: "button",
                                     class: "cn-tasks-widget__name",
                                     onClick: $event => ($options.onRowClick(task, $event)),
                                     onAuxclick: $event => ($options.onRowAuxClick(task, $event))
-                                  }, toDisplayString($options.titleOf(task)), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_15)),
+                                  }, toDisplayString($options.titleOf(task)), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_14)),
                               ($options.tableMeta(task))
-                                ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString($options.tableMeta(task)), 1 /* TEXT */))
+                                ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString($options.tableMeta(task)), 1 /* TEXT */))
                                 : createCommentVNode("v-if", true)
                             ])
                           ]),
-                          createElementVNode("td", _hoisted_17, [
+                          createElementVNode("td", _hoisted_16, [
                             (task.assignee)
-                              ? (openBlock(), createElementBlock("span", _hoisted_18, [
+                              ? (openBlock(), createElementBlock("span", _hoisted_17, [
                                   createVNode(_component_NcAvatar, {
                                     user: String(task.assignee),
                                     displayName: $options.handlerName(task),
@@ -219,7 +285,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   }, null, 8 /* PROPS */, ["user", "displayName"]),
                                   createTextVNode(" " + toDisplayString($options.handlerName(task)), 1 /* TEXT */)
                                 ]))
-                              : (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString($options.tr('Unassigned')), 1 /* TEXT */))
+                              : (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString($options.tr('Unassigned')), 1 /* TEXT */))
                           ]),
                           createElementVNode("td", {
                             class: normalizeClass(["cn-tasks-widget__cell-due", { 'cn-tasks-widget__due--overdue': task.overdue === true && task.isTerminal !== true }])
@@ -228,7 +294,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                                   createTextVNode(toDisplayString($options.dueDate(task)) + " ", 1 /* TEXT */),
                                   (task.overdue === true && task.isTerminal !== true)
-                                    ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString($options.tr('Overdue')), 1 /* TEXT */))
+                                    ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString($options.tr('Overdue')), 1 /* TEXT */))
                                     : createCommentVNode("v-if", true)
                                 ], 64 /* STABLE_FRAGMENT */))
                               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -243,7 +309,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               colorKey: String(task.state || '')
                             }, null, 8 /* PROPS */, ["label", "variant", "colorMap", "colorKey"])
                           ]),
-                          createElementVNode("td", _hoisted_21, [
+                          createElementVNode("td", _hoisted_20, [
                             ($options.canClaim(task))
                               ? (openBlock(), createBlock(_component_NcButton, {
                                   key: 0,
@@ -308,7 +374,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"]))
                               : createCommentVNode("v-if", true)
                           ])
-                        ], 10 /* CLASS, PROPS */, _hoisted_11))
+                        ], 10 /* CLASS, PROPS */, _hoisted_10))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ])),
@@ -361,18 +427,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       onComplete: _cache[9] || (_cache[9] = $event => ($options.completeInPlace($options.focusTask))),
                       onCancel: _cache[10] || (_cache[10] = $event => ($options.cancel($options.focusTask)))
                     }, null, 8 /* PROPS */, ["task", "values", "claimable", "claimAvailable", "cancelable", "busy", "openRoute", "tr"]))
-                  : (openBlock(), createElementBlock("p", _hoisted_22, toDisplayString($options.emptyLabel), 1 /* TEXT */)),
+                  : (openBlock(), createElementBlock("p", _hoisted_21, toDisplayString($options.emptyLabel), 1 /* TEXT */)),
                 ($options.otherOpenTasks.length > 0)
-                  ? (openBlock(), createElementBlock("div", _hoisted_23, [
-                      createElementVNode("h5", _hoisted_24, toDisplayString($options.tr('Other open tasks')), 1 /* TEXT */),
-                      createElementVNode("ul", _hoisted_25, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                      createElementVNode("h5", _hoisted_23, toDisplayString($options.tr('Other open tasks')), 1 /* TEXT */),
+                      createElementVNode("ul", _hoisted_24, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList($options.otherOpenTasks, (task) => {
                           return (openBlock(), createElementBlock("li", {
                             key: task.uuid,
                             class: "cn-tasks-widget__others-row",
                             "data-testid": `cn-tasks-widget-other-${task.uuid}`
                           }, [
-                            createElementVNode("span", _hoisted_27, [
+                            createElementVNode("span", _hoisted_26, [
                               ($options.openRouteFor(task) && _ctx.$router)
                                 ? (openBlock(), createBlock(_component_router_link, {
                                     key: 0,
@@ -384,10 +450,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     ]),
                                     _: 2 /* DYNAMIC */
                                   }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                : (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString($options.titleOf(task)), 1 /* TEXT */)),
-                              createElementVNode("span", _hoisted_29, toDisplayString($options.dueLabel(task) || $options.tr('No due date')), 1 /* TEXT */)
+                                : (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString($options.titleOf(task)), 1 /* TEXT */)),
+                              createElementVNode("span", _hoisted_28, toDisplayString($options.dueLabel(task) || $options.tr('No due date')), 1 /* TEXT */)
                             ]),
-                            createElementVNode("span", _hoisted_30, [
+                            createElementVNode("span", _hoisted_29, [
                               ($options.canClaim(task))
                                 ? (openBlock(), createBlock(_component_NcButton, {
                                     key: 0,
@@ -428,7 +494,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   }, 8 /* PROPS */, ["disabled", "data-testid", "onClick"]))
                                 : createCommentVNode("v-if", true)
                             ])
-                          ], 8 /* PROPS */, _hoisted_26))
+                          ], 8 /* PROPS */, _hoisted_25))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])
                     ]))
@@ -448,12 +514,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   : createCommentVNode("v-if", true)
               ], 64 /* STABLE_FRAGMENT */))
             : ($options.rows.length === 0)
-              ? (openBlock(), createElementBlock("p", _hoisted_31, toDisplayString($options.emptyLabel), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("p", _hoisted_30, toDisplayString($options.emptyLabel), 1 /* TEXT */))
               : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                   (!$options.isList)
-                    ? (openBlock(), createElementBlock("p", _hoisted_32, toDisplayString($options.countLabel), 1 /* TEXT */))
+                    ? (openBlock(), createElementBlock("p", _hoisted_31, toDisplayString($options.countLabel), 1 /* TEXT */))
                     : createCommentVNode("v-if", true),
-                  createElementVNode("ul", _hoisted_33, [
+                  createElementVNode("ul", _hoisted_32, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList($options.rows, (task) => {
                       return (openBlock(), createElementBlock("li", {
                         key: task.uuid,
@@ -476,12 +542,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     "data-testid": "cn-tasks-widget-check",
                                     onClick: _cache[11] || (_cache[11] = withModifiers(() => {}, ["stop"])),
                                     onChange: $event => ($options.check(task))
-                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_35))
-                                : (openBlock(), createElementBlock("span", _hoisted_36)),
-                              createElementVNode("span", _hoisted_37, [
-                                createElementVNode("span", _hoisted_38, toDisplayString($options.titleOf(task)), 1 /* TEXT */),
-                                createElementVNode("span", _hoisted_39, [
-                                  createElementVNode("span", _hoisted_40, toDisplayString($options.subjectOf(task)), 1 /* TEXT */),
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_34))
+                                : (openBlock(), createElementBlock("span", _hoisted_35)),
+                              createElementVNode("span", _hoisted_36, [
+                                createElementVNode("span", _hoisted_37, toDisplayString($options.titleOf(task)), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_38, [
+                                  createElementVNode("span", _hoisted_39, toDisplayString($options.subjectOf(task)), 1 /* TEXT */),
                                   createElementVNode("span", {
                                     class: normalizeClass(["cn-tasks-widget__due", { 'cn-tasks-widget__due--overdue': task.overdue === true }])
                                   }, toDisplayString($options.dueLabel(task)), 3 /* TEXT, CLASS */)
@@ -489,9 +555,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               ])
                             ], 64 /* STABLE_FRAGMENT */))
                           : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              createElementVNode("span", _hoisted_41, [
-                                createElementVNode("span", _hoisted_42, toDisplayString($options.titleOf(task)), 1 /* TEXT */),
-                                createElementVNode("span", _hoisted_43, toDisplayString($options.metaLine(task)), 1 /* TEXT */)
+                              createElementVNode("span", _hoisted_40, [
+                                createElementVNode("span", _hoisted_41, toDisplayString($options.titleOf(task)), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_42, toDisplayString($options.metaLine(task)), 1 /* TEXT */)
                               ]),
                               createElementVNode("span", {
                                 class: normalizeClass(["cn-tasks-widget__due", { 'cn-tasks-widget__due--overdue': task.overdue === true }])
@@ -536,11 +602,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               _: 2 /* DYNAMIC */
                             }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"]))
                           : createCommentVNode("v-if", true)
-                      ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_34))
+                      ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_33))
                     }), 128 /* KEYED_FRAGMENT */))
                   ]),
                   ($options.hiddenCount > 0)
-                    ? (openBlock(), createElementBlock("p", _hoisted_44, toDisplayString($options.moreLabel), 1 /* TEXT */))
+                    ? (openBlock(), createElementBlock("p", _hoisted_43, toDisplayString($options.moreLabel), 1 /* TEXT */))
                     : createCommentVNode("v-if", true)
                 ], 64 /* STABLE_FRAGMENT */)),
     ($data.formTask)