@conduction/nextcloud-vue 2.104.0 → 2.106.0

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

@@ -9,135 +9,140 @@ const _hoisted_1 = {
 const _hoisted_2 = { class: "cn-files-browser__drop-icon" };
 const _hoisted_3 = { class: "cn-files-browser__drop-label" };
 const _hoisted_4 = {
+  key: 0,
+  class: "cn-files-browser__drop-detail",
+  "data-testid": "cn-files-browser-drop-detail"
+};
+const _hoisted_5 = {
   key: 1,
   class: "hidden-visually",
   "aria-live": "polite",
   "data-testid": "cn-files-browser-drop-status"
 };
-const _hoisted_5 = { class: "cn-files-browser__bar" };
-const _hoisted_6 = ["aria-label"];
-const _hoisted_7 = {
+const _hoisted_6 = { class: "cn-files-browser__bar" };
+const _hoisted_7 = ["aria-label"];
+const _hoisted_8 = {
   key: 2,
   class: "cn-files-browser__uploads",
   "data-testid": "cn-files-browser-uploads"
 };
-const _hoisted_8 = { class: "cn-files-browser__upload-name" };
-const _hoisted_9 = {
+const _hoisted_9 = { class: "cn-files-browser__upload-name" };
+const _hoisted_10 = {
   key: 0,
   class: "cn-files-browser__upload-error",
   role: "alert"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   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 = {
+const _hoisted_12 = { class: "cn-files-browser__review-head" };
+const _hoisted_13 = { class: "cn-files-browser__review-title" };
+const _hoisted_14 = {
   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 = {
+const _hoisted_15 = ["aria-label"];
+const _hoisted_16 = { class: "cn-files-browser__review-legend" };
+const _hoisted_17 = {
   key: 4,
   class: "cn-files-browser__facets",
   "data-testid": "cn-files-browser-facets"
 };
-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 = {
+const _hoisted_18 = ["aria-label"];
+const _hoisted_19 = ["aria-pressed", "onClick"];
+const _hoisted_20 = { class: "cn-files-browser__facet-count" };
+const _hoisted_21 = ["aria-label"];
+const _hoisted_22 = {
   class: "cn-files-browser__bulk-count",
   "aria-live": "polite",
   "data-testid": "cn-files-browser-bulk-count"
 };
-const _hoisted_22 = {
+const _hoisted_23 = {
   class: "cn-files-browser__table",
   "data-testid": "cn-files-browser-table"
 };
-const _hoisted_23 = {
+const _hoisted_24 = {
   key: 0,
   class: "cn-files-browser__col-select",
   scope: "col"
 };
-const _hoisted_24 = ["checked", ".indeterminate", "disabled", "aria-label"];
-const _hoisted_25 = {
+const _hoisted_25 = ["checked", ".indeterminate", "disabled", "aria-label"];
+const _hoisted_26 = {
   class: "cn-files-browser__col-icon",
   scope: "col"
 };
-const _hoisted_26 = { class: "hidden-visually" };
-const _hoisted_27 = ["aria-sort", "data-testid"];
-const _hoisted_28 = ["onClick"];
-const _hoisted_29 = {
+const _hoisted_27 = { class: "hidden-visually" };
+const _hoisted_28 = ["aria-sort", "data-testid"];
+const _hoisted_29 = ["onClick"];
+const _hoisted_30 = {
   class: "cn-files-browser__col-actions",
   scope: "col"
 };
-const _hoisted_30 = { class: "hidden-visually" };
-const _hoisted_31 = {
+const _hoisted_31 = { class: "hidden-visually" };
+const _hoisted_32 = {
   key: 0,
   class: "cn-files-browser__group",
   "data-testid": "cn-files-browser-group"
 };
-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 = {
+const _hoisted_33 = ["colspan"];
+const _hoisted_34 = { class: "cn-files-browser__group-count" };
+const _hoisted_35 = ["data-name", "onClick", "onAuxclick"];
+const _hoisted_36 = ["checked", "aria-label", "onChange"];
+const _hoisted_37 = { class: "cn-files-browser__col-icon" };
+const _hoisted_38 = ["src", "onError"];
+const _hoisted_39 = ["src"];
+const _hoisted_40 = ["data-testid"];
+const _hoisted_41 = {
   key: 0,
   class: "cn-files-browser__name"
 };
-const _hoisted_41 = {
+const _hoisted_42 = {
   key: 1,
   class: "cn-files-browser__name-secondary",
   "data-testid": "cn-files-browser-name-secondary"
 };
-const _hoisted_42 = {
+const _hoisted_43 = {
   key: 0,
   class: "cn-files-browser__no-match-row"
 };
-const _hoisted_43 = ["colspan"];
-const _hoisted_44 = ["data-name", "onClick", "onAuxclick"];
-const _hoisted_45 = {
+const _hoisted_44 = ["colspan"];
+const _hoisted_45 = ["data-name", "onClick", "onAuxclick"];
+const _hoisted_46 = {
   key: 0,
   class: "cn-files-browser__col-select"
 };
-const _hoisted_46 = { class: "cn-files-browser__col-icon" };
-const _hoisted_47 = ["src"];
-const _hoisted_48 = { class: "cn-files-browser__name" };
-const _hoisted_49 = {
+const _hoisted_47 = { class: "cn-files-browser__col-icon" };
+const _hoisted_48 = ["src"];
+const _hoisted_49 = { class: "cn-files-browser__name" };
+const _hoisted_50 = {
   key: 0,
   class: "cn-files-browser__note"
 };
-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 = {
+const _hoisted_51 = ["href"];
+const _hoisted_52 = ["aria-label"];
+const _hoisted_53 = ["data-testid"];
+const _hoisted_54 = { class: "cn-files-browser__side-title" };
+const _hoisted_55 = {
   key: 0,
   class: "cn-files-browser__side-facts"
 };
-const _hoisted_55 = {
+const _hoisted_56 = {
   key: 1,
   class: "cn-files-browser__side-actions"
 };
-const _hoisted_56 = {
+const _hoisted_57 = {
   key: 10,
   class: "cn-files-browser__drop-hint",
   "data-testid": "cn-files-browser-drop-hint"
 };
-const _hoisted_57 = {
+const _hoisted_58 = {
   key: 11,
   class: "cn-files-browser__footnote",
   "data-testid": "cn-files-browser-footnote"
 };
-const _hoisted_58 = {
+const _hoisted_59 = {
   key: 0,
   class: "cn-files-browser__upload-error",
   role: "alert"
@@ -172,7 +177,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcDialog = resolveComponent("NcDialog");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["cn-files-browser", { 'cn-files-browser--dragging': $data.dragging }]),
+    class: normalizeClass(["cn-files-browser", { 'cn-files-browser--dragging': $data.dragging, 'cn-files-browser--drop-panel': $props.dropOverlay && $props.dropDetail !== '' }]),
     "data-testid": "cn-files-browser",
     onDragenter: _cache[21] || (_cache[21] = withModifiers((...args) => ($options.onDragEnter && $options.onDragEnter(...args)), ["prevent"])),
     onDragover: _cache[22] || (_cache[22] = withModifiers((...args) => ($options.onDragOver && $options.onDragOver(...args)), ["prevent"])),
@@ -184,13 +189,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("span", _hoisted_2, [
             createVNode(_component_Upload, { size: 28 })
           ]),
-          createElementVNode("strong", _hoisted_3, toDisplayString($props.dropLabel), 1 /* TEXT */)
+          createElementVNode("strong", _hoisted_3, toDisplayString($options.cnTranslate($props.dropLabel)), 1 /* TEXT */),
+          ($options.dropDetailText)
+            ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString($options.dropDetailText), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
         ]))
       : createCommentVNode("v-if", true),
     ($props.dropOverlay)
-      ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString($data.dropStatus), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString($data.dropStatus), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_5, [
+    createElementVNode("div", _hoisted_6, [
       createVNode(_component_NcBreadcrumbs, { class: "cn-files-browser__crumbs" }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.crumbs, (crumb, index) => {
@@ -366,32 +374,32 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "cn-files-browser__file-input",
       "aria-label": $props.uploadLabel,
       onChange: _cache[0] || (_cache[0] = (...args) => ($options.onFilesPicked && $options.onFilesPicked(...args)))
-    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6),
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_7),
     ($data.uploads.length > 0)
-      ? (openBlock(), createElementBlock("ul", _hoisted_7, [
+      ? (openBlock(), createElementBlock("ul", _hoisted_8, [
           (openBlock(true), createElementBlock(Fragment, null, renderList($data.uploads, (upload) => {
             return (openBlock(), createElementBlock("li", {
               key: upload.key,
               class: "cn-files-browser__upload"
             }, [
-              createElementVNode("span", _hoisted_8, toDisplayString(upload.name), 1 /* TEXT */),
+              createElementVNode("span", _hoisted_9, toDisplayString(upload.name), 1 /* TEXT */),
               createVNode(_component_NcProgressBar, {
                 value: upload.progress,
                 error: upload.error !== ''
               }, null, 8 /* PROPS */, ["value", "error"]),
               (upload.error)
-                ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(upload.error), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(upload.error), 1 /* TEXT */))
                 : createCommentVNode("v-if", true)
             ]))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : createCommentVNode("v-if", true),
     ($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 */),
+      ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("strong", _hoisted_13, toDisplayString($options.reviewTitle), 1 /* TEXT */),
             ($options.reviewSubtitle)
-              ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString($options.reviewSubtitle), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString($options.reviewSubtitle), 1 /* TEXT */))
               : createCommentVNode("v-if", true)
           ]),
           createElementVNode("span", {
@@ -408,8 +416,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 [vShow, segment.count > 0 && !$options.isOpenValue(segment.value)]
               ])
             }), 128 /* KEYED_FRAGMENT */))
-          ], 8 /* PROPS */, _hoisted_14),
-          createElementVNode("ul", _hoisted_15, [
+          ], 8 /* PROPS */, _hoisted_15),
+          createElementVNode("ul", _hoisted_16, [
             (openBlock(true), createElementBlock(Fragment, null, renderList($options.review.segments, (segment) => {
               return (openBlock(), createElementBlock("li", {
                 key: segment.value,
@@ -427,7 +435,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
       : createCommentVNode("v-if", true),
     ($options.facetGroups.length > 0 && !$data.loading && $data.error === '')
-      ? (openBlock(), createElementBlock("div", _hoisted_16, [
+      ? (openBlock(), createElementBlock("div", _hoisted_17, [
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.facetGroups, (facet) => {
             return (openBlock(), createElementBlock("div", {
               key: facet.key,
@@ -445,10 +453,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_19, toDisplayString(option.count), 1 /* TEXT */)
-                ], 10 /* CLASS, PROPS */, _hoisted_18))
+                  createElementVNode("strong", _hoisted_20, toDisplayString(option.count), 1 /* TEXT */)
+                ], 10 /* CLASS, PROPS */, _hoisted_19))
               }), 128 /* KEYED_FRAGMENT */))
-            ], 8 /* PROPS */, _hoisted_17))
+            ], 8 /* PROPS */, _hoisted_18))
           }), 128 /* KEYED_FRAGMENT */)),
           ($options.facetActive)
             ? (openBlock(), createBlock(_component_NcButton, {
@@ -473,7 +481,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-label": $options.t('nextcloud-vue', 'Actions for the selected files'),
           "data-testid": "cn-files-browser-bulk-bar"
         }, [
-          createElementVNode("span", _hoisted_21, toDisplayString($options.selectionCountText), 1 /* TEXT */),
+          createElementVNode("span", _hoisted_22, toDisplayString($options.selectionCountText), 1 /* TEXT */),
           (openBlock(true), createElementBlock(Fragment, null, renderList($props.bulkActions, (action) => {
             return (openBlock(), createBlock(_component_NcButton, {
               key: action.id,
@@ -505,7 +513,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["onClick"]))
             : createCommentVNode("v-if", true)
-        ], 8 /* PROPS */, _hoisted_20))
+        ], 8 /* PROPS */, _hoisted_21))
       : createCommentVNode("v-if", true),
     ($data.loading)
       ? (openBlock(), createBlock(_component_NcLoadingIcon, {
@@ -549,11 +557,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 9,
               class: normalizeClass(["cn-files-browser__body", { 'cn-files-browser__body--with-side': $options.sideNode !== null }])
             }, [
-              createElementVNode("table", _hoisted_22, [
+              createElementVNode("table", _hoisted_23, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     ($options.bulkEnabled)
-                      ? (openBlock(), createElementBlock("th", _hoisted_23, [
+                      ? (openBlock(), createElementBlock("th", _hoisted_24, [
                           createElementVNode("input", {
                             type: "checkbox",
                             class: "cn-files-browser__select",
@@ -563,11 +571,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_24)
+                          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_25)
                         ]))
                       : createCommentVNode("v-if", true),
-                    createElementVNode("th", _hoisted_25, [
-                      createElementVNode("span", _hoisted_26, toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
+                    createElementVNode("th", _hoisted_26, [
+                      createElementVNode("span", _hoisted_27, toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
                     ]),
                     (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderedColumns, (column) => {
                       return (openBlock(), createElementBlock("th", {
@@ -591,14 +599,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     size: 16
                                   }))
                                 : createCommentVNode("v-if", true)
-                            ], 8 /* PROPS */, _hoisted_28))
+                            ], 8 /* PROPS */, _hoisted_29))
                           : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                               createTextVNode(toDisplayString($options.columnLabel(column)), 1 /* TEXT */)
                             ], 64 /* STABLE_FRAGMENT */))
-                      ], 10 /* CLASS, PROPS */, _hoisted_27))
+                      ], 10 /* CLASS, PROPS */, _hoisted_28))
                     }), 128 /* KEYED_FRAGMENT */)),
-                    createElementVNode("th", _hoisted_29, [
-                      createElementVNode("span", _hoisted_30, toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
+                    createElementVNode("th", _hoisted_30, [
+                      createElementVNode("span", _hoisted_31, toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
                     ])
                   ])
                 ]),
@@ -606,15 +614,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_31, [
+                        ? (openBlock(), createElementBlock("tr", _hoisted_32, [
                             createElementVNode("th", {
                               colspan: $options.columnCount,
                               scope: "rowgroup",
                               class: "cn-files-browser__group-heading"
                             }, [
                               createTextVNode(toDisplayString(group.label) + " ", 1 /* TEXT */),
-                              createElementVNode("span", _hoisted_33, toDisplayString(group.count), 1 /* TEXT */)
-                            ], 8 /* PROPS */, _hoisted_32)
+                              createElementVNode("span", _hoisted_34, toDisplayString(group.count), 1 /* TEXT */)
+                            ], 8 /* PROPS */, _hoisted_33)
                           ]))
                         : (openBlock(), createElementBlock("tr", {
                             key: key,
@@ -641,11 +649,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_35))
+                                      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_36))
                                     : createCommentVNode("v-if", true)
                                 ], 32 /* NEED_HYDRATION */))
                               : createCommentVNode("v-if", true),
-                            createElementVNode("td", _hoisted_36, [
+                            createElementVNode("td", _hoisted_37, [
                               ($options.previewUrlFor(node))
                                 ? (openBlock(), createElementBlock("img", {
                                     key: 0,
@@ -654,14 +662,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     alt: "",
                                     loading: "lazy",
                                     onError: $event => ($options.onPreviewError(node))
-                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_37))
+                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_38))
                                 : ($options.mimeIconFor(node))
                                   ? (openBlock(), createElementBlock("img", {
                                       key: 1,
                                       class: "cn-files-browser__mime",
                                       src: $options.mimeIconFor(node),
                                       alt: ""
-                                    }, null, 8 /* PROPS */, _hoisted_38))
+                                    }, null, 8 /* PROPS */, _hoisted_39))
                                   : ($options.isFolder(node))
                                     ? (openBlock(), createBlock(_component_FolderOutline, {
                                         key: 2,
@@ -679,10 +687,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 "data-testid": `cn-files-browser-cell-${column.key}`
                               }, [
                                 (column.key === 'name')
-                                  ? (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString(node.basename), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_41, 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 */))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_42, toDisplayString($options.nameSecondaryOf(node)), 1 /* TEXT */))
                                   : (column.key === 'size')
                                     ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                                         createTextVNode(toDisplayString($options.isFolder(node) ? '' : $options.formatSize(node.size)), 1 /* TEXT */)
@@ -703,7 +711,7 @@ 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_39))
+                              ], 10 /* CLASS, PROPS */, _hoisted_40))
                             }), 128 /* KEYED_FRAGMENT */)),
                             createElementVNode("td", {
                               class: "cn-files-browser__col-actions",
@@ -841,16 +849,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_34))
+                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_35))
                     ], 64 /* STABLE_FRAGMENT */))
                   }), 128 /* KEYED_FRAGMENT */)),
                   ($options.facetActive && $options.filteredFiles.length === 0)
