@conduction/nextcloud-vue 2.129.0 → 2.130.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, createElementVNode, Fragment, renderList, createTextVNode, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, mergeProps, toHandlers, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, createElementVNode, Fragment, renderList, createTextVNode, normalizeStyle, createBlock, withCtx, createSlots, resolveDynamicComponent, mergeProps, toHandlers } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -36,160 +36,193 @@ 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_11 = {
+  key: 0,
+  scope: "col",
+  class: "cn-record-list__cell--actions"
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "cn-record-list__cell-text"
+};
 const _hoisted_13 = {
+  key: 3,
+  class: "cn-record-list__cell-sub"
+};
+const _hoisted_14 = {
+  key: 0,
+  class: "cn-record-list__cell--actions"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "cn-record-list__group-head",
+  "data-testid": "cn-record-list-group-head"
+};
+const _hoisted_16 = ["id"];
+const _hoisted_17 = ["id"];
+const _hoisted_18 = ["aria-labelledby", "data-testid"];
+const _hoisted_19 = {
   key: 0,
   class: "cn-record-list__row cn-record-list__row--action"
 };
-const _hoisted_14 = {
+const _hoisted_20 = {
   key: 0,
   class: "cn-record-list__leading",
   "data-testid": "cn-record-list-leading"
 };
-const _hoisted_15 = {
+const _hoisted_21 = {
   key: 1,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_16 = { class: "cn-record-list__main" };
-const _hoisted_17 = {
+const _hoisted_22 = { class: "cn-record-list__main" };
+const _hoisted_23 = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_18 = {
+const _hoisted_24 = {
   key: 3,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_19 = {
+const _hoisted_25 = {
   key: 4,
   class: "cn-record-list__pills"
 };
-const _hoisted_20 = {
+const _hoisted_26 = {
   key: 6,
   class: "cn-record-list__trailing"
 };
-const _hoisted_21 = {
+const _hoisted_27 = {
   key: 0,
   class: "cn-record-list__leading",
   "data-testid": "cn-record-list-leading"
 };
-const _hoisted_22 = {
+const _hoisted_28 = {
   key: 1,
   class: "cn-record-list__avatar",
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_23 = { class: "cn-record-list__main" };
-const _hoisted_24 = {
+const _hoisted_29 = { class: "cn-record-list__main" };
+const _hoisted_30 = {
   key: 0,
   class: "cn-record-list__title"
 };
-const _hoisted_25 = {
+const _hoisted_31 = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_26 = {
+const _hoisted_32 = {
   key: 2,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-text"
 };
-const _hoisted_27 = {
+const _hoisted_33 = {
   key: 3,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-links"
 };
-const _hoisted_28 = { key: 1 };
-const _hoisted_29 = { key: 2 };
-const _hoisted_30 = {
+const _hoisted_34 = { key: 1 };
+const _hoisted_35 = { key: 2 };
+const _hoisted_36 = {
   key: 3,
   class: "cn-record-list__aside"
 };
-const _hoisted_31 = {
+const _hoisted_37 = {
   key: 0,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_32 = {
+const _hoisted_38 = {
   key: 3,
   class: "cn-record-list__trailing"
 };
-const _hoisted_33 = { class: "cn-record-list__card-head" };
-const _hoisted_34 = { class: "cn-record-list__card-title" };
-const _hoisted_35 = {
+const _hoisted_39 = { class: "cn-record-list__card-head" };
+const _hoisted_40 = { class: "cn-record-list__card-title" };
+const _hoisted_41 = {
   key: 1,
   class: "cn-record-list__title"
 };
-const _hoisted_36 = {
+const _hoisted_42 = {
   key: 0,
   class: "cn-record-list__card-pills"
 };
-const _hoisted_37 = {
+const _hoisted_43 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_38 = {
+const _hoisted_44 = {
   key: 1,
   class: "cn-record-list__card-value",
   "data-testid": "cn-record-list-card-value"
 };
-const _hoisted_39 = {
+const _hoisted_45 = {
   key: 3,
   class: "cn-record-list__feed-row"
 };
-const _hoisted_40 = {
+const _hoisted_46 = {
   class: "cn-record-list__feed-icon",
   "aria-hidden": "true"
 };
-const _hoisted_41 = {
+const _hoisted_47 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_42 = {
+const _hoisted_48 = {
   key: 1,
   class: "cn-record-list__text"
 };
-const _hoisted_43 = {
+const _hoisted_49 = {
   key: 4,
   class: "cn-record-list__inline-row"
 };
-const _hoisted_44 = {
+const _hoisted_50 = {
   key: 0,
   class: "cn-record-list__label"
 };
-const _hoisted_45 = ["aria-label", "aria-valuenow", "aria-valuemax"];
-const _hoisted_46 = {
+const _hoisted_51 = ["aria-label", "aria-valuenow", "aria-valuemax"];
+const _hoisted_52 = {
   key: 9,
   class: "cn-record-list__error",
   role: "alert",
   "data-testid": "cn-record-list-action-error"
 };
-const _hoisted_47 = {
+const _hoisted_53 = {
   key: 10,
   class: "cn-record-list__footnote",
   "data-testid": "cn-record-list-footnote"
 };
-const _hoisted_48 = {
+const _hoisted_54 = {
   key: 11,
+  class: "cn-record-list__group-head",
+  "data-testid": "cn-record-list-group-head"
+};
+const _hoisted_55 = {
+  class: "cn-record-list__group-heading",
+  "data-testid": "cn-record-list-group-heading"
+};
+const _hoisted_56 = ["id"];
+const _hoisted_57 = {
+  key: 13,
   class: "cn-record-list__footer",
   "data-testid": "cn-record-list-footer"
 };
-const _hoisted_49 = ["id"];
+const _hoisted_58 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_CnIcon = resolveComponent("CnIcon");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_router_link = resolveComponent("router-link");
-  const _component_CnRecordNoteRows = resolveComponent("CnRecordNoteRows");
-  const _component_ChevronRight = resolveComponent("ChevronRight");
-  const _component_Check = resolveComponent("Check");
-  const _component_NcButton = resolveComponent("NcButton");
   const _component_NcActionLink = resolveComponent("NcActionLink");
   const _component_NcActionButton = resolveComponent("NcActionButton");
   const _component_NcActions = resolveComponent("NcActions");
+  const _component_CnRecordNoteRows = resolveComponent("CnRecordNoteRows");
+  const _component_NcButton = resolveComponent("NcButton");
+  const _component_ChevronRight = resolveComponent("ChevronRight");
+  const _component_Check = resolveComponent("Check");
 
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["cn-record-list", [`cn-record-list--${$options.presentation}`, { 'cn-record-list--compact': $props.content.density === 'compact' }]]),
@@ -252,7 +285,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   createTextVNode(toDisplayString(col.label), 1 /* TEXT */)
                                 ], 64 /* STABLE_FRAGMENT */))
                           ], 10 /* CLASS, PROPS */, _hoisted_8))
-                        }), 128 /* KEYED_FRAGMENT */))
+                        }), 128 /* KEYED_FRAGMENT */)),
+                        ($options.rowActions.length > 0)
+                          ? (openBlock(), createElementBlock("th", _hoisted_11, toDisplayString($options.rowActionsHeader), 1 /* TEXT */))
+                          : createCommentVNode("v-if", true)
                       ])
                     ]),
                     createElementVNode("tbody", null, [
@@ -277,18 +313,64 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 : (cellIndex === 0 && item.to)
                                   ? (openBlock(), createBlock(_component_router_link, {
                                       key: 1,
-                                      to: item.to
+                                      to: item.to,
+                                      class: "cn-record-list__cell-text"
                                     }, {
                                       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 */))
+                                  : (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(cell.text), 1 /* TEXT */)),
+                              (cell.sub)
+                                ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(cell.sub), 1 /* TEXT */))
+                                : createCommentVNode("v-if", true)
                             ], 6 /* CLASS, STYLE */))
-                          }), 128 /* KEYED_FRAGMENT */))
+                          }), 128 /* KEYED_FRAGMENT */)),
+                          ($options.rowActions.length > 0)
+                            ? (openBlock(), createElementBlock("td", _hoisted_14, [
+                                (item.rowActions.length > 0)
+                                  ? (openBlock(), createBlock(_component_NcActions, {
+                                      key: 0,
+                                      "aria-label": $options.rowActionsLabel,
+                                      "data-testid": "cn-record-list-row-actions"
+                                    }, {
+                                      default: withCtx(() => [
+                                        (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 */
+                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"]))
+                                  : createCommentVNode("v-if", true)
+                              ]))
+                            : createCommentVNode("v-if", true)
                         ]))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
@@ -305,110 +387,68 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       return (openBlock(), createElementBlock(Fragment, {
                         key: group.key
                       }, [
-                        (group.label)
-                          ? (openBlock(), createElementBlock("h3", {
-                              key: 0,
-                              id: group.headingId,
-                              class: "cn-record-list__group-heading",
-                              "data-testid": "cn-record-list-group-heading"
-                            }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_11))
-                          : createCommentVNode("v-if", true),
-                        createElementVNode("ul", {
-                          class: "cn-record-list__list",
-                          "aria-labelledby": group.label ? group.headingId : null,
-                          "data-testid": $options.isGrouped ? 'cn-record-list-group' : null
-                        }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
-                            return (openBlock(), createElementBlock("li", {
-                              key: item.key,
-                              class: "cn-record-list__item",
-                              "data-testid": "cn-record-list-item"
-                            }, [
-                              ($options.presentation === 'rows' && item.action)
-                                ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                                    (item.leading)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(item.leading), 1 /* TEXT */))
-                                      : createCommentVNode("v-if", true),
-                                    (item.initials)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(item.initials), 1 /* TEXT */))
-                                      : createCommentVNode("v-if", true),
-                                    (item.dot)
-                                      ? (openBlock(), createElementBlock("span", {
-                                          key: 2,
-                                          class: "cn-record-list__dot",
-                                          style: normalizeStyle({ background: item.dot }),
-                                          "aria-hidden": "true",
-                                          "data-testid": "cn-record-list-dot"
-                                        }, null, 4 /* STYLE */))
-                                      : createCommentVNode("v-if", true),
-                                    createElementVNode("span", _hoisted_16, [
-                                      (item.title)
-                                        ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
-                                            key: 0,
-                                            class: ["cn-record-list__title", { 'cn-record-list__title--link': item.tag !== 'div' }]
-                                          }, { ref_for: true }, item.attrs), {
-                                            default: withCtx(() => [
-                                              createTextVNode(toDisplayString(item.title), 1 /* TEXT */)
-                                            ]),
-                                            _: 2 /* DYNAMIC */
-                                          }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
-                                        : createCommentVNode("v-if", true),
-                                      (item.meta)
-                                        ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(item.meta), 1 /* TEXT */))
-                                        : createCommentVNode("v-if", true)
-                                    ]),
-                                    (item.flag)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(item.flag), 1 /* TEXT */))
-                                      : createCommentVNode("v-if", true),
-                                    (item.pill || item.badges.length > 0)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_19, [
-                                          (item.pill)
-                                            ? (openBlock(), createBlock(_component_CnStatusBadge, {
-                                                key: 0,
-                                                label: item.pill.label,
-                                                variant: item.pill.variant,
-                                                size: "small"
-                                              }, null, 8 /* PROPS */, ["label", "variant"]))
-                                            : createCommentVNode("v-if", true),
-                                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.badges, (badge) => {
-                                            return (openBlock(), createBlock(_component_CnStatusBadge, {
-                                              key: badge.key,
-                                              label: badge.label,
-                                              variant: badge.variant,
-                                              size: "small",
-                                              "data-testid": `cn-record-list-badge-${badge.kind}`
-                                            }, null, 8 /* PROPS */, ["label", "variant", "data-testid"]))
-                                          }), 128 /* KEYED_FRAGMENT */))
-                                        ]))
-                                      : createCommentVNode("v-if", true),
-                                    (item.due)
-                                      ? (openBlock(), createElementBlock("span", {
-                                          key: 5,
-                                          class: normalizeClass(["cn-record-list__due cn-record-list__due--column", [`cn-record-list__due--${item.due.tone}`, { 'cn-record-list__due--soon': item.due.soon }]]),
-                                          "data-testid": "cn-record-list-due"
-                                        }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
-                                      : createCommentVNode("v-if", true),
-                                    (item.trailing)
-                                      ? (openBlock(), createElementBlock("span", _hoisted_20, 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(() => [
-                                        createTextVNode(toDisplayString(item.action.label), 1 /* TEXT */)
+                        (group.label && $options.footerGroup !== '' && group.value === $options.footerGroup)
+                          ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                              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_16),
+                              createVNode(_component_NcButton, {
+                                variant: "secondary",
+                                class: normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
+                                disabled: $data.footerDisabled,
+                                "aria-describedby": $data.footerDisabled && $options.footerAction.reason ? $data.footerReasonId : null,
+                                "data-testid": "cn-record-list-footer-action",
+                                onClick: $options.runFooterAction
+                              }, createSlots({
+                                default: withCtx(() => [
+                                  createTextVNode(" " + toDisplayString($options.footerAction.label), 1 /* TEXT */)
+                                ]),
+                                _: 2 /* DYNAMIC */
+                              }, [
+                                ($options.footerAction.icon)
+                                  ? {
+                                      name: "icon",
+                                      fn: withCtx(() => [
+                                        createVNode(_component_CnIcon, {
+                                          name: $options.footerAction.icon,
+                                          size: 16
+                                        }, null, 8 /* PROPS */, ["name"])
                                       ]),
-                                      _: 2 /* DYNAMIC */
-                                    }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
-                                  ]))
-                                : ($options.presentation === 'rows')
-                                  ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
-                                      key: 1,
-                                      class: ["cn-record-list__row", { 'cn-record-list__row--link': item.tag !== 'div' }]
-                                    }, { ref_for: true }, item.attrs), {
-                                      default: withCtx(() => [
+                                      key: "0"
+                                    }
+                                  : undefined
+                              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "disabled", "aria-describedby", "onClick"])
+                            ]))
+                          : (group.label)
+                            ? (openBlock(), createElementBlock("h3", {
+                                key: 1,
+                                id: group.headingId,
+                                class: "cn-record-list__group-heading",
+                                "data-testid": "cn-record-list-group-heading"
+                              }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_17))
+                            : createCommentVNode("v-if", true),
+                        (group.items.length > 0)
+                          ? (openBlock(), createElementBlock("ul", {
+                              key: 2,
+                              class: "cn-record-list__list",
+                              "aria-labelledby": group.label ? group.headingId : null,
+                              "data-testid": $options.isGrouped ? 'cn-record-list-group' : null
+                            }, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
+                                return (openBlock(), createElementBlock("li", {
+                                  key: item.key,
+                                  class: "cn-record-list__item",
+                                  "data-testid": "cn-record-list-item"
+                                }, [
+                                  ($options.presentation === 'rows' && item.action)
+                                    ? (openBlock(), createElementBlock("div", _hoisted_19, [
                                         (item.leading)
-                                          ? (openBlock(), createElementBlock("span", _hoisted_21, toDisplayString(item.leading), 1 /* TEXT */))
+                                          ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(item.leading), 1 /* TEXT */))
                                           : createCommentVNode("v-if", true),
                                         (item.initials)
-                                          ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(item.initials), 1 /* TEXT */))
+                                          ? (openBlock(), createElementBlock("span", _hoisted_21, toDisplayString(item.initials), 1 /* TEXT */))
                                           : createCommentVNode("v-if", true),
                                         (item.dot)
                                           ? (openBlock(), createElementBlock("span", {
@@ -419,50 +459,30 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               "data-testid": "cn-record-list-dot"
                                             }, null, 4 /* STYLE */))
                                           : createCommentVNode("v-if", true),
-                                        createElementVNode("span", _hoisted_23, [
+                                        createElementVNode("span", _hoisted_22, [
                                           (item.title)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_24, toDisplayString(item.title), 1 /* TEXT */))
+                                            ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
+                                                key: 0,
+                                                class: ["cn-record-list__title", { 'cn-record-list__title--link': item.tag !== 'div' }]
+                                              }, { ref_for: true }, item.attrs), {
+                                                default: withCtx(() => [
+                                                  createTextVNode(toDisplayString(item.title), 1 /* TEXT */)
+                                                ]),
+                                                _: 2 /* DYNAMIC */
+                                              }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                             : createCommentVNode("v-if", true),
                                           (item.meta)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(item.meta), 1 /* TEXT */))
-                                            : createCommentVNode("v-if", true),
-                                          (item.text)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(item.text), 1 /* TEXT */))
-                                            : createCommentVNode("v-if", true),
-                                          (item.links.length > 0)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_27, [
-                                                createTextVNode(toDisplayString($options.linksLabel) + " ", 1 /* TEXT */),
-                                                (openBlock(true), createElementBlock(Fragment, null, renderList(item.links, (link, linkIndex) => {
-                                                  return (openBlock(), createElementBlock(Fragment, {
-                                                    key: link.id
-                                                  }, [
-                                                    (link.to)
-                                                      ? (openBlock(), createBlock(_component_router_link, {
-                                                          key: 0,
-                                                          to: link.to
-                                                        }, {
-                                                          default: withCtx(() => [
-                                                            createTextVNode(toDisplayString(link.label), 1 /* TEXT */)
-                                                          ]),
-                                                          _: 2 /* DYNAMIC */
-                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                                      : (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(link.label), 1 /* TEXT */)),
-                                                    (linkIndex < item.links.length - 1)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_29, ", "))
-                                                      : createCommentVNode("v-if", true)
-                                                  ], 64 /* STABLE_FRAGMENT */))
-                                                }), 128 /* KEYED_FRAGMENT */))
-                                              ]))
+                                            ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(item.meta), 1 /* TEXT */))
                                             : createCommentVNode("v-if", true)
                                         ]),
