@conduction/nextcloud-vue 2.144.0 → 2.145.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, Fragment, createElementVNode, renderList, createTextVNode, normalizeStyle, createBlock, withCtx, createSlots, resolveDynamicComponent, mergeProps, toHandlers } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, Fragment, createElementVNode, renderList, createTextVNode, createBlock, withCtx, normalizeStyle, createSlots, resolveDynamicComponent, mergeProps, toHandlers } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -31,211 +31,217 @@ const _hoisted_7 = {
   "data-testid": "cn-record-list-table"
 };
 const _hoisted_8 = ["aria-sort"];
-const _hoisted_9 = ["data-testid", "onClick"];
-const _hoisted_10 = {
+const _hoisted_9 = {
+  key: 0,
+  class: "cn-record-list__head"
+};
+const _hoisted_10 = ["data-testid", "onClick"];
+const _hoisted_11 = {
   class: "cn-record-list__sort-mark",
   "aria-hidden": "true"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 0,
   scope: "col",
   class: "cn-record-list__cell--actions"
 };
-const _hoisted_12 = {
+const _hoisted_13 = {
   key: 2,
   class: "cn-record-list__cell-text"
 };
-const _hoisted_13 = {
+const _hoisted_14 = {
   key: 3,
   class: "cn-record-list__cell-sub"
 };
-const _hoisted_14 = {
+const _hoisted_15 = {
   key: 0,
   class: "cn-record-list__cell--actions"
 };
-const _hoisted_15 = {
+const _hoisted_16 = {
   key: 7,
   class: "cn-record-list__checklist-wrap"
 };
-const _hoisted_16 = ["aria-valuenow", "aria-valuemax", "aria-label"];
-const _hoisted_17 = {
+const _hoisted_17 = ["aria-valuenow", "aria-valuemax", "aria-label"];
+const _hoisted_18 = {
   class: "cn-record-list__check-mark",
   "aria-hidden": "true"
 };
-const _hoisted_18 = { class: "cn-record-list__check-title" };
-const _hoisted_19 = { class: "hidden-visually" };
-const _hoisted_20 = {
+const _hoisted_19 = { class: "cn-record-list__check-title" };
+const _hoisted_20 = { class: "hidden-visually" };
+const _hoisted_21 = {
   key: 0,
   class: "cn-record-list__group-head",
   "data-testid": "cn-record-list-group-head"
 };
-const _hoisted_21 = ["id"];
 const _hoisted_22 = ["id"];
-const _hoisted_23 = ["aria-labelledby", "data-testid"];
-const _hoisted_24 = {
+const _hoisted_23 = ["id"];
+const _hoisted_24 = ["aria-labelledby", "data-testid"];
+const _hoisted_25 = {
   key: 0,
   class: "cn-record-list__row cn-record-list__row--action"
 };
-const _hoisted_25 = {
+const _hoisted_26 = {
   key: 0,
   class: "cn-record-list__leading",
   "data-testid": "cn-record-list-leading"
 };
-const _hoisted_26 = {
+const _hoisted_27 = {
   key: 1,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_27 = { class: "cn-record-list__main" };
-const _hoisted_28 = {
+const _hoisted_28 = { class: "cn-record-list__main" };
+const _hoisted_29 = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_29 = {
+const _hoisted_30 = {
   key: 3,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_30 = {
+const _hoisted_31 = {
   key: 4,
   class: "cn-record-list__pills"
 };
-const _hoisted_31 = {
+const _hoisted_32 = {
   key: 6,
   class: "cn-record-list__trailing"
 };
-const _hoisted_32 = {
+const _hoisted_33 = {
   key: 0,
   class: "cn-record-list__leading",
   "data-testid": "cn-record-list-leading"
 };
-const _hoisted_33 = {
+const _hoisted_34 = {
   key: 1,
   class: "cn-record-list__pill-start"
 };
-const _hoisted_34 = {
+const _hoisted_35 = {
   key: 2,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_35 = { class: "cn-record-list__main" };
-const _hoisted_36 = {
+const _hoisted_36 = { class: "cn-record-list__main" };
+const _hoisted_37 = {
   key: 0,
   class: "cn-record-list__title"
 };
-const _hoisted_37 = {
+const _hoisted_38 = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_38 = {
+const _hoisted_39 = {
   key: 2,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-text"
 };
-const _hoisted_39 = {
+const _hoisted_40 = {
   key: 4,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-links"
 };
-const _hoisted_40 = { key: 1 };
-const _hoisted_41 = { key: 2 };
-const _hoisted_42 = {
+const _hoisted_41 = { key: 1 };
+const _hoisted_42 = { key: 2 };
+const _hoisted_43 = {
   key: 4,
   class: "cn-record-list__aside"
 };
-const _hoisted_43 = {
+const _hoisted_44 = {
   key: 0,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_44 = {
+const _hoisted_45 = {
   key: 3,
   class: "cn-record-list__trailing"
 };
-const _hoisted_45 = { class: "cn-record-list__card-head" };
-const _hoisted_46 = { class: "cn-record-list__card-title" };
-const _hoisted_47 = {
+const _hoisted_46 = { class: "cn-record-list__card-head" };
+const _hoisted_47 = { class: "cn-record-list__card-title" };
+const _hoisted_48 = {
   key: 1,
   class: "cn-record-list__title"
 };
-const _hoisted_48 = {
+const _hoisted_49 = {
   key: 0,
   class: "cn-record-list__card-pills"
 };
-const _hoisted_49 = {
+const _hoisted_50 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_50 = {
+const _hoisted_51 = {
   key: 1,
   class: "cn-record-list__card-value",
   "data-testid": "cn-record-list-card-value"
 };
-const _hoisted_51 = {
+const _hoisted_52 = {
   key: 3,
   class: "cn-record-list__feed-row"
 };
-const _hoisted_52 = {
+const _hoisted_53 = {
   class: "cn-record-list__feed-icon",
   "aria-hidden": "true"
 };
-const _hoisted_53 = {
+const _hoisted_54 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_54 = {
+const _hoisted_55 = {
   key: 1,
   class: "cn-record-list__text"
 };
-const _hoisted_55 = {
+const _hoisted_56 = {
   key: 4,
   class: "cn-record-list__inline-row"
 };
-const _hoisted_56 = {
+const _hoisted_57 = {
   key: 0,
   class: "cn-record-list__label"
 };
-const _hoisted_57 = ["aria-label", "aria-valuenow", "aria-valuemax"];
-const _hoisted_58 = {
+const _hoisted_58 = ["aria-label", "aria-valuenow", "aria-valuemax"];
+const _hoisted_59 = {
   key: 10,
   class: "cn-record-list__error",
   role: "alert",
   "data-testid": "cn-record-list-action-error"
 };
-const _hoisted_59 = { class: "cn-record-list__notice-text" };
-const _hoisted_60 = {
+const _hoisted_60 = { class: "cn-record-list__notice-text" };
+const _hoisted_61 = {
   key: 12,
   class: "cn-record-list__footnote",
   "data-testid": "cn-record-list-footnote"
 };
-const _hoisted_61 = ["href"];
-const _hoisted_62 = {
+const _hoisted_62 = ["href"];
+const _hoisted_63 = {
   key: 15,
   class: "cn-record-list__group-head",
   "data-testid": "cn-record-list-group-head"
 };
-const _hoisted_63 = {
+const _hoisted_64 = {
   class: "cn-record-list__group-heading",
   "data-testid": "cn-record-list-group-heading"
 };
-const _hoisted_64 = ["id"];
-const _hoisted_65 = {
+const _hoisted_65 = ["id"];
+const _hoisted_66 = {
   key: 0,
   class: "cn-record-list__footer-note",
   "data-testid": "cn-record-list-footer-note"
 };
-const _hoisted_66 = ["id"];
+const _hoisted_67 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_CnIcon = resolveComponent("CnIcon");
+  const _component_FilterOutline = resolveComponent("FilterOutline");
+  const _component_NcActionCheckbox = resolveComponent("NcActionCheckbox");
+  const _component_NcActions = resolveComponent("NcActions");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_router_link = resolveComponent("router-link");
   const _component_NcActionLink = resolveComponent("NcActionLink");
   const _component_NcActionButton = resolveComponent("NcActionButton");
-  const _component_NcActions = resolveComponent("NcActions");
   const _component_Check = resolveComponent("Check");
   const _component_CnRecordNoteRows = resolveComponent("CnRecordNoteRows");
   const _component_NcButton = resolveComponent("NcButton");
@@ -291,24 +297,57 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             "aria-sort": col.sortable ? $options.sortStateOf(col.key) : undefined,
                             class: normalizeClass({ 'cn-record-list__cell--end': col.align === 'end' })
                           }, [
-                            (col.sortable)
-                              ? (openBlock(), createElementBlock("button", {
-                                  key: 0,
-                                  type: "button",
-                                  class: "cn-record-list__sort",
-                                  "data-testid": `cn-record-list-sort-${col.key}`,
-                                  onClick: $event => ($options.toggleTableSort(col.key))
-                                }, [
-                                  createTextVNode(toDisplayString(col.label) + " ", 1 /* TEXT */),
-                                  createElementVNode("span", _hoisted_10, toDisplayString($options.sortMarkOf(col.key)), 1 /* TEXT */)
-                                ], 8 /* PROPS */, _hoisted_9))
+                            (col.sortable || $options.tableFilterable)
+                              ? (openBlock(), createElementBlock("span", _hoisted_9, [
+                                  (col.sortable)
+                                    ? (openBlock(), createElementBlock("button", {
+                                        key: 0,
+                                        type: "button",
+                                        class: "cn-record-list__sort",
+                                        "data-testid": `cn-record-list-sort-${col.key}`,
+                                        onClick: $event => ($options.toggleTableSort(col.key))
+                                      }, [
+                                        createTextVNode(toDisplayString(col.label) + " ", 1 /* TEXT */),
+                                        createElementVNode("span", _hoisted_11, toDisplayString($options.sortMarkOf(col.key)), 1 /* TEXT */)
+                                      ], 8 /* PROPS */, _hoisted_10))
+                                    : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                        createTextVNode(toDisplayString(col.label), 1 /* TEXT */)
+                                      ], 64 /* STABLE_FRAGMENT */)),
+                                  ($options.tableFilterable)
+                                    ? (openBlock(), createBlock(_component_NcActions, {
+                                        key: 2,
+                                        class: "cn-record-list__head-filter",
+                                        "aria-label": $options.filterLabelOf(col.label),
+                                        "data-testid": `cn-record-list-filter-${col.key}`
+                                      }, {
+                                        icon: withCtx(() => [
+                                          createVNode(_component_FilterOutline, { size: 14 })
+                                        ]),
+                                        default: withCtx(() => [
+                                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.tableFilterOptions(col.key), (option) => {
+                                            return (openBlock(), createBlock(_component_NcActionCheckbox, {
+                                              key: option,
+                                              modelValue: ($data.tableFilters[col.key] || []).includes(option),
+                                              "onUpdate:modelValue": $event => ($options.toggleTableFilter(col.key, option))
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode(toDisplayString(option), 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(col.label), 1 /* TEXT */)
                                 ], 64 /* STABLE_FRAGMENT */))
                           ], 10 /* CLASS, PROPS */, _hoisted_8))
                         }), 128 /* KEYED_FRAGMENT */)),
                         ($options.rowActions.length > 0)
-                          ? (openBlock(), createElementBlock("th", _hoisted_11, toDisplayString($options.rowActionsHeader), 1 /* TEXT */))
+                          ? (openBlock(), createElementBlock("th", _hoisted_12, toDisplayString($options.rowActionsHeader), 1 /* TEXT */))
                           : createCommentVNode("v-if", true)
                       ])
                     ]),
@@ -342,14 +381,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       ]),
                                       _: 2 /* DYNAMIC */
                                     }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                  : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(cell.text), 1 /* TEXT */)),
+                                  : (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(cell.text), 1 /* TEXT */)),
                               (cell.sub)
-                                ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(cell.sub), 1 /* TEXT */))
+                                ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(cell.sub), 1 /* TEXT */))
                                 : createCommentVNode("v-if", true)
                             ], 6 /* CLASS, STYLE */))
                           }), 128 /* KEYED_FRAGMENT */)),
                           ($options.rowActions.length > 0)
-                            ? (openBlock(), createElementBlock("td", _hoisted_14, [
+                            ? (openBlock(), createElementBlock("td", _hoisted_15, [
                                 (item.rowActions.length > 0)
                                   ? (openBlock(), createBlock(_component_NcActions, {
                                       key: 0,
@@ -397,7 +436,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])
                   ]))
                 : ($options.presentation === 'checklist')
-                  ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_16, [
                       ($props.content.progress)
                         ? (openBlock(), createElementBlock("div", {
                             key: 0,
@@ -413,7 +452,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "cn-record-list__checklist-fill",
                               style: normalizeStyle({ width: `${$options.checklistPercent}%` })
                             }, null, 4 /* STYLE */)
-                          ], 8 /* PROPS */, _hoisted_16))
+                          ], 8 /* PROPS */, _hoisted_17))
                         : createCommentVNode("v-if", true),
                       createElementVNode("ul", {
                         class: "cn-record-list__checklist",
@@ -426,7 +465,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             class: normalizeClass(["cn-record-list__check", { 'cn-record-list__check--done': $options.isChecked(item.row) }]),
                             "data-testid": "cn-record-list-check"
                           }, [
-                            createElementVNode("span", _hoisted_17, [
+                            createElementVNode("span", _hoisted_18, [
                               ($options.isChecked(item.row))
                                 ? (openBlock(), createBlock(_component_Check, {
                                     key: 0,
@@ -434,8 +473,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   }))
                                 : createCommentVNode("v-if", true)
                             ]),
-                            createElementVNode("span", _hoisted_18, toDisplayString(item.title), 1 /* TEXT */),
-                            createElementVNode("span", _hoisted_19, toDisplayString($options.isChecked(item.row) ? $options.doneLabel : $options.openLabel), 1 /* TEXT */)
+                            createElementVNode("span", _hoisted_19, toDisplayString(item.title), 1 /* TEXT */),
+                            createElementVNode("span", _hoisted_20, toDisplayString($options.isChecked(item.row) ? $options.doneLabel : $options.openLabel), 1 /* TEXT */)
                           ], 2 /* CLASS */))
                         }), 128 /* KEYED_FRAGMENT */))
                       ], 4 /* STYLE */)
@@ -453,12 +492,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           key: group.key
                         }, [
                           (group.label && $options.footerGroup !== '' && group.value === $options.footerGroup)
-                            ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                            ? (openBlock(), createElementBlock("div", _hoisted_21, [
                                 createElementVNode("h3", {
                                   id: group.headingId,
                                   class: "cn-record-list__group-heading",
                                   "data-testid": "cn-record-list-group-heading"
-                                }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_21),
+                                }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_22),
                                 createVNode(_component_NcButton, {
                                   variant: "secondary",
                                   class: normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
@@ -492,7 +531,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   id: group.headingId,
                                   class: "cn-record-list__group-heading",
                                   "data-testid": "cn-record-list-group-heading"
-                                }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_22))
+                                }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_23))
                               : createCommentVNode("v-if", true),
                           (group.items.length > 0)
                             ? (openBlock(), createElementBlock("ul", {
@@ -508,12 +547,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     "data-testid": "cn-record-list-item"
                                   }, [
                                     ($options.presentation === 'rows' && item.action)
-                                      ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                                      ? (openBlock(), createElementBlock("div", _hoisted_25, [
                                           (item.leading)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(item.leading), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(item.leading), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true),
                                           (item.initials)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(item.initials), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString(item.initials), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true),
                                           (item.dot)
                                             ? (openBlock(), createElementBlock("span", {
@@ -524,7 +563,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                 "data-testid": "cn-record-list-dot"
                                               }, null, 4 /* STYLE */))
                                             : createCommentVNode("v-if", true),
-                                          createElementVNode("span", _hoisted_27, [
+                                          createElementVNode("span", _hoisted_28, [
                                             (item.title)
                                               ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
                                                   key: 0,
@@ -537,14 +576,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                 }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                               : createCommentVNode("v-if", true),
                                             (item.meta)
-                                              ? (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(item.meta), 1 /* TEXT */))
+                                              ? (openBlock(), createElementBlock("span", _hoisted_29, toDisplayString(item.meta), 1 /* TEXT */))
                                               : createCommentVNode("v-if", true)
                                           ]),
                                           (item.flag)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_29, toDisplayString(item.flag), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_30, toDisplayString(item.flag), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true),
                                           (item.pill || item.badges.length > 0)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_30, [
+                                            ? (openBlock(), createElementBlock("span", _hoisted_31, [
                                                 (item.pill)
                                                   ? (openBlock(), createBlock(_component_CnStatusBadge, {
                                                       key: 0,
@@ -572,7 +611,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                             : createCommentVNode("v-if", true),
                                           (item.trailing)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(item.trailing), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.trailing), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true),
                                           (openBlock(), createBlock(resolveDynamicComponent(item.action.tag), mergeProps({
                                             class: ["cn-record-list__action", { 'cn-record-list__action--outlined': $options.rowActionOutlined }]
@@ -590,10 +629,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           }, { ref_for: true }, item.attrs), {
                                             default: withCtx(() => [
                                               (item.leading)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.leading), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_33, toDisplayString(item.leading), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true),
                                               ($options.pillFirst && item.pill)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_33, [
+                                                ? (openBlock(), createElementBlock("span", _hoisted_34, [
                                                     createVNode(_component_CnStatusBadge, {
                                                       label: item.pill.label,
                                                       variant: item.pill.variant,
@@ -602,7 +641,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   ]))
                                                 : createCommentVNode("v-if", true),
                                               (item.initials)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(item.initials), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString(item.initials), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true),
                                               (item.dot)
                                                 ? (openBlock(), createElementBlock("span", {
@@ -613,15 +652,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     "data-testid": "cn-record-list-dot"
                                                   }, null, 4 /* STYLE */))
                                                 : createCommentVNode("v-if", true),
-                                              createElementVNode("span", _hoisted_35, [
+                                              createElementVNode("span", _hoisted_36, [
                                                 (item.title)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_36, toDisplayString(item.title), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(item.title), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.meta)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(item.meta), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(item.meta), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.text)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(item.text), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(item.text), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.due && $options.dueBelow)
                                                   ? (openBlock(), createElementBlock("span", {
@@ -631,7 +670,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.links.length > 0)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_39, [
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_40, [
                                                       createTextVNode(toDisplayString($options.linksLabel) + " ", 1 /* TEXT */),
                                                       (openBlock(true), createElementBlock(Fragment, null, renderList(item.links, (link, linkIndex) => {
                                                         return (openBlock(), createElementBlock(Fragment, {
@@ -647,9 +686,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                 ]),
                                                                 _: 2 /* DYNAMIC */
                                                               }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                                            : (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(link.label), 1 /* TEXT */)),
+                                                            : (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(link.label), 1 /* TEXT */)),
                                                           (linkIndex < item.links.length - 1)
-                                                            ? (openBlock(), createElementBlock("span", _hoisted_41, ", "))
+                                                            ? (openBlock(), createElementBlock("span", _hoisted_42, ", "))
                                                             : createCommentVNode("v-if", true)
                                                         ], 64 /* STABLE_FRAGMENT */))
                                                       }), 128 /* KEYED_FRAGMENT */))
@@ -657,9 +696,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   : createCommentVNode("v-if", true)
                                               ]),
                                               ((item.pill && !$options.pillFirst) || item.badges.length > 0 || (item.due && !$options.dueBelow) || item.trailing || item.flag)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_42, [
+                                                ? (openBlock(), createElementBlock("span", _hoisted_43, [
                                                     (item.flag)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_43, toDisplayString(item.flag), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_44, toDisplayString(item.flag), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true),
                                                     (item.pill && !$options.pillFirst)
                                                       ? (openBlock(), createBlock(_component_CnStatusBadge, {
@@ -686,7 +725,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                                       : createCommentVNode("v-if", true),
                                                     (item.trailing)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_44, toDisplayString(item.trailing), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_45, toDisplayString(item.trailing), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true)
                                                   ]))
                                                 : createCommentVNode("v-if", true),
@@ -777,8 +816,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               class: ["cn-record-list__card", { 'cn-record-list__card--link': item.tag !== 'div' }]
                                             }, { ref_for: true }, item.attrs, { "data-testid": "cn-record-list-card" }), {
                                               default: withCtx(() => [
-                                                createElementVNode("span", _hoisted_45, [
-                                                  createElementVNode("span", _hoisted_46, [
+                                                createElementVNode("span", _hoisted_46, [
+                                                  createElementVNode("span", _hoisted_47, [
                                                     ($options.cardIcons)
                                                       ? (openBlock(), createBlock(_component_CnIcon, {
                                                           key: 0,
@@ -788,11 +827,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, null, 8 /* PROPS */, ["name"]))
                                                       : createCommentVNode("v-if", true),
                                                     (item.title)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_47, toDisplayString(item.title), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_48, toDisplayString(item.title), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true)
                                                   ]),
                                                   (item.pill || item.badges.length > 0)
-                                                    ? (openBlock(), createElementBlock("span", _hoisted_48, [
+                                                    ? (openBlock(), createElementBlock("span", _hoisted_49, [
                                                         (item.pill)
                                                           ? (openBlock(), createBlock(_component_CnStatusBadge, {
                                                               key: 0,
@@ -814,17 +853,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     : createCommentVNode("v-if", true)
                                                 ]),
                                                 (item.meta)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_49, toDisplayString(item.meta), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_50, toDisplayString(item.meta), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.trailing)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_50, toDisplayString(item.trailing), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_51, toDisplayString(item.trailing), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true)
                                               ]),
                                               _: 2 /* DYNAMIC */
                                             }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                           : ($options.presentation === 'feed')
-                                            ? (openBlock(), createElementBlock("div", _hoisted_51, [
-                                                createElementVNode("span", _hoisted_52, [
+                                            ? (openBlock(), createElementBlock("div", _hoisted_52, [
+                                                createElementVNode("span", _hoisted_53, [
                                                   createVNode(_component_CnIcon, {
                                                     name: item.icon,
                                                     size: 18
@@ -833,18 +872,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                 (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({ class: "cn-record-list__main" }, { ref_for: true }, item.attrs), {
                                                   default: withCtx(() => [
                                                     (item.meta)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_53, toDisplayString(item.meta), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_54, toDisplayString(item.meta), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true),
                                                     (item.text)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_54, toDisplayString(item.text), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_55, toDisplayString(item.text), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true)
                                                   ]),
                                                   _: 2 /* DYNAMIC */
                                                 }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
                                               ]))
-                                            : (openBlock(), createElementBlock("div", _hoisted_55, [
+                                            : (openBlock(), createElementBlock("div", _hoisted_56, [
                                                 (item.label)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_56, toDisplayString(item.label), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_57, toDisplayString(item.label), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({ class: "cn-record-list__inline-title" }, { ref_for: true }, item.attrs), {
                                                   default: withCtx(() => [
@@ -868,16 +907,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             class: "cn-record-list__bar-fill",
                                             style: normalizeStyle({ width: `${item.bar.share}%` })
                                           }, null, 4 /* STYLE */)
-                                        ], 10 /* CLASS, PROPS */, _hoisted_57))
+                                        ], 10 /* CLASS, PROPS */, _hoisted_58))
                                       : createCommentVNode("v-if", true)
                                   ]))
                                 }), 128 /* KEYED_FRAGMENT */))
-                              ], 10 /* CLASS, PROPS */, _hoisted_23))
+                              ], 10 /* CLASS, PROPS */, _hoisted_24))
                             : createCommentVNode("v-if", true)
                         ], 64 /* STABLE_FRAGMENT */))
                       }), 128 /* KEYED_FRAGMENT */)),
     ($data.actionError)
-      ? (openBlock(), createElementBlock("p", _hoisted_58, toDisplayString($data.actionError), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_59, toDisplayString($data.actionError), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
     ($options.footnoteTone && $options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
       ? (openBlock(), createElementBlock("div", {
@@ -891,10 +930,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "cn-record-list__notice-icon",
             "aria-hidden": "true"
           }, null, 8 /* PROPS */, ["name"]),
-          createElementVNode("p", _hoisted_59, toDisplayString($options.footnote), 1 /* TEXT */)
+          createElementVNode("p", _hoisted_60, toDisplayString($options.footnote), 1 /* TEXT */)
         ], 2 /* CLASS */))
       : ($options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
-        ? (openBlock(), createElementBlock("p", _hoisted_60, toDisplayString($options.footnote), 1 /* TEXT */))
+        ? (openBlock(), createElementBlock("p", _hoisted_61, toDisplayString($options.footnote), 1 /* TEXT */))
         : createCommentVNode("v-if", true),
     ($options.footerLink && $options.footerLink.to)
       ? (openBlock(), createBlock(_component_router_link, {
@@ -914,11 +953,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "cn-record-list__footer-link",
             href: $options.footerLink.href,
             "data-testid": "cn-record-list-footer-link"
-          }, toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_61))
+          }, toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_62))
         : createCommentVNode("v-if", true),
     ($options.footerGroupHead && $data.rows.length === 0 && !$data.error && !$data.loading)
-      ? (openBlock(), createElementBlock("div", _hoisted_62, [
-          createElementVNode("h3", _hoisted_63, toDisplayString($options.footerGroupHead), 1 /* TEXT */),
+      ? (openBlock(), createElementBlock("div", _hoisted_63, [
+          createElementVNode("h3", _hoisted_64, toDisplayString($options.footerGroupHead), 1 /* TEXT */),
           createVNode(_component_NcButton, {
             variant: "secondary",
             class: normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
@@ -953,7 +992,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           id: $data.footerReasonId,
           class: "cn-record-list__footer-reason",
           "data-testid": "cn-record-list-footer-reason"
-        }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_64))
+        }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_65))
       : createCommentVNode("v-if", true),
     ($options.footerAction && $options.footerGroup === '' && !$data.error)
       ? (openBlock(), createElementBlock("div", {
@@ -962,7 +1001,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "data-testid": "cn-record-list-footer"
         }, [
           ($options.footerAction.note)
-            ? (openBlock(), createElementBlock("p", _hoisted_65, toDisplayString($options.footerAction.note), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("p", _hoisted_66, toDisplayString($options.footerAction.note), 1 /* TEXT */))
             : createCommentVNode("v-if", true),
           createVNode(_component_NcButton, {
             variant: "secondary",
@@ -997,7 +1036,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 id: $data.footerReasonId,
                 class: "cn-record-list__footer-reason",
                 "data-testid": "cn-record-list-footer-reason"
-              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_66))
+              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_67))
             : createCommentVNode("v-if", true)
         ], 2 /* CLASS */))
       : createCommentVNode("v-if", true)