@conduction/nextcloud-vue 2.80.0 → 2.81.0

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

@@ -28,46 +28,82 @@ const _hoisted_9 = {
   role: "alert"
 };
 const _hoisted_10 = {
-  key: 6,
+  key: 3,
+  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 = {
+  class: "cn-files-browser__bulk-count",
+  "aria-live": "polite"
+};
+const _hoisted_16 = {
+  key: 8,
   class: "cn-files-browser__table",
   "data-testid": "cn-files-browser-table"
 };
-const _hoisted_11 = {
+const _hoisted_17 = {
+  key: 0,
+  class: "cn-files-browser__col-select",
+  scope: "col"
+};
+const _hoisted_18 = ["checked", ".indeterminate", "disabled", "aria-label"];
+const _hoisted_19 = {
   class: "cn-files-browser__col-icon",
   scope: "col"
 };
-const _hoisted_12 = { class: "hidden-visually" };
-const _hoisted_13 = ["aria-sort", "data-testid"];
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = {
+const _hoisted_20 = { class: "hidden-visually" };
+const _hoisted_21 = ["aria-sort", "data-testid"];
+const _hoisted_22 = ["onClick"];
+const _hoisted_23 = {
   class: "cn-files-browser__col-actions",
   scope: "col"
 };
-const _hoisted_16 = { class: "hidden-visually" };
-const _hoisted_17 = ["data-name", "onClick", "onAuxclick"];
-const _hoisted_18 = { class: "cn-files-browser__col-icon" };
-const _hoisted_19 = ["src", "onError"];
-const _hoisted_20 = ["src"];
-const _hoisted_21 = ["data-testid"];
-const _hoisted_22 = {
+const _hoisted_24 = { class: "hidden-visually" };
+const _hoisted_25 = {
+  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 = {
   key: 0,
   class: "cn-files-browser__name"
 };
-const _hoisted_23 = ["data-name", "onClick", "onAuxclick"];
-const _hoisted_24 = { class: "cn-files-browser__col-icon" };
-const _hoisted_25 = ["src"];
-const _hoisted_26 = { class: "cn-files-browser__name" };
-const _hoisted_27 = {
+const _hoisted_35 = {
+  key: 0,
+  class: "cn-files-browser__no-match-row"
+};
+const _hoisted_36 = ["colspan"];
+const _hoisted_37 = ["data-name", "onClick", "onAuxclick"];
+const _hoisted_38 = {
+  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 = {
   key: 0,
   class: "cn-files-browser__note"
 };
-const _hoisted_28 = ["href"];
-const _hoisted_29 = {
-  key: 7,
+const _hoisted_43 = ["href"];
+const _hoisted_44 = {
+  key: 9,
   class: "cn-files-browser__drop-hint",
   "data-testid": "cn-files-browser-drop-hint"
 };
-const _hoisted_30 = {
+const _hoisted_45 = {
   key: 0,
   class: "cn-files-browser__upload-error",
   role: "alert"
@@ -104,10 +140,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["cn-files-browser", { 'cn-files-browser--dragging': $data.dragging }]),
     "data-testid": "cn-files-browser",
-    onDragenter: _cache[18] || (_cache[18] = withModifiers((...args) => ($options.onDragEnter && $options.onDragEnter(...args)), ["prevent"])),
-    onDragover: _cache[19] || (_cache[19] = withModifiers((...args) => ($options.onDragOver && $options.onDragOver(...args)), ["prevent"])),
-    onDragleave: _cache[20] || (_cache[20] = withModifiers((...args) => ($options.onDragLeave && $options.onDragLeave(...args)), ["prevent"])),
-    onDrop: _cache[21] || (_cache[21] = withModifiers((...args) => ($options.onDrop && $options.onDrop(...args)), ["prevent"]))
+    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"])),
+    onDragleave: _cache[23] || (_cache[23] = withModifiers((...args) => ($options.onDragLeave && $options.onDragLeave(...args)), ["prevent"])),
+    onDrop: _cache[24] || (_cache[24] = withModifiers((...args) => ($options.onDrop && $options.onDrop(...args)), ["prevent"]))
   }, [
     ($props.dropOverlay && $data.dragging)
       ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -288,15 +324,93 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : createCommentVNode("v-if", true),
+    ($options.facetGroups.length > 0 && !$data.loading && $data.error === '')
+      ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.facetGroups, (facet) => {
+            return (openBlock(), createElementBlock("div", {
+              key: facet.key,
+              class: "cn-files-browser__facet",
+              role: "group",
+              "aria-label": $options.t('nextcloud-vue', 'Filter by {column}', { column: facet.label })
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(facet.values, (option) => {
+                return (openBlock(), createElementBlock("button", {
+                  key: option.value,
+                  type: "button",
+                  class: normalizeClass(["cn-files-browser__facet-chip", { 'cn-files-browser__facet-chip--active': option.active }]),
+                  "aria-pressed": option.active ? 'true' : 'false',
+                  "data-testid": "cn-files-browser-facet-chip",
+                  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))
+              }), 128 /* KEYED_FRAGMENT */))
+            ], 8 /* PROPS */, _hoisted_11))
+          }), 128 /* KEYED_FRAGMENT */)),
+          ($options.facetActive)
+            ? (openBlock(), createBlock(_component_NcButton, {
+                key: 0,
+                variant: "tertiary",
+                "data-testid": "cn-files-browser-facets-clear",
+                onClick: $options.clearFacets
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Clear filters')), 1 /* TEXT */)
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["onClick"]))
+            : createCommentVNode("v-if", true)
+        ]))
+      : createCommentVNode("v-if", true),
+    ($options.bulkEnabled && $data.selectedIds.length > 0)
+      ? (openBlock(), createElementBlock("div", {
+          key: 4,
+          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.t('nextcloud-vue', '{count} selected', { count: $data.selectedIds.length })), 1 /* TEXT */),
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.bulkActions, (action) => {
+            return (openBlock(), createBlock(_component_NcButton, {
+              key: action.id,
+              "data-testid": `cn-files-browser-bulk-action-${action.id}`,
+              onClick: $event => ($options.runBulkAction(action))
+            }, {
+              icon: withCtx(() => [
+                createVNode(_component_CnIcon, {
+                  name: action.icon || 'CheckboxMultipleMarkedOutline',
+                  size: 20
+                }, null, 8 /* PROPS */, ["name"])
+              ]),
+              default: withCtx(() => [
+                createTextVNode(" " + toDisplayString(action.label), 1 /* TEXT */)
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+          }), 128 /* KEYED_FRAGMENT */)),
+          createVNode(_component_NcButton, {
+            variant: "tertiary",
+            "data-testid": "cn-files-browser-bulk-clear",
+            onClick: $options.clearSelection
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Clear selection')), 1 /* TEXT */)
+            ]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["onClick"])
+        ], 8 /* PROPS */, _hoisted_14))
+      : createCommentVNode("v-if", true),
     ($data.loading)
       ? (openBlock(), createBlock(_component_NcLoadingIcon, {
-          key: 3,
+          key: 5,
           size: 32,
           class: "cn-files-browser__loading"
         }))
       : ($data.error !== '')
         ? (openBlock(), createBlock(_component_CnEmptyContent, {
-            key: 4,
+            key: 6,
             error: "",
             name: $data.error,
             class: "cn-files-browser__state"
@@ -316,7 +430,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: 5,
+              key: 7,
               name: $props.emptyLabel,
               description: $options.canChange ? $props.emptyHint : '',
               class: "cn-files-browser__state"
@@ -326,11 +440,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1 /* STABLE */
             }, 8 /* PROPS */, ["name", "description"]))
-          : (openBlock(), createElementBlock("table", _hoisted_10, [
+          : (openBlock(), createElementBlock("table", _hoisted_16, [
               createElementVNode("thead", null, [
                 createElementVNode("tr", null, [
-                  createElementVNode("th", _hoisted_11, [
-                    createElementVNode("span", _hoisted_12, toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
+                  ($options.bulkEnabled)
+                    ? (openBlock(), createElementBlock("th", _hoisted_17, [
+                        createElementVNode("input", {
+                          type: "checkbox",
+                          class: "cn-files-browser__select",
+                          checked: $options.allSelected,
+                          ".indeterminate": $options.someSelected && !$options.allSelected,
+                          disabled: $options.selectableIds.length === 0,
+                          "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)
+                      ]))
+                    : createCommentVNode("v-if", true),
+                  createElementVNode("th", _hoisted_19, [
+                    createElementVNode("span", _hoisted_20, toDisplayString($options.t('nextcloud-vue', 'Type')), 1 /* TEXT */)
                   ]),
                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderedColumns, (column) => {
                     return (openBlock(), createElementBlock("th", {
@@ -354,206 +482,248 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   size: 16
                                 }))
                               : createCommentVNode("v-if", true)
-                          ], 8 /* PROPS */, _hoisted_14))
+                          ], 8 /* PROPS */, _hoisted_22))
                         : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                             createTextVNode(toDisplayString($options.columnLabel(column)), 1 /* TEXT */)
                           ], 64 /* STABLE_FRAGMENT */))
-                    ], 10 /* CLASS, PROPS */, _hoisted_13))
+                    ], 10 /* CLASS, PROPS */, _hoisted_21))
                   }), 128 /* KEYED_FRAGMENT */)),
