@conduction/nextcloud-vue 2.105.0 → 2.106.0

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

@@ -1,99 +1,116 @@
-import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, createVNode, toDisplayString, createCommentVNode, withKeys, createTextVNode } from 'vue';
+import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode, createTextVNode, createVNode, withKeys, normalizeClass } from 'vue';
 
 const _hoisted_1 = { class: "cn-related-objects-widget__count" };
 const _hoisted_2 = { class: "cn-related-objects-widget" };
-const _hoisted_3 = {
+const _hoisted_3 = ["aria-labelledby"];
+const _hoisted_4 = { class: "cn-related-objects-widget__section-head" };
+const _hoisted_5 = ["id"];
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "cn-related-objects-widget__list" };
+const _hoisted_8 = ["href"];
+const _hoisted_9 = { class: "cn-related-objects-widget__label" };
+const _hoisted_10 = {
   key: 0,
+  class: "cn-related-objects-widget__meta"
+};
+const _hoisted_11 = ["onClick", "onKeydown"];
+const _hoisted_12 = { class: "cn-related-objects-widget__label" };
+const _hoisted_13 = {
+  key: 0,
+  class: "cn-related-objects-widget__meta"
+};
+const _hoisted_14 = {
+  key: 1,
   class: "cn-related-objects-widget__tabs",
   role: "tablist"
 };
