@conduction/nextcloud-vue 2.100.0 → 2.102.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createVNode, toDisplayString, createCommentVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, resolveDynamicComponent, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createVNode, toDisplayString, createCommentVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, createSlots, renderSlot, withDirectives, normalizeStyle, vShow, resolveDynamicComponent } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -29,92 +29,115 @@ const _hoisted_9 = {
 };
 const _hoisted_10 = {
   key: 3,
+  class: "cn-files-browser__review",
+  "data-testid": "cn-files-browser-review"
+};
+const _hoisted_11 = { class: "cn-files-browser__review-head" };
+const _hoisted_12 = { class: "cn-files-browser__review-title" };
+const _hoisted_13 = {
+  key: 0,
+  class: "cn-files-browser__review-sub"
+};
+const _hoisted_14 = ["aria-label"];
+const _hoisted_15 = { class: "cn-files-browser__review-legend" };
+const _hoisted_16 = {
+  key: 4,
   class: "cn-files-browser__facets",
   "data-testid": "cn-files-browser-facets"
 };
-const _hoisted_11 = ["aria-label"];
-const _hoisted_12 = ["aria-pressed", "onClick"];
-const _hoisted_13 = { class: "cn-files-browser__facet-count" };
-const _hoisted_14 = ["aria-label"];
-const _hoisted_15 = {
+const _hoisted_17 = ["aria-label"];
+const _hoisted_18 = ["aria-pressed", "onClick"];
+const _hoisted_19 = { class: "cn-files-browser__facet-count" };
+const _hoisted_20 = ["aria-label"];
+const _hoisted_21 = {
   class: "cn-files-browser__bulk-count",
   "aria-live": "polite",
   "data-testid": "cn-files-browser-bulk-count"
 };
-const _hoisted_16 = {
+const _hoisted_22 = {
   class: "cn-files-browser__table",
   "data-testid": "cn-files-browser-table"
 };
-const _hoisted_17 = {
+const _hoisted_23 = {
   key: 0,
   class: "cn-files-browser__col-select",
   scope: "col"
 };
-const _hoisted_18 = ["checked", ".indeterminate", "disabled", "aria-label"];
-const _hoisted_19 = {
+const _hoisted_24 = ["checked", ".indeterminate", "disabled", "aria-label"];
+const _hoisted_25 = {
   class: "cn-files-browser__col-icon",
   scope: "col"
 };
-const _hoisted_20 = { class: "hidden-visually" };
-const _hoisted_21 = ["aria-sort", "data-testid"];
-const _hoisted_22 = ["onClick"];
-const _hoisted_23 = {
+const _hoisted_26 = { class: "hidden-visually" };
+const _hoisted_27 = ["aria-sort", "data-testid"];
+const _hoisted_28 = ["onClick"];
+const _hoisted_29 = {
   class: "cn-files-browser__col-actions",
   scope: "col"
 };
-const _hoisted_24 = { class: "hidden-visually" };
-const _hoisted_25 = {
+const _hoisted_30 = { class: "hidden-visually" };
+const _hoisted_31 = {
   key: 0,
   class: "cn-files-browser__group",
   "data-testid": "cn-files-browser-group"
 };
-const _hoisted_26 = ["colspan"];
-const _hoisted_27 = { class: "cn-files-browser__group-count" };
-const _hoisted_28 = ["data-name", "onClick", "onAuxclick"];
-const _hoisted_29 = ["checked", "aria-label", "onChange"];
-const _hoisted_30 = { class: "cn-files-browser__col-icon" };
-const _hoisted_31 = ["src", "onError"];
-const _hoisted_32 = ["src"];
-const _hoisted_33 = ["data-testid"];
-const _hoisted_34 = {
+const _hoisted_32 = ["colspan"];
+const _hoisted_33 = { class: "cn-files-browser__group-count" };
+const _hoisted_34 = ["data-name", "onClick", "onAuxclick"];
+const _hoisted_35 = ["checked", "aria-label", "onChange"];
+const _hoisted_36 = { class: "cn-files-browser__col-icon" };
+const _hoisted_37 = ["src", "onError"];
+const _hoisted_38 = ["src"];
+const _hoisted_39 = ["data-testid"];
+const _hoisted_40 = {
   key: 0,
   class: "cn-files-browser__name"
 };
-const _hoisted_35 = {
+const _hoisted_41 = {
+  key: 1,
+  class: "cn-files-browser__name-secondary",
+  "data-testid": "cn-files-browser-name-secondary"
+};
+const _hoisted_42 = {
   key: 0,
   class: "cn-files-browser__no-match-row"
 };
-const _hoisted_36 = ["colspan"];
-const _hoisted_37 = ["data-name", "onClick", "onAuxclick"];
-const _hoisted_38 = {
+const _hoisted_43 = ["colspan"];
+const _hoisted_44 = ["data-name", "onClick", "onAuxclick"];
+const _hoisted_45 = {
   key: 0,
   class: "cn-files-browser__col-select"
 };
-const _hoisted_39 = { class: "cn-files-browser__col-icon" };
-const _hoisted_40 = ["src"];
-const _hoisted_41 = { class: "cn-files-browser__name" };
-const _hoisted_42 = {
+const _hoisted_46 = { class: "cn-files-browser__col-icon" };
+const _hoisted_47 = ["src"];
+const _hoisted_48 = { class: "cn-files-browser__name" };
+const _hoisted_49 = {
   key: 0,
   class: "cn-files-browser__note"
 };
-const _hoisted_43 = ["href"];
-const _hoisted_44 = ["aria-label"];
-const _hoisted_45 = ["data-testid"];
-const _hoisted_46 = { class: "cn-files-browser__side-title" };
-const _hoisted_47 = {
+const _hoisted_50 = ["href"];
+const _hoisted_51 = ["aria-label"];
+const _hoisted_52 = ["data-testid"];
+const _hoisted_53 = { class: "cn-files-browser__side-title" };
+const _hoisted_54 = {
   key: 0,
   class: "cn-files-browser__side-facts"
 };
-const _hoisted_48 = {
+const _hoisted_55 = {
   key: 1,
   class: "cn-files-browser__side-actions"
 };
-const _hoisted_49 = {
-  key: 9,
+const _hoisted_56 = {
+  key: 10,
   class: "cn-files-browser__drop-hint",
   "data-testid": "cn-files-browser-drop-hint"
 };
-const _hoisted_50 = {
+const _hoisted_57 = {
+  key: 11,
+  class: "cn-files-browser__footnote",
+  "data-testid": "cn-files-browser-footnote"
+};
+const _hoisted_58 = {
   key: 0,
   class: "cn-files-browser__upload-error",
   role: "alert"
@@ -290,6 +313,34 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["menuName", "variant", "disabled"]))
         : createCommentVNode("v-if", true),
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.headerActions, (action) => {
+        return (openBlock(), createBlock(_component_NcButton, {
+          key: `header-${action.id}`,
+          variant: action.variant === 'primary' ? 'primary' : 'secondary',
+          disabled: $data.folder === null,
+          "data-testid": `cn-files-browser-header-action-${action.id}`,
+          onClick: $event => ($options.runHostAction(action, null))
+        }, createSlots({
+          default: withCtx(() => [
+            createTextVNode(" " + toDisplayString($options.hostLabel(action)), 1 /* TEXT */)
+          ]),
+          _: 2 /* DYNAMIC */
+        }, [
+          (action.icon)
+            ? {
+                name: "icon",
+                fn: withCtx(() => [
+                  createVNode(_component_CnIcon, {
+                    name: action.icon,
+                    size: 20
+                  }, null, 8 /* PROPS */, ["name"])
+                ]),
+                key: "0"
+              }
+            : undefined
+        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "disabled", "data-testid", "onClick"]))
+      }), 128 /* KEYED_FRAGMENT */)),
+      renderSlot(_ctx.$slots, "header-actions"),
       ($props.uploadButton && $options.canChange)
         ? (openBlock(), createBlock(_component_NcButton, {
             key: 2,
@@ -335,8 +386,48 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : createCommentVNode("v-if", true),
-    ($options.facetGroups.length > 0 && !$data.loading && $data.error === '')
+    ($options.review && $options.review.total > 0 && !$data.loading && $data.error === '')
       ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createElementVNode("div", _hoisted_11, [
+            createElementVNode("strong", _hoisted_12, toDisplayString($options.reviewTitle), 1 /* TEXT */),
+            ($options.reviewSubtitle)
+              ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString($options.reviewSubtitle), 1 /* TEXT */))
+              : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode("span", {
+            class: "cn-files-browser__review-bar",
+            role: "img",
+            "aria-label": $options.reviewTitle
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.review.segments, (segment) => {
+              return withDirectives((openBlock(), createElementBlock("span", {
+                key: segment.value,
+                class: normalizeClass(`cn-files-browser__review-part cn-files-browser__review-part--${segment.tone}`),
+                style: normalizeStyle({ width: `${segment.share}%` })
+              }, null, 6 /* CLASS, STYLE */)), [
+                [vShow, segment.count > 0 && !$options.isOpenValue(segment.value)]
+              ])
+            }), 128 /* KEYED_FRAGMENT */))
+          ], 8 /* PROPS */, _hoisted_14),
+          createElementVNode("ul", _hoisted_15, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.review.segments, (segment) => {
+              return (openBlock(), createElementBlock("li", {
+                key: segment.value,
+                "data-testid": "cn-files-browser-review-entry"
+              }, [
+                createElementVNode("span", {
+                  class: normalizeClass(`cn-files-browser__review-dot cn-files-browser__review-part--${segment.tone}`),
+                  "aria-hidden": "true"
+                }, null, 2 /* CLASS */),
+                createTextVNode(" " + toDisplayString($options.hostLabel(segment)) + " ", 1 /* TEXT */),
+                createElementVNode("strong", null, toDisplayString(segment.count), 1 /* TEXT */)
+              ]))
+            }), 128 /* KEYED_FRAGMENT */))
+          ])
+        ]))
+      : createCommentVNode("v-if", true),
+    ($options.facetGroups.length > 0 && !$data.loading && $data.error === '')
+      ? (openBlock(), createElementBlock("div", _hoisted_16, [
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.facetGroups, (facet) => {
             return (openBlock(), createElementBlock("div", {
               key: facet.key,
@@ -354,10 +445,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   onClick: $event => ($options.toggleFacet(facet.key, option.value))
                 }, [
                   createTextVNode(toDisplayString(option.value) + " ", 1 /* TEXT */),
-                  createElementVNode("strong", _hoisted_13, toDisplayString(option.count), 1 /* TEXT */)
-                ], 10 /* CLASS, PROPS */, _hoisted_12))
+                  createElementVNode("strong", _hoisted_19, toDisplayString(option.count), 1 /* TEXT */)
+                ], 10 /* CLASS, PROPS */, _hoisted_18))
               }), 128 /* KEYED_FRAGMENT */))
-            ], 8 /* PROPS */, _hoisted_11))
+            ], 8 /* PROPS */, _hoisted_17))
           }), 128 /* KEYED_FRAGMENT */)),
           ($options.facetActive)
             ? (openBlock(), createBlock(_component_NcButton, {
@@ -376,13 +467,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($options.bulkEnabled && $data.selectedIds.length > 0)
       ? (openBlock(), createElementBlock("div", {
-          key: 4,
+          key: 5,
           class: "cn-files-browser__bulk-bar",
           role: "toolbar",
           "aria-label": $options.t('nextcloud-vue', 'Actions for the selected files'),
           "data-testid": "cn-files-browser-bulk-bar"
         }, [
-          createElementVNode("span", _hoisted_15, toDisplayString($options.selectionCountText), 1 /* TEXT */),
+          createElementVNode("span", _hoisted_21, toDisplayString($options.selectionCountText), 1 /* TEXT */),
           (openBlock(true), createElementBlock(Fragment, null, renderList($props.bulkActions, (action) => {
             return (openBlock(), createBlock(_component_NcButton, {
               key: action.id,
@@ -414,17 +505,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["onClick"]))
             : createCommentVNode("v-if", true)
-        ], 8 /* PROPS */, _hoisted_14))
+        ], 8 /* PROPS */, _hoisted_20))
       : createCommentVNode("v-if", true),
     ($data.loading)
       ? (openBlock(), createBlock(_component_NcLoadingIcon, {
-          key: 5,
+          key: 6,
           size: 32,
           class: "cn-files-browser__loading"
         }))
       : ($data.error !== '')
         ? (openBlock(), createBlock(_component_CnEmptyContent, {
-            key: 6,
+            key: 7,
             error: "",
             name: $data.error,
             class: "cn-files-browser__state"
@@ -444,7 +535,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 8 /* PROPS */, ["name"]))
         : ($options.sorted.length === 0 && $props.linkedItems.length === 0)
           ? (openBlock(), createBlock(_component_CnEmptyContent, {
-              key: 7,
+              key: 8,
               name: $props.emptyLabel,
               description: $options.canChange ? $props.emptyHint : '',
               class: "cn-files-browser__state"
@@ -455,14 +546,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1 /* STABLE */
             }, 8 /* PROPS */, ["name", "description"]))
           : (openBlock(), createElementBlock("div", {
-              key: 8,
+              key: 9,
               class: normalizeClass(["cn-files-browser__body", { 'cn-files-browser__body--with-side': $options.sideNode !== null }])
             }, [
-              createElementVNode("table", _hoisted_16, [
+              createElementVNode("table", _hoisted_22, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     ($options.bulkEnabled)
-                      ? (openBlock(), createElementBlock("th", _hoisted_17, [
+                      ? (openBlock(), createElementBlock("th", _hoisted_23, [
                           createElementVNode("input", {
                             type: "checkbox",
                             class: "cn-files-browser__select",
@@ -472,11 +563,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             "aria-label": $options.t('nextcloud-vue', 'Select all files'),
                             "data-testid": "cn-files-browser-select-all",
                             onChange: _cache[1] || (_cache[1] = $event => ($options.toggleAll($event.target.checked)))
-                          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_18)
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_24)
                         ]))
                       : createCommentVNode("v-if", true),
-                    createElementVNode("th", _hoisted_19, [
-                      createElementVNode("span", _hoisted_20, toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
+                    createElementVNode("th", _hoisted_25, [
+                      createElementVNode("span", _hoisted_26, toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
                     ]),
                     (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderedColumns, (column) => {
                       return (openBlock(), createElementBlock("th", {
@@ -500,14 +591,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     size: 16
                                   }))
                                 : createCommentVNode("v-if", true)
-                            ], 8 /* PROPS */, _hoisted_22))
+                            ], 8 /* PROPS */, _hoisted_28))
                           : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                               createTextVNode(toDisplayString($options.columnLabel(column)), 1 /* TEXT */)
                             ], 64 /* STABLE_FRAGMENT */))
-                      ], 10 /* CLASS, PROPS */, _hoisted_21))
+                      ], 10 /* CLASS, PROPS */, _hoisted_27))
                     }), 128 /* KEYED_FRAGMENT */)),
-                    createElementVNode("th", _hoisted_23, [
-                      createElementVNode("span", _hoisted_24, toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
+                    createElementVNode("th", _hoisted_29, [
+                      createElementVNode("span", _hoisted_30, toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
                     ])
                   ])
                 ]),
@@ -515,15 +606,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.displayRows, ({ key, group, node }) => {
                     return (openBlock(), createElementBlock(Fragment, { key: key }, [
                       group
-                        ? (openBlock(), createElementBlock("tr", _hoisted_25, [
+                        ? (openBlock(), createElementBlock("tr", _hoisted_31, [
                             createElementVNode("th", {
                               colspan: $options.columnCount,
                               scope: "rowgroup",
                               class: "cn-files-browser__group-heading"
                             }, [
                               createTextVNode(toDisplayString(group.label) + " ", 1 /* TEXT */),
-                              createElementVNode("span", _hoisted_27, toDisplayString(group.count), 1 /* TEXT */)
-                            ], 8 /* PROPS */, _hoisted_26)
+                              createElementVNode("span", _hoisted_33, toDisplayString(group.count), 1 /* TEXT */)
+                            ], 8 /* PROPS */, _hoisted_32)
                           ]))
                         : (openBlock(), createElementBlock("tr", {
                             key: key,
@@ -550,11 +641,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         "aria-label": $options.t('nextcloud-vue', 'Select {name}', { name: node.basename }),
                                         "data-testid": "cn-files-browser-select",
                                         onChange: $event => ($options.toggleSelected(node, $event.target.checked))
-                                      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_29))
+                                      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_35))
                                     : createCommentVNode("v-if", true)
                                 ], 32 /* NEED_HYDRATION */))
                               : createCommentVNode("v-if", true),
-                            createElementVNode("td", _hoisted_30, [
+                            createElementVNode("td", _hoisted_36, [
                               ($options.previewUrlFor(node))
                                 ? (openBlock(), createElementBlock("img", {
                                     key: 0,
@@ -563,14 +654,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     alt: "",
                                     loading: "lazy",
                                     onError: $event => ($options.onPreviewError(node))
-                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_31))
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_37))
                                 : ($options.mimeIconFor(node))
                                   ? (openBlock(), createElementBlock("img", {
                                       key: 1,
                                       class: "cn-files-browser__mime",
                                       src: $options.mimeIconFor(node),
                                       alt: ""
-                                    }, null, 8 /* PROPS */, _hoisted_32))
+                                    }, null, 8 /* PROPS */, _hoisted_38))
                                   : ($options.isFolder(node))
                                     ? (openBlock(), createBlock(_component_FolderOutline, {
                                         key: 2,
@@ -588,19 +679,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 "data-testid": `cn-files-browser-cell-${column.key}`
                               }, [
                                 (column.key === 'name')
-                                  ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(node.basename), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(node.basename), 1 /* TEXT */))
+                                  : createCommentVNode("v-if", true),
+                                (column.key === 'name' && $options.nameSecondaryOf(node))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString($options.nameSecondaryOf(node)), 1 /* TEXT */))
                                   : (column.key === 'size')
-                                    ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                    ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                                         createTextVNode(toDisplayString($options.isFolder(node) ? '' : $options.formatSize(node.size)), 1 /* TEXT */)
                                       ], 64 /* STABLE_FRAGMENT */))
                                     : (column.key === 'modified')
                                       ? (openBlock(), createBlock(_component_NcDateTime, {
-                                          key: 2,
+                                          key: 3,
                                           timestamp: node.mtime,
                                           ignoreSeconds: true
                                         }, null, 8 /* PROPS */, ["timestamp"]))
                                       : (openBlock(), createBlock(_component_CnCellRenderer, {
-                                          key: 3,
+                                          key: 4,
                                           class: normalizeClass(column.widget !== 'badge' && $options.toneOf(column, node) ? `cn-files-browser__tone cn-files-browser__tone--${$options.toneOf(column, node)}` : null),
                                           value: $options.cellValue(column, node),
                                           formatter: column.formatter || null,
@@ -609,13 +703,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           widgetProps: $options.cellWidgetProps(column, node),
                                           row: node
                                         }, null, 8 /* PROPS */, ["class", "value", "formatter", "formatterOptions", "widget", "widgetProps", "row"]))