-                                        (item.pill || item.badges.length > 0 || item.due || item.trailing || item.flag)
-                                          ? (openBlock(), createElementBlock("span", _hoisted_30, [
-                                              (item.flag)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(item.flag), 1 /* TEXT */))
-                                                : createCommentVNode("v-if", true),
+                                        (item.flag)
+                                          ? (openBlock(), createElementBlock("span", _hoisted_24, toDisplayString(item.flag), 1 /* TEXT */))
+                                          : createCommentVNode("v-if", true),
+                                        (item.pill || item.badges.length > 0)
+                                          ? (openBlock(), createElementBlock("span", _hoisted_25, [
                                               (item.pill)
                                                 ? (openBlock(), createBlock(_component_CnStatusBadge, {
-                                                    key: 1,
+                                                    key: 0,
                                                     label: item.pill.label,
                                                     variant: item.pill.variant,
                                                     size: "small"
@@ -476,125 +496,91 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   size: "small",
                                                   "data-testid": `cn-record-list-badge-${badge.kind}`
                                                 }, null, 8 /* PROPS */, ["label", "variant", "data-testid"]))
-                                              }), 128 /* KEYED_FRAGMENT */)),
-                                              (item.due)
-                                                ? (openBlock(), createElementBlock("span", {
-                                                    key: 2,
-                                                    class: normalizeClass(["cn-record-list__due", [`cn-record-list__due--${item.due.tone}`, { 'cn-record-list__due--soon': item.due.soon }]]),
-                                                    "data-testid": "cn-record-list-due"
-                                                  }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
-                                                : createCommentVNode("v-if", true),
-                                              (item.trailing)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.trailing), 1 /* TEXT */))
-                                                : createCommentVNode("v-if", true)
+                                              }), 128 /* KEYED_FRAGMENT */))
                                             ]))
                                           : createCommentVNode("v-if", true),