-                    ? (openBlock(), createElementBlock("tr", _hoisted_42, [
+                    ? (openBlock(), createElementBlock("tr", _hoisted_43, [
                         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_43)
+                        }, toDisplayString($options.t('nextcloud-vue', 'No files match the filter.')), 9 /* TEXT, PROPS */, _hoisted_44)
                       ]))
                     : createCommentVNode("v-if", true),
                   (openBlock(true), createElementBlock(Fragment, null, renderList($props.linkedItems, (item) => {
@@ -864,16 +872,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       onAuxclick: $event => ($options.onLinkedAuxClick(item, $event))
                     }, [
                       ($options.bulkEnabled)
-                        ? (openBlock(), createElementBlock("td", _hoisted_45))
+                        ? (openBlock(), createElementBlock("td", _hoisted_46))
                         : createCommentVNode("v-if", true),
-                      createElementVNode("td", _hoisted_46, [
+                      createElementVNode("td", _hoisted_47, [
                         ($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_47))
+                            }, null, 8 /* PROPS */, _hoisted_48))
                           : (openBlock(), createBlock(_component_FileOutline, {
                               key: 1,
                               size: 32
@@ -886,16 +894,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         }, [
                           (column.key === 'name')
                             ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                createElementVNode("span", _hoisted_48, toDisplayString(item.name), 1 /* TEXT */),
+                                createElementVNode("span", _hoisted_49, toDisplayString(item.name), 1 /* TEXT */),
                                 (item.note)
-                                  ? (openBlock(), createElementBlock("span", _hoisted_49, [
+                                  ? (openBlock(), createElementBlock("span", _hoisted_50, [
                                       (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_50))
+                                          }, toDisplayString(item.note), 9 /* TEXT, PROPS */, _hoisted_51))
                                         : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                             createTextVNode(toDisplayString(item.note), 1 /* TEXT */)
                                           ], 64 /* STABLE_FRAGMENT */))
@@ -963,7 +971,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           _: 2 /* DYNAMIC */
                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["ariaLabel"])
                       ], 32 /* NEED_HYDRATION */)
-                    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_44))
+                    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_45))
                   }), 128 /* KEYED_FRAGMENT */))
                 ])
               ]),