-const _hoisted_4 = ["aria-selected", "onClick"];
-const _hoisted_5 = { class: "cn-related-objects-widget__tab-label" };
-const _hoisted_6 = { class: "cn-related-objects-widget__count" };
-const _hoisted_7 = {
-  key: 1,
+const _hoisted_15 = ["aria-selected", "onClick"];
+const _hoisted_16 = { class: "cn-related-objects-widget__tab-label" };
+const _hoisted_17 = { class: "cn-related-objects-widget__count" };
+const _hoisted_18 = {
+  key: 2,
   class: "cn-related-objects-widget__panel",
   role: "tabpanel"
 };
-const _hoisted_8 = { class: "cn-related-objects-widget__list" };
-const _hoisted_9 = ["href"];
-const _hoisted_10 = { class: "cn-related-objects-widget__label" };
-const _hoisted_11 = {
+const _hoisted_19 = { class: "cn-related-objects-widget__list" };
+const _hoisted_20 = ["href"];
+const _hoisted_21 = { class: "cn-related-objects-widget__label" };
+const _hoisted_22 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_12 = ["onClick", "onKeydown"];
-const _hoisted_13 = { class: "cn-related-objects-widget__label" };
-const _hoisted_14 = {
+const _hoisted_23 = ["onClick", "onKeydown"];
+const _hoisted_24 = { class: "cn-related-objects-widget__label" };
+const _hoisted_25 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_15 = {
+const _hoisted_26 = {
   key: 1,
   class: "cn-related-objects-widget__detail"
 };
-const _hoisted_16 = {
-  key: 2,
+const _hoisted_27 = {
+  key: 3,
   class: "cn-related-objects-widget__section-status",
   "data-testid": "cn-related-pending",
   role: "status"
 };
-const _hoisted_17 = ["data-section"];
-const _hoisted_18 = {
-  key: 3,
+const _hoisted_28 = ["data-section"];
+const _hoisted_29 = {
+  key: 4,
   class: "cn-related-objects-widget__empty"
 };
-const _hoisted_19 = {
+const _hoisted_30 = {
   key: 0,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_20 = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_21 = { class: "cn-related-objects-widget__count" };
-const _hoisted_22 = { class: "cn-related-objects-widget__list" };
-const _hoisted_23 = ["onClick", "onKeydown"];
-const _hoisted_24 = { class: "cn-related-objects-widget__label" };
-const _hoisted_25 = {
+const _hoisted_31 = { class: "cn-related-objects-widget__group-title" };
+const _hoisted_32 = { class: "cn-related-objects-widget__count" };
+const _hoisted_33 = { class: "cn-related-objects-widget__list" };
+const _hoisted_34 = ["onClick", "onKeydown"];
+const _hoisted_35 = { class: "cn-related-objects-widget__label" };
+const _hoisted_36 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_26 = {
+const _hoisted_37 = {
   key: 1,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_27 = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_28 = { class: "cn-related-objects-widget__count" };
-const _hoisted_29 = { class: "cn-related-objects-widget__list" };
-const _hoisted_30 = ["onClick", "onKeydown"];
-const _hoisted_31 = { class: "cn-related-objects-widget__label" };
-const _hoisted_32 = {
+const _hoisted_38 = { class: "cn-related-objects-widget__group-title" };
+const _hoisted_39 = { class: "cn-related-objects-widget__count" };
+const _hoisted_40 = { class: "cn-related-objects-widget__list" };
+const _hoisted_41 = ["onClick", "onKeydown"];
+const _hoisted_42 = { class: "cn-related-objects-widget__label" };
+const _hoisted_43 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_33 = {
+const _hoisted_44 = {
   key: 0,
   class: "cn-related-objects-widget__group-title"
 };
-const _hoisted_34 = { class: "cn-related-objects-widget__count" };
-const _hoisted_35 = {
+const _hoisted_45 = { class: "cn-related-objects-widget__count" };
+const _hoisted_46 = {
   key: 1,
   class: "cn-related-objects-widget__list"
 };
-const _hoisted_36 = ["onClick", "onKeydown"];
-const _hoisted_37 = { class: "cn-related-objects-widget__label" };
-const _hoisted_38 = {
+const _hoisted_47 = ["onClick", "onKeydown"];
+const _hoisted_48 = { class: "cn-related-objects-widget__label" };
+const _hoisted_49 = {
   key: 2,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_39 = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_40 = { class: "cn-related-objects-widget__list cn-related-objects-widget__list--apps" };
-const _hoisted_41 = ["onClick", "onKeydown"];
-const _hoisted_42 = { class: "cn-related-objects-widget__label" };
-const _hoisted_43 = {
+const _hoisted_50 = { class: "cn-related-objects-widget__group-title" };
+const _hoisted_51 = { class: "cn-related-objects-widget__list cn-related-objects-widget__list--apps" };
+const _hoisted_52 = ["onClick", "onKeydown"];
+const _hoisted_53 = { class: "cn-related-objects-widget__label" };
+const _hoisted_54 = {
   key: 3,
   class: "cn-related-objects-widget__empty"
 };
-const _hoisted_44 = { class: "cn-related-objects-widget__footer" };
-const _hoisted_45 = {
+const _hoisted_55 = { class: "cn-related-objects-widget__footer" };
+const _hoisted_56 = {
   key: 2,
   class: "cn-related-objects-widget__add-error"
 };
@@ -124,8 +141,87 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_2, [
         ($options.useTabs)
           ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              ($options.tabStripVisible)
-                ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              ($props.layout === 'sections')
+                ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.visibleGroups, (group) => {
+                    return (openBlock(), createElementBlock("section", {
+                      key: `section-${group.key}`,
+                      class: "cn-related-objects-widget__section",
+                      "aria-labelledby": `${$data.sectionIdBase}-${group.key}`,
+                      "data-testid": "cn-related-section"
+                    }, [
+                      createElementVNode("div", _hoisted_4, [
+                        createElementVNode("h4", {
+                          id: `${$data.sectionIdBase}-${group.key}`,
+                          class: "cn-related-objects-widget__section-title"
+                        }, toDisplayString(group.label), 9 /* TEXT, PROPS */, _hoisted_5),
+                        ($options.groupAction(group))
+                          ? (openBlock(), createElementBlock("button", {
+                              key: 0,
+                              type: "button",
+                              class: "cn-related-objects-widget__section-action",
+                              "data-testid": "cn-related-section-action",
+                              onClick: $event => ($options.onGroupAction(group))
+                            }, [
+                              ($options.groupAction(group).icon)
+                                ? (openBlock(), createBlock(_component_CnIcon, {
+                                    key: 0,
+                                    name: $options.groupAction(group).icon,
+                                    size: 16
+                                  }, null, 8 /* PROPS */, ["name"]))
+                                : createCommentVNode("v-if", true),
+                              createTextVNode(" " + toDisplayString($options.groupAction(group).label), 1 /* TEXT */)
+                            ], 8 /* PROPS */, _hoisted_6))
+                          : createCommentVNode("v-if", true)
+                      ]),
+                      createElementVNode("ul", _hoisted_7, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item, i) => {
+                          return (openBlock(), createElementBlock("li", {
+                            key: `item-${group.key}-${item.id || i}`
+                          }, [
+                            ($options.groupHref(group, item))
+                              ? (openBlock(), createElementBlock("a", {
+                                  key: 0,
+                                  class: "cn-related-objects-widget__row",
+                                  href: $options.groupHref(group, item),
+                                  target: "_blank",
+                                  rel: "noopener noreferrer"
+                                }, [
+                                  createVNode(_component_CnIcon, {
+                                    name: group.icon,
+                                    size: 20,
+                                    class: "cn-related-objects-widget__icon"
+                                  }, null, 8 /* PROPS */, ["name"]),
+                                  createElementVNode("span", _hoisted_9, toDisplayString(item.label), 1 /* TEXT */),
+                                  (item.meta)
+                                    ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(item.meta), 1 /* TEXT */))
+                                    : createCommentVNode("v-if", true)
+                                ], 8 /* PROPS */, _hoisted_8))
+                              : (openBlock(), createElementBlock("div", {
+                                  key: 1,
+                                  class: "cn-related-objects-widget__row",
+                                  tabindex: "0",
+                                  role: "button",
+                                  onClick: $event => ($options.onSelectGroupItem(group, item)),
+                                  onKeydown: withKeys($event => ($options.onSelectGroupItem(group, item)), ["enter"])
+                                }, [
+                                  createVNode(_component_CnIcon, {
+                                    name: group.icon,
+                                    size: 20,
+                                    class: "cn-related-objects-widget__icon"
+                                  }, null, 8 /* PROPS */, ["name"]),
+                                  createElementVNode("span", _hoisted_12, toDisplayString(item.label), 1 /* TEXT */),
+                                  (item.meta)
+                                    ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(item.meta), 1 /* TEXT */))
+                                    : createCommentVNode("v-if", true)
+                                ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_11))
+                          ]))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ])
+                    ], 8 /* PROPS */, _hoisted_3))
+                  }), 128 /* KEYED_FRAGMENT */))
+                : createCommentVNode("v-if", true),
+              ($props.layout !== 'sections' && $options.tabStripVisible)
+                ? (openBlock(), createElementBlock("div", _hoisted_14, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList($options.visibleGroups, (group) => {
                       return (openBlock(), createElementBlock("button", {
                         key: `tab-${group.key}`,
@@ -140,15 +236,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           size: 18,
                           class: "cn-related-objects-widget__tab-icon"
                         }, null, 8 /* PROPS */, ["name"]),
-                        createElementVNode("span", _hoisted_5, toDisplayString(group.label), 1 /* TEXT */),
-                        createElementVNode("span", _hoisted_6, toDisplayString(group.total), 1 /* TEXT */)
-                      ], 10 /* CLASS, PROPS */, _hoisted_4))
+                        createElementVNode("span", _hoisted_16, toDisplayString(group.label), 1 /* TEXT */),
+                        createElementVNode("span", _hoisted_17, toDisplayString(group.total), 1 /* TEXT */)
+                      ], 10 /* CLASS, PROPS */, _hoisted_15))
                     }), 128 /* KEYED_FRAGMENT */))
                   ]))
                 : createCommentVNode("v-if", true),
-              ($options.activeGroup)
-                ? (openBlock(), createElementBlock("section", _hoisted_7, [
-                    createElementVNode("ul", _hoisted_8, [
+              ($props.layout !== 'sections' && $options.activeGroup)
+                ? (openBlock(), createElementBlock("section", _hoisted_18, [
+                    createElementVNode("ul", _hoisted_19, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($options.activeGroup.items, (item, i) => {
                         return (openBlock(), createElementBlock("li", {
                           key: `item-${$options.activeGroup.key}-${item.id || i}`
@@ -166,11 +262,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   size: 20,
                                   class: "cn-related-objects-widget__icon"
                                 }, null, 8 /* PROPS */, ["name"]),
-                                createElementVNode("span", _hoisted_10, toDisplayString(item.label), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_21, toDisplayString(item.label), 1 /* TEXT */),
                                 (item.meta)
-                                  ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(item.meta), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(item.meta), 1 /* TEXT */))
                                   : createCommentVNode("v-if", true)
-                              ], 8 /* PROPS */, _hoisted_9))
+                              ], 8 /* PROPS */, _hoisted_20))
                             : (openBlock(), createElementBlock("div", {
                                 key: 1,
                                 class: normalizeClass(["cn-related-objects-widget__row", { 'cn-related-objects-widget__row--expanded': $options.isExpanded($options.activeGroup.key, item) }]),
@@ -184,21 +280,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   size: 20,
                                   class: "cn-related-objects-widget__icon"
                                 }, null, 8 /* PROPS */, ["name"]),
-                                createElementVNode("span", _hoisted_13, toDisplayString(item.label), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_24, toDisplayString(item.label), 1 /* TEXT */),
                                 (item.meta)
-                                  ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(item.meta), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(item.meta), 1 /* TEXT */))
                                   : createCommentVNode("v-if", true),
                                 (item.detail && $options.isExpanded($options.activeGroup.key, item))
-                                  ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString(item.detail), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("p", _hoisted_26, toDisplayString(item.detail), 1 /* TEXT */))
                                   : createCommentVNode("v-if", true)
-                              ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_12))
+                              ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_23))
                         ]))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
                 : createCommentVNode("v-if", true),
               ($options.visibleGroups.length && $data.pendingSections.length)