-                                        (item.tag !== 'div' && $props.content.chevron !== false)
-                                          ? (openBlock(), createBlock(_component_ChevronRight, {
-                                              key: 4,
-                                              class: "cn-record-list__chevron",
-                                              size: 18,
-                                              "aria-hidden": "true"
-                                            }))
+                                        (item.due)
+                                          ? (openBlock(), createElementBlock("span", {
+                                              key: 5,
+                                              class: normalizeClass(["cn-record-list__due cn-record-list__due--column", [`cn-record-list__due--${item.due.tone}`, { 'cn-record-list__due--soon': item.due.soon }]]),
+                                              "data-testid": "cn-record-list-due"
+                                            }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                           : createCommentVNode("v-if", true),
-                                        (item.tag === 'div')
-                                          ? (openBlock(true), createElementBlock(Fragment, { key: 5 }, renderList($options.setFieldActions, (action, actionIndex) => {
-                                              return (openBlock(), createElementBlock(Fragment, null, [
-                                                ($options.setFieldDone(action, item.row))
-                                                  ? (openBlock(), createElementBlock("span", {
-                                                      key: `set-field-done-${actionIndex}`,
-                                                      class: "cn-record-list__set-field-done",
-                                                      "data-testid": "cn-record-list-set-field-done"
-                                                    }, [
-                                                      createVNode(_component_Check, {
-                                                        size: 14,
-                                                        "aria-hidden": "true"
-                                                      }),
-                                                      createTextVNode(toDisplayString(action.doneLabel), 1 /* TEXT */)
-                                                    ]))
-                                                  : (openBlock(), createBlock(_component_NcButton, {
-                                                      key: `set-field-${actionIndex}`,
-                                                      disabled: $data.settingField,
-                                                      ariaLabel: $options.fillRow(action.ariaLabel, item.row) || undefined,
-                                                      "data-testid": "cn-record-list-set-field",
-                                                      onClick: $event => ($options.runSetField(action, item.row))
-                                                    }, {
-                                                      default: withCtx(() => [
-                                                        createTextVNode(toDisplayString(action.label), 1 /* TEXT */)
-                                                      ]),
-                                                      _: 2 /* DYNAMIC */
-                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "ariaLabel", "onClick"]))
-                                              ], 64 /* STABLE_FRAGMENT */))
-                                            }), 256 /* UNKEYED_FRAGMENT */))
+                                        (item.trailing)
+                                          ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString(item.trailing), 1 /* TEXT */))
                                           : createCommentVNode("v-if", true),