@@ -980,9 +988,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_53, toDisplayString(card.title), 1 /* TEXT */),
+                        createElementVNode("h3", _hoisted_54, toDisplayString(card.title), 1 /* TEXT */),
                         (card.fields.length > 0)
-                          ? (openBlock(), createElementBlock("dl", _hoisted_54, [
+                          ? (openBlock(), createElementBlock("dl", _hoisted_55, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList(card.fields, (field) => {
                                 return (openBlock(), createElementBlock(Fragment, {
                                   key: field.key
@@ -1003,7 +1011,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             ]))
                           : createCommentVNode("v-if", true),
                         (card.actions.length > 0)
-                          ? (openBlock(), createElementBlock("div", _hoisted_55, [
+                          ? (openBlock(), createElementBlock("div", _hoisted_56, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList(card.actions, (action) => {
                                 return (openBlock(), createBlock(_component_NcButton, {
                                   key: action.id,
@@ -1031,19 +1039,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               }), 128 /* KEYED_FRAGMENT */))
                             ]))
                           : createCommentVNode("v-if", true)
-                      ], 8 /* PROPS */, _hoisted_52))
+                      ], 8 /* PROPS */, _hoisted_53))
                     }), 128 /* KEYED_FRAGMENT */))
-                  ], 8 /* PROPS */, _hoisted_51))
+                  ], 8 /* PROPS */, _hoisted_52))
                 : createCommentVNode("v-if", true)
             ], 2 /* CLASS */)),
     ($props.dropHint && $options.canChange && !$data.loading && $data.error === '')
-      ? (openBlock(), createElementBlock("p", _hoisted_56, [
+      ? (openBlock(), createElementBlock("p", _hoisted_57, [
           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 */))
+      ? (openBlock(), createElementBlock("p", _hoisted_58, toDisplayString($options.cnTranslate($props.footnote)), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
     ($data.renaming !== null)
       ? (openBlock(), createBlock(_component_NcDialog, {
@@ -1123,7 +1131,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_58, toDisplayString($data.removeError), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("p", _hoisted_59, toDisplayString($data.removeError), 1 /* TEXT */))
               : createCommentVNode("v-if", true)
           ]),
           _: 1 /* STABLE */