-                  createElementVNode("th", _hoisted_15, [
-                    createElementVNode("span", _hoisted_16, toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
+                  createElementVNode("th", _hoisted_23, [
+                    createElementVNode("span", _hoisted_24, toDisplayString($options.t('nextcloud-vue', 'Actions')), 1 /* TEXT */)
                   ])
                 ])
               ]),
               createElementVNode("tbody", null, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList($options.sorted, (node) => {
-                  return (openBlock(), createElementBlock("tr", {
-                    key: node.source,
-                    class: normalizeClass(["cn-files-browser__row", { 'cn-files-browser__row--folder': $options.isFolder(node) }]),
-                    "data-testid": "cn-files-browser-row",
-                    "data-name": node.basename,
-                    onClick: $event => ($options.onRowClick(node, $event)),
-                    onMousedown: _cache[3] || (_cache[3] = (...args) => ($options.preventMiddleClickAutoscroll && $options.preventMiddleClickAutoscroll(...args))),
-                    onAuxclick: $event => ($options.onRowAuxClick(node, $event))
-                  }, [
-                    createElementVNode("td", _hoisted_18, [
-                      ($options.previewUrlFor(node))
-                        ? (openBlock(), createElementBlock("img", {
-                            key: 0,
-                            class: "cn-files-browser__thumb",
-                            src: $options.previewUrlFor(node),
-                            alt: "",
-                            loading: "lazy",
-                            onError: $event => ($options.onPreviewError(node))
-                          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_19))
-                        : ($options.mimeIconFor(node))
-                          ? (openBlock(), createElementBlock("img", {
-                              key: 1,
-                              class: "cn-files-browser__mime",
-                              src: $options.mimeIconFor(node),
-                              alt: ""
-                            }, null, 8 /* PROPS */, _hoisted_20))
-                          : ($options.isFolder(node))
-                            ? (openBlock(), createBlock(_component_FolderOutline, {
-                                key: 2,
-                                size: 32
-                              }))
-                            : (openBlock(), createBlock(_component_FileOutline, {
-                                key: 3,
-                                size: 32
-                              }))
-                    ]),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderedColumns, (column) => {
-                      return (openBlock(), createElementBlock("td", {
-                        key: column.key,
-                        class: normalizeClass(`cn-files-browser__col-${column.key}`),
-                        "data-testid": `cn-files-browser-cell-${column.key}`
-                      }, [
-                        (column.key === 'name')
-                          ? (openBlock(), createElementBlock("span", _hoisted_22, toDisplayString(node.basename), 1 /* TEXT */))
-                          : (column.key === 'size')
-                            ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                                createTextVNode(toDisplayString($options.isFolder(node) ? '' : $options.formatSize(node.size)), 1 /* TEXT */)
-                              ], 64 /* STABLE_FRAGMENT */))
-                            : (column.key === 'modified')
-                              ? (openBlock(), createBlock(_component_NcDateTime, {
-                                  key: 2,
-                                  timestamp: node.mtime,
-                                  ignoreSeconds: true
-                                }, null, 8 /* PROPS */, ["timestamp"]))
-                              : (openBlock(), createBlock(_component_CnCellRenderer, {
-                                  key: 3,
-                                  value: $options.cellValue(column, node),
-                                  formatter: column.formatter || null,
-                                  formatterOptions: column.formatterOptions || null,
-                                  widget: column.widget || null,
-                                  row: node
-                                }, null, 8 /* PROPS */, ["value", "formatter", "formatterOptions", "widget", "row"]))
-                      ], 10 /* CLASS, PROPS */, _hoisted_21))
-                    }), 128 /* KEYED_FRAGMENT */)),
-                    createElementVNode("td", {
-                      class: "cn-files-browser__col-actions",
-                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-                      onAuxclick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
-                    }, [
-                      createVNode(_component_NcActions, {
-                        forceMenu: true,
-                        ariaLabel: $options.t('nextcloud-vue', 'Actions for {name}', { name: node.basename })
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.actionsFor(node), (action) => {
-                            return (openBlock(), createBlock(_component_NcActionButton, {
-                              key: action.id,
-                              closeAfterClick: true,
-                              "data-testid": `cn-files-browser-action-${action.id}`,
-                              onClick: $event => ($options.run(action, node))
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.displayRows, ({ key, group, node }) => {
+                  return (openBlock(), createElementBlock(Fragment, { key: key }, [
+                    group
+                      ? (openBlock(), createElementBlock("tr", _hoisted_25, [
+                          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)
+                        ]))
+                      : (openBlock(), createElementBlock("tr", {
+                          key: key,
+                          class: normalizeClass(["cn-files-browser__row", { 'cn-files-browser__row--folder': $options.isFolder(node) }]),
+                          "data-testid": "cn-files-browser-row",
+                          "data-name": node.basename,
+                          onClick: $event => ($options.onRowClick(node, $event)),
+                          onMousedown: _cache[6] || (_cache[6] = (...args) => ($options.preventMiddleClickAutoscroll && $options.preventMiddleClickAutoscroll(...args))),
+                          onAuxclick: $event => ($options.onRowAuxClick(node, $event))
+                        }, [
+                          ($options.bulkEnabled)
+                            ? (openBlock(), createElementBlock("td", {
+                                key: 0,
+                                class: "cn-files-browser__col-select",
+                                onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+                                onAuxclick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"]))
+                              }, [
+                                (!$options.isFolder(node))
+                                  ? (openBlock(), createElementBlock("input", {
+                                      key: 0,
+                                      type: "checkbox",
+                                      class: "cn-files-browser__select",
+                                      checked: $options.isSelected(node),
+                                      "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))
+                                  : createCommentVNode("v-if", true)
+                              ], 32 /* NEED_HYDRATION */))
+                            : createCommentVNode("v-if", true),
+                          createElementVNode("td", _hoisted_30, [
+                            ($options.previewUrlFor(node))
+                              ? (openBlock(), createElementBlock("img", {
+                                  key: 0,
+                                  class: "cn-files-browser__thumb",
+                                  src: $options.previewUrlFor(node),
+                                  alt: "",
+                                  loading: "lazy",
+                                  onError: $event => ($options.onPreviewError(node))
+                                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_31))
+                              : ($options.mimeIconFor(node))
+                                ? (openBlock(), createElementBlock("img", {
+                                    key: 1,
+                                    class: "cn-files-browser__mime",
+                                    src: $options.mimeIconFor(node),
+                                    alt: ""
+                                  }, null, 8 /* PROPS */, _hoisted_32))
+                                : ($options.isFolder(node))
+                                  ? (openBlock(), createBlock(_component_FolderOutline, {
+                                      key: 2,
+                                      size: 32
+                                    }))
+                                  : (openBlock(), createBlock(_component_FileOutline, {
+                                      key: 3,
+                                      size: 32
+                                    }))
+                          ]),
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderedColumns, (column) => {
+                            return (openBlock(), createElementBlock("td", {
+                              key: column.key,
+                              class: normalizeClass(`cn-files-browser__col-${column.key}`),
+                              "data-testid": `cn-files-browser-cell-${column.key}`
+                            }, [
+                              (column.key === 'name')
+                                ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(node.basename), 1 /* TEXT */))
+                                : (column.key === 'size')
+                                  ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                      createTextVNode(toDisplayString($options.isFolder(node) ? '' : $options.formatSize(node.size)), 1 /* TEXT */)
+                                    ], 64 /* STABLE_FRAGMENT */))
+                                  : (column.key === 'modified')
+                                    ? (openBlock(), createBlock(_component_NcDateTime, {
+                                        key: 2,
+                                        timestamp: node.mtime,
+                                        ignoreSeconds: true
+                                      }, null, 8 /* PROPS */, ["timestamp"]))
+                                    : (openBlock(), createBlock(_component_CnCellRenderer, {
+                                        key: 3,
+                                        value: $options.cellValue(column, node),
+                                        formatter: column.formatter || null,
+                                        formatterOptions: column.formatterOptions || null,
+                                        widget: column.widget || null,
+                                        row: node
+                                      }, null, 8 /* PROPS */, ["value", "formatter", "formatterOptions", "widget", "row"]))
+                            ], 10 /* CLASS, PROPS */, _hoisted_33))
+                          }), 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"]))
+                          }, [
+                            createVNode(_component_NcActions, {
+                              forceMenu: true,
+                              ariaLabel: $options.t('nextcloud-vue', 'Actions for {name}', { name: node.basename })
                             }, {
-                              icon: withCtx(() => [
-                                createVNode(_component_NcIconSvgWrapper, {
-                                  svg: $options.iconOf(action, node)
-                                }, null, 8 /* PROPS */, ["svg"])
-                              ]),
                               default: withCtx(() => [
-                                createTextVNode(" " + toDisplayString($options.labelOf(action, node)), 1 /* TEXT */)
+                                (openBlock(true), createElementBlock(Fragment, null, renderList($options.actionsFor(node), (action) => {
+                                  return (openBlock(), createBlock(_component_NcActionButton, {
+                                    key: action.id,
+                                    closeAfterClick: true,
+                                    "data-testid": `cn-files-browser-action-${action.id}`,
+                                    onClick: $event => ($options.run(action, node))
+                                  }, {
+                                    icon: withCtx(() => [
+                                      createVNode(_component_NcIconSvgWrapper, {
+                                        svg: $options.iconOf(action, node)
+                                      }, null, 8 /* PROPS */, ["svg"])
+                                    ]),
+                                    default: withCtx(() => [
+                                      createTextVNode(" " + toDisplayString($options.labelOf(action, node)), 1 /* TEXT */)
+                                    ]),
+                                    _: 2 /* DYNAMIC */
+                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+                                }), 128 /* KEYED_FRAGMENT */)),
+                                (!$options.isFolder(node))
+                                  ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.hostActionsFor(node), (action) => {
+                                      return (openBlock(), createBlock(_component_NcActionButton, {
+                                        key: `host-${action.id}`,
+                                        closeAfterClick: true,
+                                        "data-testid": `cn-files-browser-host-action-${action.id}`,
+                                        onClick: $event => ($options.runHostAction(action, node))
+                                      }, {
+                                        icon: withCtx(() => [
+                                          createVNode(_component_CnIcon, {
+                                            name: action.icon || 'FileDocumentEditOutline',
+                                            size: 20
+                                          }, null, 8 /* PROPS */, ["name"])
+                                        ]),
+                                        default: withCtx(() => [
+                                          createTextVNode(" " + toDisplayString(action.label), 1 /* TEXT */)
+                                        ]),
+                                        _: 2 /* DYNAMIC */
+                                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+                                    }), 128 /* KEYED_FRAGMENT */))
+                                  : createCommentVNode("v-if", true),
+                                ($options.actionsFor(node).length > 0 || (!$options.isFolder(node) && $options.hostActionsFor(node).length > 0))
+                                  ? (openBlock(), createBlock(_component_NcActionSeparator, { key: 1 }))
+                                  : createCommentVNode("v-if", true),
+                                ($props.source && $options.sourceDownloadUrl(node))
+                                  ? (openBlock(), createBlock(_component_NcActionLink, {
+                                      key: 2,
+                                      href: $options.sourceDownloadUrl(node),
+                                      download: node.basename,
+                                      closeAfterClick: true,
+                                      "data-testid": "cn-files-browser-action-download"
+                                    }, {
+                                      icon: withCtx(() => [
+                                        createVNode(_component_Download, { size: 20 })
+                                      ]),
+                                      default: withCtx(() => [
+                                        createTextVNode(" " + toDisplayString($props.downloadLabel), 1 /* TEXT */)
+                                      ]),
+                                      _: 1 /* STABLE */
+                                    }, 8 /* PROPS */, ["href", "download"]))
+                                  : createCommentVNode("v-if", true),
+                                ($props.source && $options.canChange)
+                                  ? (openBlock(), createBlock(_component_NcActionButton, {
+                                      key: 3,
+                                      closeAfterClick: true,
+                                      "data-testid": "cn-files-browser-action-delete",
+                                      onClick: $event => ($options.askRemove(node))
+                                    }, {
+                                      icon: withCtx(() => [
+                                        createVNode(_component_TrashCanOutline, { size: 20 })
+                                      ]),
+                                      default: withCtx(() => [
+                                        createTextVNode(" " + toDisplayString($props.deleteLabel), 1 /* TEXT */)
+                                      ]),
+                                      _: 1 /* STABLE */
+                                    }, 8 /* PROPS */, ["onClick"]))
+                                  : createCommentVNode("v-if", true),
+                                ($options.canChange)
+                                  ? (openBlock(), createBlock(_component_NcActionButton, {
+                                      key: 4,
+                                      closeAfterClick: true,
+                                      "data-testid": "cn-files-browser-action-rename",
+                                      onClick: $event => ($options.askRename(node))
+                                    }, {
+                                      icon: withCtx(() => [
+                                        createVNode(_component_Pencil, { size: 20 })
+                                      ]),
+                                      default: withCtx(() => [
+                                        createTextVNode(" " + toDisplayString($props.renameLabel), 1 /* TEXT */)
+                                      ]),
+                                      _: 1 /* STABLE */
+                                    }, 8 /* PROPS */, ["onClick"]))
+                                  : createCommentVNode("v-if", true),
+                                (node.fileid && !$props.source)
+                                  ? (openBlock(), createBlock(_component_NcActionLink, {
+                                      key: 5,
+                                      href: $options.permalink(node),
+                                      target: "_blank",
+                                      closeAfterClick: true
+                                    }, {
+                                      icon: withCtx(() => [
+                                        createVNode(_component_OpenInNew, { size: 20 })
+                                      ]),
+                                      default: withCtx(() => [
+                                        createTextVNode(" " + toDisplayString($props.showInFilesLabel), 1 /* TEXT */)
+                                      ]),
+                                      _: 1 /* STABLE */
+                                    }, 8 /* PROPS */, ["href"]))
+                                  : createCommentVNode("v-if", true)
                               ]),
                               _: 2 /* DYNAMIC */
-                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
-                          }), 128 /* KEYED_FRAGMENT */)),
-                          (!$options.isFolder(node))
-                            ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($props.rowActions, (action) => {
-                                return (openBlock(), createBlock(_component_NcActionButton, {
-                                  key: `host-${action.id}`,
-                                  closeAfterClick: true,
-                                  "data-testid": `cn-files-browser-host-action-${action.id}`,
-                                  onClick: $event => ($options.runHostAction(action, node))
-                                }, {
-                                  icon: withCtx(() => [
-                                    createVNode(_component_CnIcon, {
-                                      name: action.icon || 'FileDocumentEditOutline',
-                                      size: 20
-                                    }, null, 8 /* PROPS */, ["name"])
-                                  ]),
-                                  default: withCtx(() => [
-                                    createTextVNode(" " + toDisplayString(action.label), 1 /* TEXT */)
-                                  ]),
-                                  _: 2 /* DYNAMIC */
-                                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
-                              }), 128 /* KEYED_FRAGMENT */))
-                            : createCommentVNode("v-if", true),
-                          ($options.actionsFor(node).length > 0 || (!$options.isFolder(node) && $props.rowActions.length > 0))
-                            ? (openBlock(), createBlock(_component_NcActionSeparator, { key: 1 }))
-                            : createCommentVNode("v-if", true),
-                          ($props.source && $options.sourceDownloadUrl(node))
-                            ? (openBlock(), createBlock(_component_NcActionLink, {
-                                key: 2,
-                                href: $options.sourceDownloadUrl(node),
-                                download: node.basename,
-                                closeAfterClick: true,
-                                "data-testid": "cn-files-browser-action-download"
-                              }, {
-                                icon: withCtx(() => [
-                                  createVNode(_component_Download, { size: 20 })
-                                ]),
-                                default: withCtx(() => [
-                                  createTextVNode(" " + toDisplayString($props.downloadLabel), 1 /* TEXT */)
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["href", "download"]))
-                            : createCommentVNode("v-if", true),
-                          ($props.source && $options.canChange)
-                            ? (openBlock(), createBlock(_component_NcActionButton, {
-                                key: 3,
-                                closeAfterClick: true,
-                                "data-testid": "cn-files-browser-action-delete",
-                                onClick: $event => ($options.askRemove(node))
-                              }, {
-                                icon: withCtx(() => [
-                                  createVNode(_component_TrashCanOutline, { size: 20 })
-                                ]),
-                                default: withCtx(() => [
-                                  createTextVNode(" " + toDisplayString($props.deleteLabel), 1 /* TEXT */)
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["onClick"]))
-                            : createCommentVNode("v-if", true),
-                          ($options.canChange)
-                            ? (openBlock(), createBlock(_component_NcActionButton, {
-                                key: 4,
-                                closeAfterClick: true,
-                                "data-testid": "cn-files-browser-action-rename",
-                                onClick: $event => ($options.askRename(node))
-                              }, {
-                                icon: withCtx(() => [
-                                  createVNode(_component_Pencil, { size: 20 })
-                                ]),
-                                default: withCtx(() => [
-                                  createTextVNode(" " + toDisplayString($props.renameLabel), 1 /* TEXT */)
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["onClick"]))
-                            : createCommentVNode("v-if", true),
-                          (node.fileid && !$props.source)
-                            ? (openBlock(), createBlock(_component_NcActionLink, {
-                                key: 5,
-                                href: $options.permalink(node),
-                                target: "_blank",
-                                closeAfterClick: true
-                              }, {
-                                icon: withCtx(() => [
-                                  createVNode(_component_OpenInNew, { size: 20 })
-                                ]),
-                                default: withCtx(() => [
-                                  createTextVNode(" " + toDisplayString($props.showInFilesLabel), 1 /* TEXT */)
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["href"]))
-                            : createCommentVNode("v-if", true)
-                        ]),
-                        _: 2 /* DYNAMIC */
-                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["ariaLabel"])
-                    ], 32 /* NEED_HYDRATION */)
-                  ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_17))
+                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["ariaLabel"])
+                          ], 32 /* NEED_HYDRATION */)
+                        ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_28))
+                  ], 64 /* STABLE_FRAGMENT */))
                 }), 128 /* KEYED_FRAGMENT */)),
+                ($options.facetActive && $options.filteredFiles.length === 0)
+                  ? (openBlock(), createElementBlock("tr", _hoisted_35, [
+                      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)
+                    ]))
+                  : createCommentVNode("v-if", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList($props.linkedItems, (item) => {
                   return (openBlock(), createElementBlock("tr", {
                     key: `linked-${item.id}`,
@@ -561,17 +731,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     "data-testid": "cn-files-browser-linked-row",
                     "data-name": item.name,
                     onClick: $event => ($options.openLinked(item)),
-                    onMousedown: _cache[7] || (_cache[7] = (...args) => ($options.preventMiddleClickAutoscroll && $options.preventMiddleClickAutoscroll(...args))),
+                    onMousedown: _cache[10] || (_cache[10] = (...args) => ($options.preventMiddleClickAutoscroll && $options.preventMiddleClickAutoscroll(...args))),
                     onAuxclick: $event => ($options.onLinkedAuxClick(item, $event))
                   }, [
-                    createElementVNode("td", _hoisted_24, [
+                    ($options.bulkEnabled)
+                      ? (openBlock(), createElementBlock("td", _hoisted_38))
+                      : createCommentVNode("v-if", true),
+                    createElementVNode("td", _hoisted_39, [
                       ($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_25))
+                          }, null, 8 /* PROPS */, _hoisted_40))
                         : (openBlock(), createBlock(_component_FileOutline, {
                             key: 1,
                             size: 32
@@ -584,16 +757,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       }, [
                         (column.key === 'name')
                           ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                              createElementVNode("span", _hoisted_26, toDisplayString(item.name), 1 /* TEXT */),
+                              createElementVNode("span", _hoisted_41, toDisplayString(item.name), 1 /* TEXT */),
                               (item.note)
-                                ? (openBlock(), createElementBlock("span", _hoisted_27, [
+                                ? (openBlock(), createElementBlock("span", _hoisted_42, [
                                     (item.noteHref)
                                       ? (openBlock(), createElementBlock("a", {
                                           key: 0,
                                           href: item.noteHref,
                                           class: "cn-files-browser__note-link",
-                                          onClick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
-                                        }, toDisplayString(item.note), 9 /* TEXT, PROPS */, _hoisted_28))
+                                          onClick: _cache[7] || (_cache[7] = withModifiers(() => {}, ["stop"]))
+                                        }, toDisplayString(item.note), 9 /* TEXT, PROPS */, _hoisted_43))
                                       : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                           createTextVNode(toDisplayString(item.note), 1 /* TEXT */)
                                         ], 64 /* STABLE_FRAGMENT */))
@@ -615,8 +788,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }), 128 /* KEYED_FRAGMENT */)),
                     createElementVNode("td", {
                       class: "cn-files-browser__col-actions",
-                      onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"])),
-                      onAuxclick: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"]))
+                      onClick: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"])),
+                      onAuxclick: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"]))
                     }, [
                       createVNode(_component_NcActions, {
                         forceMenu: true,
@@ -661,27 +834,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         _: 2 /* DYNAMIC */
                       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["ariaLabel"])
                     ], 32 /* NEED_HYDRATION */)
-                  ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_23))
+                  ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_37))
                 }), 128 /* KEYED_FRAGMENT */))
               ])
             ])),
     ($props.dropHint && $options.canChange && !$data.loading && $data.error === '')