-                                        (item.tag === 'div' && item.rowActions.length > 0)
-                                          ? (openBlock(), createBlock(_component_NcActions, {
-                                              key: 6,
-                                              "aria-label": $options.rowActionsLabel,
-                                              "data-testid": "cn-record-list-row-actions"
-                                            }, {
-                                              default: withCtx(() => [
-                                                (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 */
-                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"]))
-                                          : createCommentVNode("v-if", true)
-                                      ]),
-                                      _: 2 /* DYNAMIC */
-                                    }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
-                                  : ($options.presentation === 'cards')
-                                    ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
-                                        key: 2,
-                                        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_33, [
-                                            createElementVNode("span", _hoisted_34, [
-                                              ($options.cardIcons)
-                                                ? (openBlock(), createBlock(_component_CnIcon, {
-                                                    key: 0,
-                                                    class: "cn-record-list__card-icon",
-                                                    name: item.icon,
-                                                    size: 18
-                                                  }, null, 8 /* PROPS */, ["name"]))
-                                                : 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(() => [
+                                            createTextVNode(toDisplayString(item.action.label), 1 /* TEXT */)
+                                          ]),
+                                          _: 2 /* DYNAMIC */
+                                        }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+                                      ]))
+                                    : ($options.presentation === 'rows')
+                                      ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
+                                          key: 1,
+                                          class: ["cn-record-list__row", { 'cn-record-list__row--link': item.tag !== 'div' }]
+                                        }, { ref_for: true }, item.attrs), {
+                                          default: withCtx(() => [
+                                            (item.leading)
+                                              ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString(item.leading), 1 /* TEXT */))
+                                              : createCommentVNode("v-if", true),
+                                            (item.initials)
+                                              ? (openBlock(), createElementBlock("span", _hoisted_28, toDisplayString(item.initials), 1 /* TEXT */))
+                                              : createCommentVNode("v-if", true),
+                                            (item.dot)
+                                              ? (openBlock(), createElementBlock("span", {
+                                                  key: 2,
+                                                  class: "cn-record-list__dot",
+                                                  style: normalizeStyle({ background: item.dot }),
+                                                  "aria-hidden": "true",
+                                                  "data-testid": "cn-record-list-dot"
+                                                }, null, 4 /* STYLE */))
+                                              : createCommentVNode("v-if", true),
+                                            createElementVNode("span", _hoisted_29, [
                                               (item.title)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString(item.title), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_30, toDisplayString(item.title), 1 /* TEXT */))
+                                                : createCommentVNode("v-if", true),
+                                              (item.meta)
+                                                ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(item.meta), 1 /* TEXT */))
+                                                : createCommentVNode("v-if", true),
+                                              (item.text)
+                                                ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.text), 1 /* TEXT */))
+                                                : createCommentVNode("v-if", true),
+                                              (item.links.length > 0)
+                                                ? (openBlock(), createElementBlock("span", _hoisted_33, [
+                                                    createTextVNode(toDisplayString($options.linksLabel) + " ", 1 /* TEXT */),
+                                                    (openBlock(true), createElementBlock(Fragment, null, renderList(item.links, (link, linkIndex) => {
+                                                      return (openBlock(), createElementBlock(Fragment, {
+                                                        key: link.id
+                                                      }, [
+                                                        (link.to)
+                                                          ? (openBlock(), createBlock(_component_router_link, {
+                                                              key: 0,
+                                                              to: link.to
+                                                            }, {
+                                                              default: withCtx(() => [
+                                                                createTextVNode(toDisplayString(link.label), 1 /* TEXT */)
+                                                              ]),
+                                                              _: 2 /* DYNAMIC */
+                                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
+                                                          : (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(link.label), 1 /* TEXT */)),
+                                                        (linkIndex < item.links.length - 1)
+                                                          ? (openBlock(), createElementBlock("span", _hoisted_35, ", "))
+                                                          : createCommentVNode("v-if", true)
+                                                      ], 64 /* STABLE_FRAGMENT */))
+                                                    }), 128 /* KEYED_FRAGMENT */))
+                                                  ]))
                                                 : createCommentVNode("v-if", true)
                                             ]),