-                ? (openBlock(), createElementBlock("p", _hoisted_16, toDisplayString($options.pendingLabel), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("p", _hoisted_27, toDisplayString($options.pendingLabel), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList($data.failedSections, (failed) => {
                 return (openBlock(), createElementBlock("p", {
@@ -206,13 +302,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-related-objects-widget__section-error",
                   "data-testid": "cn-related-section-error",
                   "data-section": failed.key
-                }, toDisplayString($options.t('nextcloud-vue', 'Could not load {section}.', { section: failed.label })), 9 /* TEXT, PROPS */, _hoisted_17))
+                }, toDisplayString($options.t('nextcloud-vue', 'Could not load {section}.', { section: failed.label })), 9 /* TEXT, PROPS */, _hoisted_28))
               }), 128 /* KEYED_FRAGMENT */)),
               ($data.loading && !$options.visibleGroups.length)
-                ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString($options.loadingLabel), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("div", _hoisted_29, toDisplayString($options.loadingLabel), 1 /* TEXT */))
                 : ($data.hasLoaded && !$options.visibleGroups.length)
                   ? (openBlock(), createBlock(_component_CnEmptyContent, {
-                      key: 4,
+                      key: 5,
                       class: "cn-related-objects-widget__empty-state",
                       name: $options.resolvedEmptyLabel
                     }, {
@@ -228,12 +324,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ], 64 /* STABLE_FRAGMENT */))
           : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               ($props.showObjects && $data.objectItems.length)
