@conduction/nextcloud-vue 2.75.0 → 2.76.0

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

@@ -34,59 +34,66 @@ const _hoisted_15 = {
 };
 const _hoisted_16 = {
   key: 2,
+  class: "cn-related-objects-widget__section-status",
+  "data-testid": "cn-related-pending",
+  role: "status"
+};
+const _hoisted_17 = ["data-section"];
+const _hoisted_18 = {
+  key: 3,
   class: "cn-related-objects-widget__empty"
 };
-const _hoisted_17 = {
+const _hoisted_19 = {
   key: 0,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_18 = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_19 = { class: "cn-related-objects-widget__count" };
-const _hoisted_20 = { class: "cn-related-objects-widget__list" };
-const _hoisted_21 = ["onClick", "onKeydown"];
-const _hoisted_22 = { class: "cn-related-objects-widget__label" };
-const _hoisted_23 = {
+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 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_24 = {
+const _hoisted_26 = {
   key: 1,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_25 = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_26 = { class: "cn-related-objects-widget__count" };
-const _hoisted_27 = { class: "cn-related-objects-widget__list" };
-const _hoisted_28 = ["onClick", "onKeydown"];
-const _hoisted_29 = { class: "cn-related-objects-widget__label" };
-const _hoisted_30 = {
+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 = {
   key: 0,
   class: "cn-related-objects-widget__meta"
 };
-const _hoisted_31 = {
+const _hoisted_33 = {
   key: 0,
   class: "cn-related-objects-widget__group-title"
 };
-const _hoisted_32 = { class: "cn-related-objects-widget__count" };
-const _hoisted_33 = {
+const _hoisted_34 = { class: "cn-related-objects-widget__count" };
+const _hoisted_35 = {
   key: 1,
   class: "cn-related-objects-widget__list"
 };
-const _hoisted_34 = ["onClick", "onKeydown"];
-const _hoisted_35 = { class: "cn-related-objects-widget__label" };
-const _hoisted_36 = {
+const _hoisted_36 = ["onClick", "onKeydown"];
+const _hoisted_37 = { class: "cn-related-objects-widget__label" };
+const _hoisted_38 = {
   key: 2,
   class: "cn-related-objects-widget__group"
 };
-const _hoisted_37 = { class: "cn-related-objects-widget__group-title" };
-const _hoisted_38 = { class: "cn-related-objects-widget__list cn-related-objects-widget__list--apps" };
-const _hoisted_39 = ["onClick", "onKeydown"];
-const _hoisted_40 = { class: "cn-related-objects-widget__label" };
-const _hoisted_41 = {
+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 = {
   key: 3,
   class: "cn-related-objects-widget__empty"
 };
-const _hoisted_42 = { class: "cn-related-objects-widget__footer" };
-const _hoisted_43 = {
+const _hoisted_44 = { class: "cn-related-objects-widget__footer" };
+const _hoisted_45 = {
   key: 2,
   class: "cn-related-objects-widget__add-error"
 };
@@ -190,11 +197,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])
                   ]))
                 : createCommentVNode("v-if", true),
+              ($options.visibleGroups.length && $data.pendingSections.length)
+                ? (openBlock(), createElementBlock("p", _hoisted_16, toDisplayString($options.pendingLabel), 1 /* TEXT */))
+                : createCommentVNode("v-if", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.failedSections, (failed) => {
+                return (openBlock(), createElementBlock("p", {
+                  key: `failed-${failed.key}`,
+                  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))
+              }), 128 /* KEYED_FRAGMENT */)),
               ($data.loading && !$options.visibleGroups.length)
-                ? (openBlock(), createElementBlock("div", _hoisted_16, toDisplayString($options.loadingLabel), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("div", _hoisted_18, toDisplayString($options.loadingLabel), 1 /* TEXT */))
                 : ($data.hasLoaded && !$options.visibleGroups.length)
                   ? (openBlock(), createBlock(_component_CnEmptyContent, {
-                      key: 3,
+                      key: 4,
                       class: "cn-related-objects-widget__empty-state",
                       name: $options.resolvedEmptyLabel
                     }, {
@@ -210,12 +228,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_17, [
-                    createElementVNode("h4", _hoisted_18, [
+                ? (openBlock(), createElementBlock("section", _hoisted_19, [
+                    createElementVNode("h4", _hoisted_20, [
                       createTextVNode(toDisplayString($props.objectsLabel) + " ", 1 /* TEXT */),
-                      createElementVNode("span", _hoisted_19, toDisplayString($data.objectItems.length), 1 /* TEXT */)
+                      createElementVNode("span", _hoisted_21, toDisplayString($data.objectItems.length), 1 /* TEXT */)
                     ]),
-                    createElementVNode("ul", _hoisted_20, [
+                    createElementVNode("ul", _hoisted_22, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($data.objectItems, (item) => {
                         return (openBlock(), createElementBlock("li", {
                           key: `obj-${item.id}`,
@@ -229,22 +247,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-related-objects-widget__icon",
                             size: 20
                           }),
-                          createElementVNode("span", _hoisted_22, toDisplayString(item.label), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_24, toDisplayString(item.label), 1 /* TEXT */),
                           (item.meta)
-                            ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString(item.meta), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString(item.meta), 1 /* TEXT */))
                             : createCommentVNode("v-if", true)
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_21))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_23))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
                 : createCommentVNode("v-if", true),
               ($props.showFiles && $data.fileItems.length)
-                ? (openBlock(), createElementBlock("section", _hoisted_24, [
-                    createElementVNode("h4", _hoisted_25, [
+                ? (openBlock(), createElementBlock("section", _hoisted_26, [
+                    createElementVNode("h4", _hoisted_27, [
                       createTextVNode(toDisplayString($props.filesLabel) + " ", 1 /* TEXT */),
-                      createElementVNode("span", _hoisted_26, toDisplayString($data.fileItems.length), 1 /* TEXT */)
+                      createElementVNode("span", _hoisted_28, toDisplayString($data.fileItems.length), 1 /* TEXT */)
                     ]),
-                    createElementVNode("ul", _hoisted_27, [
+                    createElementVNode("ul", _hoisted_29, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($data.fileItems, (item) => {
                         return (openBlock(), createElementBlock("li", {
                           key: `file-${item.id}`,
@@ -258,11 +276,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-related-objects-widget__icon",
                             size: 20
                           }),
-                          createElementVNode("span", _hoisted_29, toDisplayString(item.label), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_31, toDisplayString(item.label), 1 /* TEXT */),
                           (item.meta)
-                            ? (openBlock(), createElementBlock("span", _hoisted_30, toDisplayString(item.meta), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString(item.meta), 1 /* TEXT */))
                             : createCommentVNode("v-if", true)
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_28))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_30))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
@@ -273,13 +291,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-related-objects-widget__group"
                 }, [
                   ((section.items || []).length)
-                    ? (openBlock(), createElementBlock("h4", _hoisted_31, [
+                    ? (openBlock(), createElementBlock("h4", _hoisted_33, [
                         createTextVNode(toDisplayString(section.label) + " ", 1 /* TEXT */),
-                        createElementVNode("span", _hoisted_32, toDisplayString(section.items.length), 1 /* TEXT */)
+                        createElementVNode("span", _hoisted_34, toDisplayString(section.items.length), 1 /* TEXT */)
                       ]))
                     : createCommentVNode("v-if", true),
                   ((section.items || []).length)
-                    ? (openBlock(), createElementBlock("ul", _hoisted_33, [
+                    ? (openBlock(), createElementBlock("ul", _hoisted_35, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item, i) => {
                           return (openBlock(), createElementBlock("li", {
                             key: `extra-${section.key}-${i}`,
@@ -297,17 +315,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_35, toDisplayString(item.label || item.title || item.name), 1 /* TEXT */)
-                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_34))
+                            createElementVNode("span", _hoisted_37, toDisplayString(item.label || item.title || item.name), 1 /* TEXT */)
+                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_36))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     : createCommentVNode("v-if", true)
                 ]))
               }), 128 /* KEYED_FRAGMENT */)),
               ($props.showIntegrations && $options.linkedApps.length)
-                ? (openBlock(), createElementBlock("section", _hoisted_36, [
-                    createElementVNode("h4", _hoisted_37, toDisplayString($props.linkedAppsLabel), 1 /* TEXT */),
-                    createElementVNode("ul", _hoisted_38, [
+                ? (openBlock(), createElementBlock("section", _hoisted_38, [
+                    createElementVNode("h4", _hoisted_39, toDisplayString($props.linkedAppsLabel), 1 /* TEXT */),
+                    createElementVNode("ul", _hoisted_40, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($options.linkedApps, (app) => {
                         return (openBlock(), createElementBlock("li", {
                           key: `app-${app.id}`,
@@ -322,18 +340,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             size: 20,
                             class: "cn-related-objects-widget__icon"
                           }, null, 8 /* PROPS */, ["name"]),
-                          createElementVNode("span", _hoisted_40, toDisplayString(app.label), 1 /* TEXT */),
+                          createElementVNode("span", _hoisted_42, toDisplayString(app.label), 1 /* TEXT */),
                           createVNode(_component_ChevronRight, {
                             class: "cn-related-objects-widget__chevron",
                             size: 20
                           })
-                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_39))
+                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_41))
                       }), 128 /* KEYED_FRAGMENT */))
                     ])
                   ]))
                 : createCommentVNode("v-if", true),
               ($data.loading && $options.isEmpty)
-                ? (openBlock(), createElementBlock("div", _hoisted_41, toDisplayString($options.loadingLabel), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("div", _hoisted_43, toDisplayString($options.loadingLabel), 1 /* TEXT */))
                 : ($data.hasLoaded && $options.isEmpty)
                   ? (openBlock(), createBlock(_component_CnEmptyContent, {
                       key: 4,
@@ -367,7 +385,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ? {
           name: "footer",
           fn: withCtx(() => [
-            createElementVNode("div", _hoisted_42, [
+            createElementVNode("div", _hoisted_44, [
               ($options.soleAddable && $options.soleAddable.key === 'files')
                 ? (openBlock(), createBlock(_component_NcButton, {
                     key: 0,
@@ -450,7 +468,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["menuName"])),
               ($data.addError)
-                ? (openBlock(), createElementBlock("span", _hoisted_43, toDisplayString($data.addError), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_45, toDisplayString($data.addError), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               createElementVNode("input", {
                 ref: $options.fileInputRef,