-                              ], 10 /* CLASS, PROPS */, _hoisted_33))
+                              ], 10 /* CLASS, PROPS */, _hoisted_39))
                             }), 128 /* KEYED_FRAGMENT */)),
                             createElementVNode("td", {
                               class: "cn-files-browser__col-actions",
                               onClick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"])),
                               onAuxclick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"]))
                             }, [
+                              ($props.rowButton && !$options.isFolder(node) && $options.hostActionApplies($props.rowButton, node))
+                                ? (openBlock(), createBlock(_component_NcButton, {
+                                    key: 0,
+                                    variant: $options.rowButtonPrimary(node) ? 'primary' : 'secondary',
+                                    class: "cn-files-browser__row-button",
+                                    "aria-label": $options.t('nextcloud-vue', '{action}: {name}', { action: $options.hostLabel($props.rowButton), name: node.basename }),
+                                    "data-testid": "cn-files-browser-row-button",
+                                    onClick: $event => ($options.runHostAction($props.rowButton, node))
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString($options.hostLabel($props.rowButton)), 1 /* TEXT */)
+                                    ]),
+                                    _: 1 /* STABLE */
+                                  }, 8 /* PROPS */, ["variant", "aria-label", "onClick"]))
+                                : createCommentVNode("v-if", true),
                               createVNode(_component_NcActions, {
                                 forceMenu: true,
                                 ariaLabel: $options.t('nextcloud-vue', 'Actions for {name}', { name: node.basename })
@@ -732,16 +841,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 _: 2 /* DYNAMIC */
                               }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["ariaLabel"])
                             ], 32 /* NEED_HYDRATION */)