-                                            (item.pill || item.badges.length > 0)
+                                            (item.pill || item.badges.length > 0 || item.due || item.trailing || item.flag)
                                               ? (openBlock(), createElementBlock("span", _hoisted_36, [
+                                                  (item.flag)
+                                                    ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(item.flag), 1 /* TEXT */))
+                                                    : createCommentVNode("v-if", true),
                                                   (item.pill)
                                                     ? (openBlock(), createBlock(_component_CnStatusBadge, {
-                                                        key: 0,
+                                                        key: 1,
                                                         label: item.pill.label,
                                                         variant: item.pill.variant,
                                                         size: "small"
@@ -608,82 +594,255 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                       size: "small",
                                                       "data-testid": `cn-record-list-badge-${badge.kind}`
                                                     }, null, 8 /* PROPS */, ["label", "variant", "data-testid"]))
-                                                  }), 128 /* KEYED_FRAGMENT */))
+                                                  }), 128 /* KEYED_FRAGMENT */)),
+                                                  (item.due)
+                                                    ? (openBlock(), createElementBlock("span", {
+                                                        key: 2,
+                                                        class: normalizeClass(["cn-record-list__due", [`cn-record-list__due--${item.due.tone}`, { 'cn-record-list__due--soon': item.due.soon }]]),
+                                                        "data-testid": "cn-record-list-due"
+                                                      }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
+                                                    : createCommentVNode("v-if", true),
+                                                  (item.trailing)
+                                                    ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(item.trailing), 1 /* TEXT */))
+                                                    : createCommentVNode("v-if", true)
                                                 ]))