-      ? (openBlock(), createElementBlock("p", _hoisted_29, [
+      ? (openBlock(), createElementBlock("p", _hoisted_44, [
           createVNode(_component_Upload, { size: 16 }),
           createTextVNode(" " + toDisplayString($props.dropHintLabel), 1 /* TEXT */)
         ]))
       : createCommentVNode("v-if", true),
     ($data.renaming !== null)
       ? (openBlock(), createBlock(_component_NcDialog, {
-          key: 8,
+          key: 10,
           name: $props.renameLabel,
           size: "small",
           "data-testid": "cn-files-browser-rename",
-          onClosing: _cache[11] || (_cache[11] = $event => ($data.renaming = null))
+          onClosing: _cache[14] || (_cache[14] = $event => ($data.renaming = null))
         }, {
           actions: withCtx(() => [
             createVNode(_component_NcButton, {
-              onClick: _cache[10] || (_cache[10] = $event => ($data.renaming = null))
+              onClick: _cache[13] || (_cache[13] = $event => ($data.renaming = null))
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Cancel')), 1 /* TEXT */)
@@ -703,11 +876,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createElementVNode("form", {
               class: "cn-files-browser__new-folder",
-              onSubmit: _cache[9] || (_cache[9] = withModifiers((...args) => ($options.rename && $options.rename(...args)), ["prevent"]))
+              onSubmit: _cache[12] || (_cache[12] = withModifiers((...args) => ($options.rename && $options.rename(...args)), ["prevent"]))
             }, [
               createVNode(_component_NcTextField, {
                 modelValue: $data.renameName,
-                "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => (($data.renameName) = $event)),
+                "onUpdate:modelValue": _cache[11] || (_cache[11] = $event => (($data.renameName) = $event)),
                 label: $options.t('nextcloud-vue', 'New name'),
                 error: $data.renameError !== '',
                 helperText: $data.renameError,
@@ -720,15 +893,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.removing !== null)
       ? (openBlock(), createBlock(_component_NcDialog, {
-          key: 9,
+          key: 11,
           name: $props.deleteLabel,
           size: "small",
           "data-testid": "cn-files-browser-delete",
-          onClosing: _cache[13] || (_cache[13] = $event => ($data.removing = null))
+          onClosing: _cache[16] || (_cache[16] = $event => ($data.removing = null))
         }, {
           actions: withCtx(() => [
             createVNode(_component_NcButton, {
-              onClick: _cache[12] || (_cache[12] = $event => ($data.removing = null))
+              onClick: _cache[15] || (_cache[15] = $event => ($data.removing = null))
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Cancel')), 1 /* TEXT */)
@@ -749,7 +922,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_30, toDisplayString($data.removeError), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("p", _hoisted_45, toDisplayString($data.removeError), 1 /* TEXT */))
               : createCommentVNode("v-if", true)
           ]),
           _: 1 /* STABLE */
@@ -757,15 +930,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.newFolderOpen)
       ? (openBlock(), createBlock(_component_NcDialog, {
-          key: 10,
+          key: 12,
           name: $props.newFolderLabel,
           size: "small",
           "data-testid": "cn-files-browser-new-folder",
-          onClosing: _cache[17] || (_cache[17] = $event => ($data.newFolderOpen = false))
+          onClosing: _cache[20] || (_cache[20] = $event => ($data.newFolderOpen = false))
         }, {
           actions: withCtx(() => [
             createVNode(_component_NcButton, {
-              onClick: _cache[16] || (_cache[16] = $event => ($data.newFolderOpen = false))
+              onClick: _cache[19] || (_cache[19] = $event => ($data.newFolderOpen = false))
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Cancel')), 1 /* TEXT */)
@@ -787,11 +960,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createElementVNode("form", {
               class: "cn-files-browser__new-folder",
-              onSubmit: _cache[15] || (_cache[15] = withModifiers((...args) => ($options.createFolder && $options.createFolder(...args)), ["prevent"]))
+              onSubmit: _cache[18] || (_cache[18] = withModifiers((...args) => ($options.createFolder && $options.createFolder(...args)), ["prevent"]))
             }, [
               createVNode(_component_NcTextField, {
                 modelValue: $data.newFolderName,
-                "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => (($data.newFolderName) = $event)),
+                "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => (($data.newFolderName) = $event)),
                 label: $options.t('nextcloud-vue', 'Folder name'),
                 error: $data.newFolderError !== '',
                 helperText: $data.newFolderError,