-                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_28))
+                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_34))
                     ], 64 /* STABLE_FRAGMENT */))
                   }), 128 /* KEYED_FRAGMENT */)),
                   ($options.facetActive && $options.filteredFiles.length === 0)
-                    ? (openBlock(), createElementBlock("tr", _hoisted_35, [
+                    ? (openBlock(), createElementBlock("tr", _hoisted_42, [
                         createElementVNode("td", {
                           colspan: $options.columnCount,
                           class: "cn-files-browser__no-match",
                           "data-testid": "cn-files-browser-no-match"
-                        }, toDisplayString($options.t('nextcloud-vue', 'No files match the filter.')), 9 /* TEXT, PROPS */, _hoisted_36)
+                        }, toDisplayString($options.t('nextcloud-vue', 'No files match the filter.')), 9 /* TEXT, PROPS */, _hoisted_43)
                       ]))
                     : createCommentVNode("v-if", true),
                   (openBlock(true), createElementBlock(Fragment, null, renderList($props.linkedItems, (item) => {
@@ -755,16 +864,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       onAuxclick: $event => ($options.onLinkedAuxClick(item, $event))
                     }, [
                       ($options.bulkEnabled)
-                        ? (openBlock(), createElementBlock("td", _hoisted_38))
+                        ? (openBlock(), createElementBlock("td", _hoisted_45))
                         : createCommentVNode("v-if", true),
-                      createElementVNode("td", _hoisted_39, [
+                      createElementVNode("td", _hoisted_46, [
                         ($options.mimeIconFor({ mime: item.mime }))
                           ? (openBlock(), createElementBlock("img", {
                               key: 0,
                               class: "cn-files-browser__mime",
                               src: $options.mimeIconFor({ mime: item.mime }),
                               alt: ""
-                            }, null, 8 /* PROPS */, _hoisted_40))
+                            }, null, 8 /* PROPS */, _hoisted_47))
                           : (openBlock(), createBlock(_component_FileOutline, {
                               key: 1,
                               size: 32
@@ -777,16 +886,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         }, [
                           (column.key === 'name')
                             ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                createElementVNode("span", _hoisted_41, toDisplayString(item.name), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_48, toDisplayString(item.name), 1 /* TEXT */),
                                 (item.note)
-                                  ? (openBlock(), createElementBlock("span", _hoisted_42, [
+                                  ? (openBlock(), createElementBlock("span", _hoisted_49, [
                                       (item.noteHref)
                                         ? (openBlock(), createElementBlock("a", {
                                             key: 0,
                                             href: item.noteHref,
                                             class: "cn-files-browser__note-link",
                                             onClick: _cache[7] || (_cache[7] = withModifiers(() => {}, ["stop"]))
-                                          }, toDisplayString(item.note), 9 /* TEXT, PROPS */, _hoisted_43))
+                                          }, toDisplayString(item.note), 9 /* TEXT, PROPS */, _hoisted_50))
                                         : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                             createTextVNode(toDisplayString(item.note), 1 /* TEXT */)
                                           ], 64 /* STABLE_FRAGMENT */))
@@ -854,7 +963,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           _: 2 /* DYNAMIC */
                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["ariaLabel"])
                       ], 32 /* NEED_HYDRATION */)
-                    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_37))
+                    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_44))
                   }), 128 /* KEYED_FRAGMENT */))
                 ])
               ]),