+                                              : createCommentVNode("v-if", true),
+                                            (item.tag !== 'div' && $props.content.chevron !== false)
+                                              ? (openBlock(), createBlock(_component_ChevronRight, {
+                                                  key: 4,
+                                                  class: "cn-record-list__chevron",
+                                                  size: 18,
+                                                  "aria-hidden": "true"
+                                                }))
+                                              : createCommentVNode("v-if", true),
+                                            (item.tag === 'div')
+                                              ? (openBlock(true), createElementBlock(Fragment, { key: 5 }, renderList($options.setFieldActions, (action, actionIndex) => {
+                                                  return (openBlock(), createElementBlock(Fragment, null, [
+                                                    ($options.setFieldDone(action, item.row))
+                                                      ? (openBlock(), createElementBlock("span", {
+                                                          key: `set-field-done-${actionIndex}`,
+                                                          class: "cn-record-list__set-field-done",
+                                                          "data-testid": "cn-record-list-set-field-done"
+                                                        }, [
+                                                          createVNode(_component_Check, {
+                                                            size: 14,
+                                                            "aria-hidden": "true"
+                                                          }),
+                                                          createTextVNode(toDisplayString(action.doneLabel), 1 /* TEXT */)
+                                                        ]))
+                                                      : (openBlock(), createBlock(_component_NcButton, {
+                                                          key: `set-field-${actionIndex}`,
+                                                          disabled: $data.settingField,
+                                                          ariaLabel: $options.fillRow(action.ariaLabel, item.row) || undefined,
+                                                          "data-testid": "cn-record-list-set-field",
+                                                          onClick: $event => ($options.runSetField(action, item.row))
+                                                        }, {
+                                                          default: withCtx(() => [
+                                                            createTextVNode(toDisplayString(action.label), 1 /* TEXT */)
+                                                          ]),
+                                                          _: 2 /* DYNAMIC */
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "ariaLabel", "onClick"]))
+                                                  ], 64 /* STABLE_FRAGMENT */))
+                                                }), 256 /* UNKEYED_FRAGMENT */))
+                                              : createCommentVNode("v-if", true),
+                                            (item.tag === 'div' && item.rowActions.length > 0)
+                                              ? (openBlock(), createBlock(_component_NcActions, {
+                                                  key: 6,
+                                                  "aria-label": $options.rowActionsLabel,
+                                                  "data-testid": "cn-record-list-row-actions"
+                                                }, {
+                                                  default: withCtx(() => [
+                                                    (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 */
+                                                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label"]))
                                               : createCommentVNode("v-if", true)
                                           ]),
-                                          (item.meta)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(item.meta), 1 /* TEXT */))
-                                            : createCommentVNode("v-if", true),
-                                          (item.trailing)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(item.trailing), 1 /* TEXT */))
-                                            : createCommentVNode("v-if", true)
-                                        ]),
-                                        _: 2 /* DYNAMIC */
-                                      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
-                                    : ($options.presentation === 'feed')
-                                      ? (openBlock(), createElementBlock("div", _hoisted_39, [
-                                          createElementVNode("span", _hoisted_40, [
-                                            createVNode(_component_CnIcon, {
-                                              name: item.icon,
-                                              size: 18
-                                            }, null, 8 /* PROPS */, ["name"])
-                                          ]),
-                                          (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({ class: "cn-record-list__main" }, { ref_for: true }, item.attrs), {
+                                          _: 2 /* DYNAMIC */
+                                        }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
+                                      : ($options.presentation === 'cards')
+                                        ? (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({
+                                            key: 2,
+                                            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_39, [
+                                                createElementVNode("span", _hoisted_40, [
+                                                  ($options.cardIcons)
+                                                    ? (openBlock(), createBlock(_component_CnIcon, {
+                                                        key: 0,
+                                                        class: "cn-record-list__card-icon",
+                                                        name: item.icon,
+                                                        size: 18
+                                                      }, null, 8 /* PROPS */, ["name"]))
+                                                    : createCommentVNode("v-if", true),
+                                                  (item.title)
+                                                    ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(item.title), 1 /* TEXT */))
+                                                    : createCommentVNode("v-if", true)
+                                                ]),
+                                                (item.pill || item.badges.length > 0)
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_42, [
+                                                      (item.pill)
+                                                        ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                                                            key: 0,
+                                                            label: item.pill.label,
+                                                            variant: item.pill.variant,
+                                                            size: "small"
+                                                          }, null, 8 /* PROPS */, ["label", "variant"]))
+                                                        : createCommentVNode("v-if", true),
+                                                      (openBlock(true), createElementBlock(Fragment, null, renderList(item.badges, (badge) => {
+                                                        return (openBlock(), createBlock(_component_CnStatusBadge, {
+                                                          key: badge.key,
+                                                          label: badge.label,
+                                                          variant: badge.variant,
+                                                          size: "small",
+                                                          "data-testid": `cn-record-list-badge-${badge.kind}`
+                                                        }, null, 8 /* PROPS */, ["label", "variant", "data-testid"]))
+                                                      }), 128 /* KEYED_FRAGMENT */))
+                                                    ]))
+                                                  : createCommentVNode("v-if", true)
+                                              ]),
                                               (item.meta)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(item.meta), 1 /* TEXT */))
