@conduction/nextcloud-vue 2.149.0 → 2.151.0

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

@@ -120,113 +120,119 @@ const _hoisted_34 = {
   "aria-hidden": "true",
   "data-testid": "cn-record-list-avatar"
 };
-const _hoisted_35 = { class: "cn-record-list__main" };
-const _hoisted_36 = {
+const _hoisted_35 = {
+  key: 4,
+  class: "cn-record-list__icon-tile",
+  "aria-hidden": "true",
+  "data-testid": "cn-record-list-icon-tile"
+};
+const _hoisted_36 = { class: "cn-record-list__main" };
+const _hoisted_37 = {
   key: 0,
   class: "cn-record-list__title"
 };
-const _hoisted_37 = {
+const _hoisted_38 = {
   key: 1,
   class: "cn-record-list__meta"
 };
-const _hoisted_38 = {
+const _hoisted_39 = {
   key: 2,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-text"
 };
-const _hoisted_39 = {
+const _hoisted_40 = {
   key: 4,
   class: "cn-record-list__meta",
   "data-testid": "cn-record-list-links"
 };
-const _hoisted_40 = { key: 1 };
-const _hoisted_41 = { key: 2 };
-const _hoisted_42 = {
-  key: 4,
+const _hoisted_41 = { key: 1 };
+const _hoisted_42 = { key: 2 };
+const _hoisted_43 = {
+  key: 5,
   class: "cn-record-list__aside"
 };
-const _hoisted_43 = {
+const _hoisted_44 = {
   key: 0,
   class: "cn-record-list__flag",
   "data-testid": "cn-record-list-flag"
 };
-const _hoisted_44 = {
+const _hoisted_45 = {
   key: 3,
   class: "cn-record-list__trailing"
 };
-const _hoisted_45 = { class: "cn-record-list__card-head" };
-const _hoisted_46 = { class: "cn-record-list__card-title" };
-const _hoisted_47 = {
+const _hoisted_46 = { class: "cn-record-list__card-head" };
+const _hoisted_47 = { class: "cn-record-list__card-title" };
+const _hoisted_48 = {
   key: 1,
   class: "cn-record-list__title"
 };
-const _hoisted_48 = {
+const _hoisted_49 = {
   key: 0,
   class: "cn-record-list__card-pills"
 };
-const _hoisted_49 = {
+const _hoisted_50 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_50 = {
+const _hoisted_51 = {
   key: 1,
   class: "cn-record-list__card-value",
   "data-testid": "cn-record-list-card-value"
 };
-const _hoisted_51 = {
+const _hoisted_52 = {
   key: 3,
   class: "cn-record-list__feed-row"
 };
-const _hoisted_52 = {
+const _hoisted_53 = {
   class: "cn-record-list__feed-icon",
   "aria-hidden": "true"
 };
-const _hoisted_53 = {
+const _hoisted_54 = {
   key: 0,
   class: "cn-record-list__meta"
 };
-const _hoisted_54 = {
+const _hoisted_55 = {
   key: 1,
   class: "cn-record-list__text"
 };
-const _hoisted_55 = {
+const _hoisted_56 = {
   key: 4,
   class: "cn-record-list__inline-row"
 };
-const _hoisted_56 = {
+const _hoisted_57 = {
   key: 0,
   class: "cn-record-list__label"
 };
-const _hoisted_57 = ["aria-label", "aria-valuenow", "aria-valuemax"];
-const _hoisted_58 = {
+const _hoisted_58 = ["aria-label", "aria-valuenow", "aria-valuemax"];
+const _hoisted_59 = {
   key: 10,
   class: "cn-record-list__error",
   role: "alert",
   "data-testid": "cn-record-list-action-error"
 };
-const _hoisted_59 = { class: "cn-record-list__notice-text" };
-const _hoisted_60 = {
+const _hoisted_60 = { class: "cn-record-list__notice-text" };
+const _hoisted_61 = {
   key: 12,
   class: "cn-record-list__footnote",
   "data-testid": "cn-record-list-footnote"
 };
-const _hoisted_61 = ["href"];
-const _hoisted_62 = {
+const _hoisted_62 = ["href"];
+const _hoisted_63 = {
   key: 15,
   class: "cn-record-list__group-head",
   "data-testid": "cn-record-list-group-head"
 };
-const _hoisted_63 = {
+const _hoisted_64 = {
   class: "cn-record-list__group-heading",
   "data-testid": "cn-record-list-group-heading"
 };
-const _hoisted_64 = ["id"];
-const _hoisted_65 = {
+const _hoisted_65 = ["id"];
+const _hoisted_66 = {
   key: 0,
   class: "cn-record-list__footer-note",
   "data-testid": "cn-record-list-footer-note"
 };
-const _hoisted_66 = ["id"];
+const _hoisted_67 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
@@ -660,15 +666,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     "data-testid": "cn-record-list-dot"
                                                   }, null, 4 /* STYLE */))
                                                 : createCommentVNode("v-if", true),
-                                              createElementVNode("span", _hoisted_35, [
+                                              ($options.iconTiles)
+                                                ? (openBlock(), createElementBlock("span", _hoisted_35, [
+                                                    createVNode(_component_CnIcon, {
+                                                      name: item.icon,
+                                                      size: 18
+                                                    }, null, 8 /* PROPS */, ["name"])
+                                                  ]))
+                                                : createCommentVNode("v-if", true),
+                                              createElementVNode("span", _hoisted_36, [
                                                 (item.title)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_36, toDisplayString(item.title), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(item.title), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.meta)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString(item.meta), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(item.meta), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.text)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_38, toDisplayString(item.text), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_39, toDisplayString(item.text), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.due && $options.dueBelow)
                                                   ? (openBlock(), createElementBlock("span", {
@@ -678,7 +692,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.links.length > 0)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_39, [
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_40, [
                                                       createTextVNode(toDisplayString($options.linksLabel) + " ", 1 /* TEXT */),
                                                       (openBlock(true), createElementBlock(Fragment, null, renderList(item.links, (link, linkIndex) => {
                                                         return (openBlock(), createElementBlock(Fragment, {
@@ -694,9 +708,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                                 ]),
                                                                 _: 2 /* DYNAMIC */
                                                               }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                                            : (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(link.label), 1 /* TEXT */)),
+                                                            : (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString(link.label), 1 /* TEXT */)),
                                                           (linkIndex < item.links.length - 1)
-                                                            ? (openBlock(), createElementBlock("span", _hoisted_41, ", "))
+                                                            ? (openBlock(), createElementBlock("span", _hoisted_42, ", "))
                                                             : createCommentVNode("v-if", true)
                                                         ], 64 /* STABLE_FRAGMENT */))
                                                       }), 128 /* KEYED_FRAGMENT */))
@@ -704,9 +718,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   : createCommentVNode("v-if", true)
                                               ]),
                                               ((item.pill && !$options.pillFirst) || item.badges.length > 0 || (item.due && !$options.dueBelow) || item.trailing || item.flag)
-                                                ? (openBlock(), createElementBlock("span", _hoisted_42, [
+                                                ? (openBlock(), createElementBlock("span", _hoisted_43, [
                                                     (item.flag)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_43, toDisplayString(item.flag), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_44, toDisplayString(item.flag), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true),
                                                     (item.pill && !$options.pillFirst)
                                                       ? (openBlock(), createBlock(_component_CnStatusBadge, {
@@ -733,20 +747,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, toDisplayString(item.due.text), 3 /* TEXT, CLASS */))
                                                       : createCommentVNode("v-if", true),
                                                     (item.trailing)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_44, toDisplayString(item.trailing), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_45, toDisplayString(item.trailing), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true)
                                                   ]))
                                                 : createCommentVNode("v-if", true),
                                               (item.tag !== 'div' && $props.content.chevron !== false)
                                                 ? (openBlock(), createBlock(_component_ChevronRight, {
-                                                    key: 5,
+                                                    key: 6,
                                                     class: "cn-record-list__chevron",
                                                     size: 18,
                                                     "aria-hidden": "true"
                                                   }))
                                                 : createCommentVNode("v-if", true),
                                               (item.tag === 'div')
-                                                ? (openBlock(true), createElementBlock(Fragment, { key: 6 }, renderList($options.setFieldActions, (action, actionIndex) => {
+                                                ? (openBlock(true), createElementBlock(Fragment, { key: 7 }, renderList($options.setFieldActions, (action, actionIndex) => {
                                                     return (openBlock(), createElementBlock(Fragment, null, [
                                                       ($options.setFieldDone(action, item.row))
                                                         ? (openBlock(), createElementBlock("span", {
@@ -777,7 +791,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                 : createCommentVNode("v-if", true),
                                               (item.tag === 'div' && item.rowActions.length > 0)
                                                 ? (openBlock(), createBlock(_component_NcActions, {
-                                                    key: 7,
+                                                    key: 8,
                                                     "aria-label": $options.rowActionsLabel,
                                                     "data-testid": "cn-record-list-row-actions"
                                                   }, {
@@ -824,8 +838,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               class: ["cn-record-list__card", { 'cn-record-list__card--link': item.tag !== 'div' }]
                                             }, { ref_for: true }, item.attrs, { "data-testid": "cn-record-list-card" }), {
                                               default: withCtx(() => [
-                                                createElementVNode("span", _hoisted_45, [
-                                                  createElementVNode("span", _hoisted_46, [
+                                                createElementVNode("span", _hoisted_46, [
+                                                  createElementVNode("span", _hoisted_47, [
                                                     ($options.cardIcons)
                                                       ? (openBlock(), createBlock(_component_CnIcon, {
                                                           key: 0,
@@ -835,11 +849,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                         }, null, 8 /* PROPS */, ["name"]))
                                                       : createCommentVNode("v-if", true),
                                                     (item.title)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_47, toDisplayString(item.title), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_48, toDisplayString(item.title), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true)
                                                   ]),
                                                   (item.pill || item.badges.length > 0)
-                                                    ? (openBlock(), createElementBlock("span", _hoisted_48, [
+                                                    ? (openBlock(), createElementBlock("span", _hoisted_49, [
                                                         (item.pill)
                                                           ? (openBlock(), createBlock(_component_CnStatusBadge, {
                                                               key: 0,
@@ -861,17 +875,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                     : createCommentVNode("v-if", true)
                                                 ]),
                                                 (item.meta)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_49, toDisplayString(item.meta), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_50, toDisplayString(item.meta), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (item.trailing)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_50, toDisplayString(item.trailing), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_51, toDisplayString(item.trailing), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true)
                                               ]),
                                               _: 2 /* DYNAMIC */
                                             }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["class"]))
                                           : ($options.presentation === 'feed')
-                                            ? (openBlock(), createElementBlock("div", _hoisted_51, [
-                                                createElementVNode("span", _hoisted_52, [
+                                            ? (openBlock(), createElementBlock("div", _hoisted_52, [
+                                                createElementVNode("span", _hoisted_53, [
                                                   createVNode(_component_CnIcon, {
                                                     name: item.icon,
                                                     size: 18
@@ -880,18 +894,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                 (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({ class: "cn-record-list__main" }, { ref_for: true }, item.attrs), {
                                                   default: withCtx(() => [
                                                     (item.meta)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_53, toDisplayString(item.meta), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_54, toDisplayString(item.meta), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true),
                                                     (item.text)
-                                                      ? (openBlock(), createElementBlock("span", _hoisted_54, toDisplayString(item.text), 1 /* TEXT */))
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_55, toDisplayString(item.text), 1 /* TEXT */))
                                                       : createCommentVNode("v-if", true)
                                                   ]),
                                                   _: 2 /* DYNAMIC */
                                                 }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
                                               ]))
-                                            : (openBlock(), createElementBlock("div", _hoisted_55, [
+                                            : (openBlock(), createElementBlock("div", _hoisted_56, [
                                                 (item.label)
-                                                  ? (openBlock(), createElementBlock("span", _hoisted_56, toDisplayString(item.label), 1 /* TEXT */))
+                                                  ? (openBlock(), createElementBlock("span", _hoisted_57, toDisplayString(item.label), 1 /* TEXT */))
                                                   : createCommentVNode("v-if", true),
                                                 (openBlock(), createBlock(resolveDynamicComponent(item.tag), mergeProps({ class: "cn-record-list__inline-title" }, { ref_for: true }, item.attrs), {
                                                   default: withCtx(() => [
@@ -915,7 +929,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             class: "cn-record-list__bar-fill",
                                             style: normalizeStyle({ width: `${item.bar.share}%` })
                                           }, null, 4 /* STYLE */)
-                                        ], 10 /* CLASS, PROPS */, _hoisted_57))
+                                        ], 10 /* CLASS, PROPS */, _hoisted_58))
                                       : createCommentVNode("v-if", true)
                                   ]))
                                 }), 128 /* KEYED_FRAGMENT */))
@@ -924,7 +938,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ], 64 /* STABLE_FRAGMENT */))
                       }), 128 /* KEYED_FRAGMENT */)),
     ($data.actionError)
-      ? (openBlock(), createElementBlock("p", _hoisted_58, toDisplayString($data.actionError), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_59, toDisplayString($data.actionError), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
     ($options.footnoteTone && $options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
       ? (openBlock(), createElementBlock("div", {
@@ -938,10 +952,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "cn-record-list__notice-icon",
             "aria-hidden": "true"
           }, null, 8 /* PROPS */, ["name"]),
-          createElementVNode("p", _hoisted_59, toDisplayString($options.footnote), 1 /* TEXT */)
+          createElementVNode("p", _hoisted_60, toDisplayString($options.footnote), 1 /* TEXT */)
         ], 2 /* CLASS */))
       : ($options.footnote && !$data.error && !$options.absent && ($data.rows.length > 0 || $options.footnoteFromAnswer))
-        ? (openBlock(), createElementBlock("p", _hoisted_60, toDisplayString($options.footnote), 1 /* TEXT */))
+        ? (openBlock(), createElementBlock("p", _hoisted_61, toDisplayString($options.footnote), 1 /* TEXT */))
         : createCommentVNode("v-if", true),
     ($options.footerLink && $options.footerLink.to)
       ? (openBlock(), createBlock(_component_router_link, {
@@ -961,11 +975,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "cn-record-list__footer-link",
             href: $options.footerLink.href,
             "data-testid": "cn-record-list-footer-link"
-          }, toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_61))
+          }, toDisplayString($options.footerLink.label), 9 /* TEXT, PROPS */, _hoisted_62))
         : createCommentVNode("v-if", true),
     ($options.footerGroupHead && $data.rows.length === 0 && !$data.error && !$data.loading)
-      ? (openBlock(), createElementBlock("div", _hoisted_62, [
-          createElementVNode("h3", _hoisted_63, toDisplayString($options.footerGroupHead), 1 /* TEXT */),
+      ? (openBlock(), createElementBlock("div", _hoisted_63, [
+          createElementVNode("h3", _hoisted_64, toDisplayString($options.footerGroupHead), 1 /* TEXT */),
           createVNode(_component_NcButton, {
             variant: "secondary",
             class: normalizeClass({ 'cn-record-list__action--tonal': $options.footerTonal }),
@@ -1000,7 +1014,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           id: $data.footerReasonId,
           class: "cn-record-list__footer-reason",
           "data-testid": "cn-record-list-footer-reason"
-        }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_64))
+        }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_65))
       : createCommentVNode("v-if", true),
     ($options.footerAction && $options.footerGroup === '' && !$data.error)
       ? (openBlock(), createElementBlock("div", {
@@ -1009,7 +1023,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "data-testid": "cn-record-list-footer"
         }, [
           ($options.footerAction.note)
-            ? (openBlock(), createElementBlock("p", _hoisted_65, toDisplayString($options.footerAction.note), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("p", _hoisted_66, toDisplayString($options.footerAction.note), 1 /* TEXT */))
             : createCommentVNode("v-if", true),
           createVNode(_component_NcButton, {
             variant: "secondary",
@@ -1044,7 +1058,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 id: $data.footerReasonId,
                 class: "cn-record-list__footer-reason",
                 "data-testid": "cn-record-list-footer-reason"
-              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_66))
+              }, toDisplayString($options.footerAction.reason), 9 /* TEXT, PROPS */, _hoisted_67))
             : createCommentVNode("v-if", true)
         ], 2 /* CLASS */))
       : createCommentVNode("v-if", true)