-                ? (openBlock(), createElementBlock("section", _hoisted_19, [
-                    createElementVNode("h4", _hoisted_20, [
+                ? (openBlock(), createElementBlock("section", _hoisted_30, [
+                    createElementVNode("h4", _hoisted_31, [
                       createTextVNode(toDisplayString($props.objectsLabel) + " ", 1 /* TEXT */),
-                      createElementVNode("span", _hoisted_21, toDisplayString($data.objectItems.length), 1 /* TEXT */)
+                      createElementVNode("span", _hoisted_32, toDisplayString($data.objectItems.length), 1 /* TEXT */)
                     ]),
-                    createElementVNode("ul", _hoisted_22, [
+                    createElementVNode("ul", _hoisted_33, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($data.objectItems, (item) => {
                         return (openBlock(), createElementBlock("li", {
                           key: `obj-${item.id}`,
@@ -247,22 +343,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-related-objects-widget__icon",
                             size: 20
                           }),
-                          createElementVNode("span", _hoisted_24, toDisplayString(item.label), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_35, toDisplayString(item.label), 1 /* TEXT */),
                           (item.meta)
-                            ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(item.meta), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_36, toDisplayString(item.meta), 1 /* TEXT */))
                             : createCommentVNode("v-if", true)
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_23))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_34))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
                 : createCommentVNode("v-if", true),
               ($props.showFiles && $data.fileItems.length)
-                ? (openBlock(), createElementBlock("section", _hoisted_26, [
-                    createElementVNode("h4", _hoisted_27, [
+                ? (openBlock(), createElementBlock("section", _hoisted_37, [
+                    createElementVNode("h4", _hoisted_38, [
                       createTextVNode(toDisplayString($props.filesLabel) + " ", 1 /* TEXT */),
-                      createElementVNode("span", _hoisted_28, toDisplayString($data.fileItems.length), 1 /* TEXT */)
+                      createElementVNode("span", _hoisted_39, toDisplayString($data.fileItems.length), 1 /* TEXT */)
                     ]),
-                    createElementVNode("ul", _hoisted_29, [
+                    createElementVNode("ul", _hoisted_40, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($data.fileItems, (item) => {
                         return (openBlock(), createElementBlock("li", {
                           key: `file-${item.id}`,
@@ -276,11 +372,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-related-objects-widget__icon",
                             size: 20
                           }),
-                          createElementVNode("span", _hoisted_31, toDisplayString(item.label), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_42, toDisplayString(item.label), 1 /* TEXT */),
                           (item.meta)
-                            ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.meta), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_43, toDisplayString(item.meta), 1 /* TEXT */))
                             : createCommentVNode("v-if", true)
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_30))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_41))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
@@ -291,13 +387,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-related-objects-widget__group"
                 }, [
                   ((section.items || []).length)
-                    ? (openBlock(), createElementBlock("h4", _hoisted_33, [
+                    ? (openBlock(), createElementBlock("h4", _hoisted_44, [
                         createTextVNode(toDisplayString(section.label) + " ", 1 /* TEXT */),
-                        createElementVNode("span", _hoisted_34, toDisplayString(section.items.length), 1 /* TEXT */)
+                        createElementVNode("span", _hoisted_45, toDisplayString(section.items.length), 1 /* TEXT */)
                       ]))
                     : createCommentVNode("v-if", true),
                   ((section.items || []).length)
-                    ? (openBlock(), createElementBlock("ul", _hoisted_35, [
+                    ? (openBlock(), createElementBlock("ul", _hoisted_46, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item, i) => {
                           return (openBlock(), createElementBlock("li", {
                             key: `extra-${section.key}-${i}`,
@@ -315,17 +411,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   class: "cn-related-objects-widget__icon"
                                 }, null, 8 /* PROPS */, ["name"]))
                               : createCommentVNode("v-if", true),
-                            createElementVNode("span", _hoisted_37, toDisplayString(item.label || item.title || item.name), 1 /* TEXT */)
-                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_36))
+                            createElementVNode("span", _hoisted_48, toDisplayString(item.label || item.title || item.name), 1 /* TEXT */)
+                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_47))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : createCommentVNode("v-if", true)
                 ]))
               }), 128 /* KEYED_FRAGMENT */)),
               ($props.showIntegrations && $options.linkedApps.length)
-                ? (openBlock(), createElementBlock("section", _hoisted_38, [
-                    createElementVNode("h4", _hoisted_39, toDisplayString($props.linkedAppsLabel), 1 /* TEXT */),
-                    createElementVNode("ul", _hoisted_40, [
+                ? (openBlock(), createElementBlock("section", _hoisted_49, [
+                    createElementVNode("h4", _hoisted_50, toDisplayString($props.linkedAppsLabel), 1 /* TEXT */),
+                    createElementVNode("ul", _hoisted_51, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($options.linkedApps, (app) => {
                         return (openBlock(), createElementBlock("li", {
                           key: `app-${app.id}`,
@@ -340,18 +436,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             size: 20,
                             class: "cn-related-objects-widget__icon"
                           }, null, 8 /* PROPS */, ["name"]),
-                          createElementVNode("span", _hoisted_42, toDisplayString(app.label), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_53, toDisplayString(app.label), 1 /* TEXT */),
                           createVNode(_component_ChevronRight, {
                             class: "cn-related-objects-widget__chevron",
                             size: 20
                           })
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_41))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_52))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
                 : createCommentVNode("v-if", true),
               ($data.loading && $options.isEmpty)
-                ? (openBlock(), createElementBlock("div", _hoisted_43, toDisplayString($options.loadingLabel), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("div", _hoisted_54, toDisplayString($options.loadingLabel), 1 /* TEXT */))
                 : ($data.hasLoaded && $options.isEmpty)
                   ? (openBlock(), createBlock(_component_CnEmptyContent, {
                       key: 4,
@@ -385,7 +481,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ? {
           name: "footer",
           fn: withCtx(() => [
-            createElementVNode("div", _hoisted_44, [
+            createElementVNode("div", _hoisted_55, [
               ($options.soleAddable && $options.soleAddable.key === 'files')
                 ? (openBlock(), createBlock(_component_NcButton, {
                     key: 0,
@@ -468,7 +564,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["menuName"])),
               ($data.addError)
-                ? (openBlock(), createElementBlock("span", _hoisted_45, toDisplayString($data.addError), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_56, toDisplayString($data.addError), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               createElementVNode("input", {
                 ref: $options.fileInputRef,