@@ -871,9 +980,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         class: "cn-files-browser__side-card",
                         "data-testid": `cn-files-browser-side-card-${card.id}`
                       }, [
-                        createElementVNode("h3", _hoisted_46, toDisplayString(card.title), 1 /* TEXT */),
+                        createElementVNode("h3", _hoisted_53, toDisplayString(card.title), 1 /* TEXT */),
                         (card.fields.length > 0)
-                          ? (openBlock(), createElementBlock("dl", _hoisted_47, [
+                          ? (openBlock(), createElementBlock("dl", _hoisted_54, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList(card.fields, (field) => {
                                 return (openBlock(), createElementBlock(Fragment, {
                                   key: field.key
@@ -894,7 +1003,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             ]))
                           : createCommentVNode("v-if", true),
                         (card.actions.length > 0)
-                          ? (openBlock(), createElementBlock("div", _hoisted_48, [
+                          ? (openBlock(), createElementBlock("div", _hoisted_55, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList(card.actions, (action) => {
                                 return (openBlock(), createBlock(_component_NcButton, {
                                   key: action.id,
@@ -922,20 +1031,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               }), 128 /* KEYED_FRAGMENT */))
                             ]))
                           : createCommentVNode("v-if", true)
-                      ], 8 /* PROPS */, _hoisted_45))
+                      ], 8 /* PROPS */, _hoisted_52))
                     }), 128 /* KEYED_FRAGMENT */))
-                  ], 8 /* PROPS */, _hoisted_44))
+                  ], 8 /* PROPS */, _hoisted_51))
                 : createCommentVNode("v-if", true)
             ], 2 /* CLASS */)),
     ($props.dropHint && $options.canChange && !$data.loading && $data.error === '')
