@conduction/nextcloud-vue 2.124.0 → 2.125.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, createElementVNode, Fragment, renderList, createBlock, normalizeStyle, resolveDynamicComponent, mergeProps, withCtx, createTextVNode, toHandlers, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, createElementVNode, Fragment, renderList, createTextVNode, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, mergeProps, toHandlers, createSlots } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -30,146 +30,153 @@ const _hoisted_7 = {
   class: "cn-record-list__table",
   "data-testid": "cn-record-list-table"
 };
-const _hoisted_8 = ["id"];
-const _hoisted_9 = ["aria-labelledby", "data-testid"];
+const _hoisted_8 = ["aria-sort"];
+const _hoisted_9 = ["data-testid", "onClick"];
 const _hoisted_10 = {
+  class: "cn-record-list__sort-mark",
+  "aria-hidden": "true"
+};
+const _hoisted_11 = ["id"];
+const _hoisted_12 = ["aria-labelledby", "data-testid"];
+const _hoisted_13 = {
   key: 0,
   class: "cn-record-list__row cn-record-list__row--action"
 };
-const _hoisted_11 = {
+const _hoisted_14 = {
   key: 0,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_12 = { class: "cn-record-list__main" };
-const _hoisted_13 = {
+const _hoisted_15 = { class: "cn-record-list__main" };
+const _hoisted_16 = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_14 = {
+const _hoisted_17 = {
   key: 2,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_15 = {
+const _hoisted_18 = {
   key: 3,
   class: "cn-record-list__pills"
 };
-const _hoisted_16 = {
+const _hoisted_19 = {
   key: 5,
   class: "cn-record-list__trailing"
 };
-const _hoisted_17 = {
+const _hoisted_20 = {
   key: 0,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_18 = { class: "cn-record-list__main" };
-const _hoisted_19 = {
+const _hoisted_21 = { class: "cn-record-list__main" };
+const _hoisted_22 = {
   key: 0,
   class: "cn-record-list__title"
 };
-const _hoisted_20 = {
+const _hoisted_23 = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_21 = {
+const _hoisted_24 = {
   key: 2,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-links"
 };
-const _hoisted_22 = { key: 1 };
-const _hoisted_23 = { key: 2 };
-const _hoisted_24 = {
+const _hoisted_25 = { key: 1 };
+const _hoisted_26 = { key: 2 };
+const _hoisted_27 = {
   key: 2,
   class: "cn-record-list__aside"
 };
-const _hoisted_25 = {
+const _hoisted_28 = {
   key: 0,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_26 = {
+const _hoisted_29 = {
   key: 3,
   class: "cn-record-list__trailing"
 };
-const _hoisted_27 = { class: "cn-record-list__card-head" };
-const _hoisted_28 = { class: "cn-record-list__card-title" };
-const _hoisted_29 = {
+const _hoisted_30 = { class: "cn-record-list__card-head" };
+const _hoisted_31 = { class: "cn-record-list__card-title" };
+const _hoisted_32 = {
   key: 1,
   class: "cn-record-list__title"
 };
-const _hoisted_30 = {
+const _hoisted_33 = {
   key: 0,
   class: "cn-record-list__card-pills"
 };
-const _hoisted_31 = {
+const _hoisted_34 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_32 = {
+const _hoisted_35 = {
   key: 1,
   class: "cn-record-list__card-value",
   "data-testid": "cn-record-list-card-value"
 };
-const _hoisted_33 = {
+const _hoisted_36 = {
   key: 3,
   class: "cn-record-list__feed-row"
 };
-const _hoisted_34 = {
+const _hoisted_37 = {
   class: "cn-record-list__feed-icon",
   "aria-hidden": "true"
 };
-const _hoisted_35 = {
+const _hoisted_38 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_36 = {
+const _hoisted_39 = {
   key: 1,
   class: "cn-record-list__text"
 };
-const _hoisted_37 = {
+const _hoisted_40 = {
   key: 4,
   class: "cn-record-list__inline-row"
 };
-const _hoisted_38 = {
+const _hoisted_41 = {
   key: 0,
   class: "cn-record-list__label"
 };
-const _hoisted_39 = ["aria-label", "aria-valuenow", "aria-valuemax"];
-const _hoisted_40 = {
+const _hoisted_42 = ["aria-label", "aria-valuenow", "aria-valuemax"];
+const _hoisted_43 = {
   key: 9,
   class: "cn-record-list__error",
   role: "alert",
   "data-testid": "cn-record-list-action-error"
 };
-const _hoisted_41 = {
+const _hoisted_44 = {
   key: 10,
   class: "cn-record-list__footnote",
   "data-testid": "cn-record-list-footnote"
 };
-const _hoisted_42 = {
+const _hoisted_45 = {
   key: 11,
   class: "cn-record-list__footer",
   "data-testid": "cn-record-list-footer"
 };
-const _hoisted_43 = ["id"];
+const _hoisted_46 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_CnIcon = resolveComponent("CnIcon");
-  const _component_CnRecordNoteRows = resolveComponent("CnRecordNoteRows");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_router_link = resolveComponent("router-link");
+  const _component_CnRecordNoteRows = resolveComponent("CnRecordNoteRows");
   const _component_ChevronRight = resolveComponent("ChevronRight");
+  const _component_NcActionLink = resolveComponent("NcActionLink");
   const _component_NcActionButton = resolveComponent("NcActionButton");
   const _component_NcActions = resolveComponent("NcActions");
   const _component_NcButton = resolveComponent("NcButton");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["cn-record-list", `cn-record-list--${$options.presentation}`]),
+    class: normalizeClass(["cn-record-list", [`cn-record-list--${$options.presentation}`, { 'cn-record-list--compact': $props.content.density === 'compact' }]]),
     "data-testid": "cn-record-list"
   }, [
     ($options.intro && !$options.absent)
@@ -211,8 +218,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           return (openBlock(), createElementBlock("th", {
                             key: col.key,
                             scope: "col",
+                            "aria-sort": col.sortable ? $options.sortStateOf(col.key) : undefined,
                             class: normalizeClass({ 'cn-record-list__cell--end': col.align === 'end' })
-                          }, toDisplayString(col.label), 3 /* TEXT, CLASS */))
+                          }, [
+                            (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))
+                              : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                  createTextVNode(toDisplayString(col.label), 1 /* TEXT */)
+                                ], 64 /* STABLE_FRAGMENT */))
+                          ], 10 /* CLASS, PROPS */, _hoisted_8))
                         }), 128 /* KEYED_FRAGMENT */))
                       ])
                     ]),
@@ -222,11 +245,33 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           key: item.key,
                           "data-testid": "cn-record-list-item"
                         }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.cells, (cell) => {
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.cells, (cell, cellIndex) => {
                             return (openBlock(), createElementBlock("td", {
                               key: cell.key,
+                              style: normalizeStyle(cellIndex === 0 && item.depth > 0 ? `padding-inline-start: calc(${item.depth} * 16px)` : undefined),
                               class: normalizeClass({ 'cn-record-list__cell--end': cell.align === 'end', 'cn-record-list__cell--alert': cell.alert })
-                            }, toDisplayString(cell.text), 3 /* TEXT, CLASS */))
+                            }, [
+                              (cell.tone)
+                                ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                                    key: 0,
+                                    label: cell.text,
+                                    variant: cell.tone,
+                                    size: "small"
+                                  }, null, 8 /* PROPS */, ["label", "variant"]))
+                                : (cellIndex === 0 && item.to)
+                                  ? (openBlock(), createBlock(_component_router_link, {
+                                      key: 1,
+                                      to: item.to
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(cell.text), 1 /* TEXT */)
+                                      ]),
+                                      _: 2 /* DYNAMIC */
+                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
+                                  : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                                      createTextVNode(toDisplayString(cell.text), 1 /* TEXT */)
+                                    ], 64 /* STABLE_FRAGMENT */))
+                            ], 6 /* CLASS, STYLE */))
                           }), 128 /* KEYED_FRAGMENT */))
                         ]))
                       }), 128 /* KEYED_FRAGMENT */))