+                                                ? (openBlock(), createElementBlock("span", _hoisted_43, toDisplayString(item.meta), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true),
-                                              (item.text)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_42, toDisplayString(item.text), 1 /* TEXT */))
+                                              (item.trailing)
+                                                ? (openBlock(), createElementBlock("span", _hoisted_44, toDisplayString(item.trailing), 1 /* TEXT */))
                                                 : createCommentVNode("v-if", true)
                                             ]),
                                             _: 2 /* DYNAMIC */
-                                          }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
-                                        ]))
-                                      : (openBlock(), createElementBlock("div", _hoisted_43, [
-                                          (item.label)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_44, 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(() => [
-                                              createTextVNode(toDisplayString(item.title), 1 /* TEXT */)
-                                            ]),
-                                            _: 2 /* DYNAMIC */
-                                          }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
-                                        ])),
-                              ($options.presentation === 'rows' && item.bar)
-                                ? (openBlock(), createElementBlock("span", {
-                                    key: 5,
-                                    class: normalizeClass(["cn-record-list__bar", { 'cn-record-list__bar--over': item.bar.over }]),
-                                    role: "meter",
-                                    "aria-label": item.title || null,
-                                    "aria-valuenow": item.bar.value,
-                                    "aria-valuemin": "0",
-                                    "aria-valuemax": item.bar.max,
-                                    "data-testid": "cn-record-list-bar"
-                                  }, [
-                                    createElementVNode("span", {
-                                      class: "cn-record-list__bar-fill",
-                                      style: normalizeStyle({ width: `${item.bar.share}%` })
-                                    }, null, 4 /* STYLE */)
-                                  ], 10 /* CLASS, PROPS */, _hoisted_45))
-                                : createCommentVNode("v-if", true)
-                            ]))
-                          }), 128 /* KEYED_FRAGMENT */))
-                        ], 8 /* PROPS */, _hoisted_12)
+                                          }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
+                                        : ($options.presentation === 'feed')
+                                          ? (openBlock(), createElementBlock("div", _hoisted_45, [
+                                              createElementVNode("span", _hoisted_46, [
+                                                createVNode(_component_CnIcon, {
+                                                  name: item.icon,
+                                                  size: 18
+                                                }, null, 8 /* PROPS */, ["name"])
+                                              ]),
+                                              (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({ class: "cn-record-list__main" }, { ref_for: true }, item.attrs), {
+                                                default: withCtx(() => [
+                                                  (item.meta)
+                                                    ? (openBlock(), createElementBlock("span", _hoisted_47, toDisplayString(item.meta), 1 /* TEXT */))
+                                                    : createCommentVNode("v-if", true),
+                                                  (item.text)
+                                                    ? (openBlock(), createElementBlock("span", _hoisted_48, toDisplayString(item.text), 1 /* TEXT */))
+                                                    : createCommentVNode("v-if", true)
+                                                ]),
+                                                _: 2 /* DYNAMIC */
+                                              }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+                                            ]))
+                                          : (openBlock(), createElementBlock("div", _hoisted_49, [
+                                              (item.label)
+                                                ? (openBlock(), createElementBlock("span", _hoisted_50, 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(() => [
+                                                  createTextVNode(toDisplayString(item.title), 1 /* TEXT */)
+                                                ]),
+                                                _: 2 /* DYNAMIC */
+                                              }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+                                            ])),
+                                  ($options.presentation === 'rows' && item.bar)
+                                    ? (openBlock(), createElementBlock("span", {
+                                        key: 5,
+                                        class: normalizeClass(["cn-record-list__bar", { 'cn-record-list__bar--over': item.bar.over }]),
+                                        role: "meter",
+                                        "aria-label": item.title || null,
+                                        "aria-valuenow": item.bar.value,
+                                        "aria-valuemin": "0",
+                                        "aria-valuemax": item.bar.max,
+                                        "data-testid": "cn-record-list-bar"
+                                      }, [
+                                        createElementVNode("span", {
+                                          class: "cn-record-list__bar-fill",
+                                          style: normalizeStyle({ width: `${item.bar.share}%` })
+                                        }, null, 4 /* STYLE */)
+                                      ], 10 /* CLASS, PROPS */, _hoisted_51))
+                                    : createCommentVNode("v-if", true)
+                                ]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ], 8 /* PROPS */, _hoisted_18))
+                          : createCommentVNode("v-if", true)
                       ], 64 /* STABLE_FRAGMENT */))
                     }), 128 /* KEYED_FRAGMENT */)),
     ($data.actionError)