-      ? (openBlock(), createElementBlock("p", _hoisted_49, [
+      ? (openBlock(), createElementBlock("p", _hoisted_56, [
           createVNode(_component_Upload, { size: 16 }),
           createTextVNode(" " + toDisplayString($props.dropHintLabel), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
+    ($props.footnote && !$data.loading && $data.error === '')
+      ? (openBlock(), createElementBlock("p", _hoisted_57, toDisplayString($options.cnTranslate($props.footnote)), 1 /* TEXT */))
+      : createCommentVNode("v-if", true),
     ($data.renaming !== null)
       ? (openBlock(), createBlock(_component_NcDialog, {
-          key: 10,
+          key: 12,
           name: $props.renameLabel,
           size: "small",
           "data-testid": "cn-files-browser-rename",
@@ -982,7 +1094,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.removing !== null)
       ? (openBlock(), createBlock(_component_NcDialog, {
-          key: 11,
+          key: 13,
           name: $props.deleteLabel,
           size: "small",
           "data-testid": "cn-files-browser-delete",
@@ -1011,7 +1123,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createElementVNode("p", null, toDisplayString($options.t('nextcloud-vue', 'Delete {name}? This cannot be undone here.', { name: $data.removing.basename })), 1 /* TEXT */),
             ($data.removeError)
-              ? (openBlock(), createElementBlock("p", _hoisted_50, toDisplayString($data.removeError), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("p", _hoisted_58, toDisplayString($data.removeError), 1 /* TEXT */))
               : createCommentVNode("v-if", true)
           ]),
           _: 1 /* STABLE */
@@ -1019,7 +1131,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.newFolderOpen)
       ? (openBlock(), createBlock(_component_NcDialog, {
-          key: 12,
+          key: 14,
           name: $props.newFolderLabel,
           size: "small",
           "data-testid": "cn-files-browser-new-folder",