@@ -250,7 +295,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_8))
+                            }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_11))
                           : createCommentVNode("v-if", true),
                         createElementVNode("ul", {
                           class: "cn-record-list__list",
@@ -264,9 +309,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               "data-testid": "cn-record-list-item"
                             }, [
                               ($options.presentation === 'rows' && item.action)
-                                ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                                ? (openBlock(), createElementBlock("div", _hoisted_13, [
                                     (item.initials)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(item.initials), 1 /* TEXT */))
+                                      ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(item.initials), 1 /* TEXT */))
                                       : createCommentVNode("v-if", true),
                                     (item.dot)
                                       ? (openBlock(), createElementBlock("span", {
@@ -277,7 +322,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_12, [
+                                    createElementVNode("span", _hoisted_15, [
                                       (item.title)
                                         ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
                                             key: 0,
@@ -290,14 +335,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_13, toDisplayString(item.meta), 1 /* TEXT */))
+                                        ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(item.meta), 1 /* TEXT */))
                                         : createCommentVNode("v-if", true)
                                     ]),
                                     (item.flag)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(item.flag), 1 /* TEXT */))
+                                      ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(item.flag), 1 /* TEXT */))
                                       : createCommentVNode("v-if", true),
                                     (item.pill || item.badges.length > 0)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_15, [
+                                      ? (openBlock(), createElementBlock("span", _hoisted_18, [
                                           (item.pill)
                                             ? (openBlock(), createBlock(_component_CnStatusBadge, {
                                                 key: 0,
@@ -325,7 +370,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_16, toDisplayString(item.trailing), 1 /* TEXT */))
+                                      ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(item.trailing), 1 /* TEXT */))
                                       : createCommentVNode("v-if", true),
                                     (openBlock(), createBlock(resolveDynamicComponent(item.action.tag), mergeProps({ class: "cn-record-list__action" }, { ref_for: true }, item.action.attrs, { "data-testid": "cn-record-list-action" }, toHandlers(item.action.tag === 'button' ? { click: () => $options.runRowAction(item.row) } : {})), {
                                       default: withCtx(() => [
@@ -341,7 +386,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     }, { ref_for: true }, item.attrs), {
                                       default: withCtx(() => [
                                         (item.initials)
-                                          ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(item.initials), 1 /* TEXT */))
+                                          ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(item.initials), 1 /* TEXT */))
                                           : createCommentVNode("v-if", true),
                                         (item.dot)
                                           ? (openBlock(), createElementBlock("span", {
@@ -352,15 +397,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_18, [
+                                        createElementVNode("span", _hoisted_21, [
                                           (item.title)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(item.title), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(item.title), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true),
                                           (item.meta)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(item.meta), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(item.meta), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true),
                                           (item.links.length > 0)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_21, [
+                                            ? (openBlock(), createElementBlock("span", _hoisted_24, [
                                                 createTextVNode(toDisplayString($options.linksLabel) + " ", 1 /* TEXT */),
                                                 (openBlock(true), createElementBlock(Fragment, null, renderList(item.links, (link, linkIndex) => {
                                                   return (openBlock(), createElementBlock(Fragment, {
@@ -376,9 +421,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           ]),
                                                           _: 2 /* DYNAMIC */
                                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                                      : (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(link.label), 1 /* TEXT */)),
+                                                      : (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(link.label), 1 /* TEXT */)),
                                                     (linkIndex < item.links.length - 1)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_23, ", "))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_26, ", "))
                                                       : createCommentVNode("v-if", true)
                                                   ], 64 /* STABLE_FRAGMENT */))
                                                 }), 128 /* KEYED_FRAGMENT */))
@@ -386,9 +431,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             : createCommentVNode("v-if", true)
                                         ]),
                                         (item.pill || item.badges.length > 0 || item.due || item.trailing || item.flag)
-                                          ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                                          ? (openBlock(), createElementBlock("span", _hoisted_27, [
                                               (item.flag)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(item.flag), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(item.flag), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true),
                                               (item.pill)
                                                 ? (openBlock(), createBlock(_component_CnStatusBadge, {
@@ -415,7 +460,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_26, toDisplayString(item.trailing), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_29, toDisplayString(item.trailing), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true)
                                             ]))
                                           : createCommentVNode("v-if", true),
@@ -427,25 +472,41 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               "aria-hidden": "true"
                                             }))
                                           : createCommentVNode("v-if", true),
-                                        (item.tag === 'div' && $options.rowActions.length > 0)
+                                        (item.tag === 'div' && item.rowActions.length > 0)
                                           ? (openBlock(), createBlock(_component_NcActions, {
                                               key: 4,
                                               "aria-label": $options.rowActionsLabel,
                                               "data-testid": "cn-record-list-row-actions"
                                             }, {
                                               default: withCtx(() => [
-                                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.rowActions, (action, actionIndex) => {
-                                                  return (openBlock(), createBlock(_component_NcActionButton, {
-                                                    key: `row-action-${actionIndex}`,
-                                                    closeAfterClick: true,
-                                                    "data-testid": `cn-record-list-row-action-${actionIndex}`,
-                                                    onClick: $event => ($options.runRowActionEntry(action, item.row))
-                                                  }, {
-                                                    default: withCtx(() => [
-                                                      createTextVNode(toDisplayString(action.label), 1 /* TEXT */)
-                                                    ]),
-                                                    _: 2 /* DYNAMIC */
-                                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+                                                (openBlock(true), createElementBlock(Fragment, null, renderList(item.rowActions, (entry) => {
+                                                  return (openBlock(), createElementBlock(Fragment, {
+                                                    key: `row-action-${entry.index}`
+                                                  }, [
+                                                    (entry.href)
+                                                      ? (openBlock(), createBlock(_component_NcActionLink, {
+                                                          key: 0,
+                                                          href: entry.href,
+                                                          target: entry.external ? '_blank' : undefined,
+                                                          "data-testid": `cn-record-list-row-action-${entry.index}`
+                                                        }, {
+                                                          default: withCtx(() => [
+                                                            createTextVNode(toDisplayString(entry.action.label), 1 /* TEXT */)
+                                                          ]),
+                                                          _: 2 /* DYNAMIC */
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "target", "data-testid"]))
+                                                      : (openBlock(), createBlock(_component_NcActionButton, {
+                                                          key: 1,
+                                                          closeAfterClick: true,
+                                                          "data-testid": `cn-record-list-row-action-${entry.index}`,
+                                                          onClick: $event => ($options.runRowActionEntry(entry.action, item.row))
+                                                        }, {
+                                                          default: withCtx(() => [
+                                                            createTextVNode(toDisplayString(entry.action.label), 1 /* TEXT */)
+                                                          ]),
+                                                          _: 2 /* DYNAMIC */
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+                                                  ], 64 /* STABLE_FRAGMENT */))
                                                 }), 128 /* KEYED_FRAGMENT */))
                                               ]),
                                               _: 2 /* DYNAMIC */
@@ -460,8 +521,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_27, [
-                                            createElementVNode("span", _hoisted_28, [
+                                          createElementVNode("span", _hoisted_30, [
+                                            createElementVNode("span", _hoisted_31, [
                                               ($options.cardIcons)
                                                 ? (openBlock(), createBlock(_component_CnIcon, {
                                                     key: 0,
@@ -471,11 +532,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   }, null, 8 /* PROPS */, ["name"]))
                                                 : createCommentVNode("v-if", true),
                                               (item.title)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_29, toDisplayString(item.title), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.title), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true)
                                             ]),
                                             (item.pill || item.badges.length > 0)
-                                              ? (openBlock(), createElementBlock("span", _hoisted_30, [
+                                              ? (openBlock(), createElementBlock("span", _hoisted_33, [
                                                   (item.pill)
                                                     ? (openBlock(), createBlock(_component_CnStatusBadge, {
                                                         key: 0,
@@ -497,17 +558,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               : createCommentVNode("v-if", true)
                                           ]),
                                           (item.meta)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(item.meta), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(item.meta), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true),
                                           (item.trailing)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.trailing), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString(item.trailing), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true)
                                         ]),
                                         _: 2 /* DYNAMIC */
                                       }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                     : ($options.presentation === 'feed')
-                                      ? (openBlock(), createElementBlock("div", _hoisted_33, [
-                                          createElementVNode("span", _hoisted_34, [
+                                      ? (openBlock(), createElementBlock("div", _hoisted_36, [
+                                          createElementVNode("span", _hoisted_37, [
                                             createVNode(_component_CnIcon, {
                                               name: item.icon,
                                               size: 18
@@ -516,18 +577,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_35, 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_36, toDisplayString(item.text), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(item.text), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true)
                                             ]),
                                             _: 2 /* DYNAMIC */
                                           }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
                                         ]))
-                                      : (openBlock(), createElementBlock("div", _hoisted_37, [
+                                      : (openBlock(), createElementBlock("div", _hoisted_40, [
                                           (item.label)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(item.label), 1 /* TEXT */))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_41, 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(() => [
@@ -551,21 +612,21 @@ 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_39))
+                                  ], 10 /* CLASS, PROPS */, _hoisted_42))
                                 : createCommentVNode("v-if", true)
                             ]))
                           }), 128 /* KEYED_FRAGMENT */))
-                        ], 8 /* PROPS */, _hoisted_9)
+                        ], 8 /* PROPS */, _hoisted_12)
                       ], 64 /* STABLE_FRAGMENT */))
                     }), 128 /* KEYED_FRAGMENT */)),
     ($data.actionError)
-      ? (openBlock(), createElementBlock("p", _hoisted_40, toDisplayString($data.actionError), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_43, toDisplayString($data.actionError), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
     ($options.footnote && !$data.error && !$options.absent && $data.rows.length > 0)
-      ? (openBlock(), createElementBlock("p", _hoisted_41, toDisplayString($options.footnote), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_44, toDisplayString($options.footnote), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
     ($options.footerAction && !$data.error)
-      ? (openBlock(), createElementBlock("div", _hoisted_42, [
+      ? (openBlock(), createElementBlock("div", _hoisted_45, [
           createVNode(_component_NcButton, {
             variant: "secondary",
             disabled: $data.footerDisabled,
@@ -597,7 +658,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_43))
+              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_46))
             : createCommentVNode("v-if", true)
         ]))
       : createCommentVNode("v-if", true)