-      ? (openBlock(), createElementBlock("p", _hoisted_46, toDisplayString($data.actionError), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_52, toDisplayString($data.actionError), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
     ($options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
-      ? (openBlock(), createElementBlock("p", _hoisted_47, toDisplayString($options.footnote), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_53, toDisplayString($options.footnote), 1 /* TEXT */))
+      : createCommentVNode("v-if", true),
+    ($options.footerGroupHead && $data.rows.length === 0 && !$data.error && !$data.loading)
+      ? (openBlock(), createElementBlock("div", _hoisted_54, [
+          createElementVNode("h3", _hoisted_55, toDisplayString($options.footerGroupHead), 1 /* TEXT */),
+          createVNode(_component_NcButton, {
+            variant: "secondary",
+            class: normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
+            disabled: $data.footerDisabled,
+            "aria-describedby": $data.footerDisabled && $options.footerAction.reason ? $data.footerReasonId : null,
+            "data-testid": "cn-record-list-footer-action",
+            onClick: $options.runFooterAction
+          }, createSlots({
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString($options.footerAction.label), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, [
+            ($options.footerAction.icon)
+              ? {
+                  name: "icon",
+                  fn: withCtx(() => [
+                    createVNode(_component_CnIcon, {
+                      name: $options.footerAction.icon,
+                      size: 16
+                    }, null, 8 /* PROPS */, ["name"])
+                  ]),
+                  key: "0"
+                }
+              : undefined
+          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "disabled", "aria-describedby", "onClick"])
+        ]))
+      : createCommentVNode("v-if", true),
+    ($options.footerGroup !== '' && $data.footerDisabled && $options.footerAction && $options.footerAction.reason && !$data.error)
+      ? (openBlock(), createElementBlock("p", {
+          key: 12,
+          id: $data.footerReasonId,
+          class: "cn-record-list__footer-reason",
+          "data-testid": "cn-record-list-footer-reason"
+        }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_56))
       : createCommentVNode("v-if", true),
-    ($options.footerAction && !$data.error)
-      ? (openBlock(), createElementBlock("div", _hoisted_48, [
+    ($options.footerAction && $options.footerGroup === '' && !$data.error)
+      ? (openBlock(), createElementBlock("div", _hoisted_57, [
           createVNode(_component_NcButton, {
             variant: "secondary",
+            class: normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
             disabled: $data.footerDisabled,
             "aria-describedby": $data.footerDisabled && $options.footerAction.reason ? $data.footerReasonId : null,
             "data-testid": "cn-record-list-footer-action",
@@ -706,14 +865,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   key: "0"
                 }
               : undefined
-          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "aria-describedby", "onClick"]),
+          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "disabled", "aria-describedby", "onClick"]),
           ($data.footerDisabled && $options.footerAction.reason)
             ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 id: $data.footerReasonId,
                 class: "cn-record-list__footer-reason",
                 "data-testid": "cn-record-list-footer-reason"
-              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_49))
+              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_58))
             : createCommentVNode("v-if", true)
         ]))
       : createCommentVNode("v-if", true)