@conduction/nextcloud-vue 2.100.0 → 2.101.0

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

@@ -62,21 +62,52 @@ const _hoisted_23 = {
   class: "cn-index-page__empty"
 };
 const _hoisted_24 = {
-  key: 10,
+  key: 4,
+  class: "cn-index-page__map-card",
+  "data-testid": "cn-index-map-card"
+};
+const _hoisted_25 = { class: "cn-index-page__map-side" };
+const _hoisted_26 = ["aria-label"];
+const _hoisted_27 = ["onMouseenter", "onFocusin"];
+const _hoisted_28 = {
+  class: "cn-index-page__map-number",
+  "aria-hidden": "true"
+};
+const _hoisted_29 = { class: "cn-index-page__map-text" };
+const _hoisted_30 = ["onClick"];
+const _hoisted_31 = {
+  key: 0,
+  class: "cn-index-page__map-sub"
+};
+const _hoisted_32 = {
+  key: 1,
+  class: "cn-index-page__map-pills"
+};
+const _hoisted_33 = {
+  key: 0,
+  class: "cn-index-page__map-due"
+};
+const _hoisted_34 = {
+  key: 0,
+  class: "cn-index-page__map-missing",
+  "data-testid": "cn-index-map-missing"
+};
+const _hoisted_35 = {
+  key: 11,
   class: "cn-index-page__content-search-note",
   "data-testid": "cn-index-content-search-note"
 };
-const _hoisted_25 = {
-  key: 11,
+const _hoisted_36 = {
+  key: 12,
   class: "cn-index-page__board-load",
   "data-testid": "cn-index-board-load"
 };
-const _hoisted_26 = {
+const _hoisted_37 = {
   class: "cn-index-page__board-load-count",
   "data-testid": "cn-index-board-load-count"
 };
-const _hoisted_27 = ["data-split-layout"];
-const _hoisted_28 = ["href", "title"];
+const _hoisted_38 = ["data-split-layout"];
+const _hoisted_39 = ["href", "title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnBuildiqEditButton = resolveComponent("CnBuildiqEditButton");
@@ -123,6 +154,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ViewColumnOutline = resolveComponent("ViewColumnOutline");
   const _component_CnDataTable = resolveComponent("CnDataTable");
   const _component_CnMapWidget = resolveComponent("CnMapWidget");
+  const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_CnBoardView = resolveComponent("CnBoardView");
   const _component_CnDateAxisView = resolveComponent("CnDateAxisView");
   const _component_CnObjectCalendar = resolveComponent("CnObjectCalendar");
@@ -137,16 +169,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["cn-index-page", [$setup.lookClass, { 'cn-index-page--with-side-panel': $options.hasSidePanel }]]),
     "data-testid": "cn-index-page",
-    onKeydown: _cache[30] || (_cache[30] = (...args) => ($options.onListKeydown && $options.onListKeydown(...args)))
+    onKeydown: _cache[32] || (_cache[32] = (...args) => ($options.onListKeydown && $options.onListKeydown(...args)))
   }, [
     renderSlot(_ctx.$slots, "header", {
-      title: $options.presented('title'),
+      title: $options.shownTitle,
       description: $options.headerDescription,
       icon: $options.resolvedIcon,
       showTitle: $props.showTitle
     }, () => [
       createVNode(_component_CnPageHeader, {
-        title: $options.presented('title'),
+        title: $options.shownTitle,
         description: $options.headerDescription,
         icon: $props.showTitleIcon && !$setup.isBoardLook ? $options.resolvedIcon : '',
         breadcrumb: $options.presented('breadcrumb'),
@@ -705,7 +737,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: $event => ($options.onFilterStripPick(entry.value))
             }, [
               createElementVNode("span", null, toDisplayString(entry.label), 1 /* TEXT */),
-              _cache[31] || (_cache[31] = createTextVNode()),
+              _cache[33] || (_cache[33] = createTextVNode()),
               (entry.count !== null)
                 ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(entry.count), 1 /* TEXT */))
                 : createCommentVNode("v-if", true)
@@ -979,7 +1011,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 					'cn-index-page__main--table': $data.currentViewMode === 'table',
 					'cn-index-page__main--split': $options.splitLayout === 'split',
 				}]),
-        onScroll: _cache[27] || (_cache[27] = (...args) => ($options.onListScroll && $options.onListScroll(...args)))
+        onScroll: _cache[29] || (_cache[29] = (...args) => ($options.onListScroll && $options.onListScroll(...args)))
       }, [
         renderSlot(_ctx.$slots, "before-collection"),
         ($options.showInitialLoader)
@@ -1041,6 +1073,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     sortOrder: $options.effectiveSortOrder,
                     sortKeys: $options.effectiveSortKeys,
                     selectable: $props.selectable,
+                    hideHeader: $props.hideTableHeader,
                     rowClickToView: $options.rowClickOpens,
                     selectedIds: $data.internalSelectedIds,
                     rowKey: $props.rowKey,
@@ -1178,229 +1211,304 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           key: "2"
                         }
                       : undefined
-                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["schema", "columns", "pinnedCount", "rowIcon", "rowIndicators", "rowIndicatorCap", "rows", "sortKey", "sortOrder", "sortKeys", "selectable", "rowClickToView", "selectedIds", "rowKey", "emptyText", "excludeColumns", "includeColumns", "columnOverrides", "rowClass", "rowTitle", "showUnread", "filterable", "activeFilters", "filterRegister", "onColumnFilter", "onSort", "onSelect", "onRowClick", "onRowAuxClick", "onRowContextMenu"]))
-                : ($data.currentViewMode === 'map')
-                  ? (openBlock(), createBlock(_component_CnMapWidget, {
-                      key: 4,
-                      class: "cn-index-page__map",
-                      center: $options.mapCenter,
-                      layers: $options.mapLayers,
-                      basemaps: $options.mapBasemaps,
-                      markers: $options.mapMarkers,
-                      clustering: $options.mapClustering,
-                      autoFit: true,
-                      height: "100%",
-                      onMarkerClick: $options.onMarkerClick
-                    }, null, 8 /* PROPS */, ["center", "layers", "basemaps", "markers", "clustering", "onMarkerClick"]))
-                  : ($data.currentViewMode === 'board')
-                    ? (openBlock(), createBlock(_component_CnBoardView, {
+                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["schema", "columns", "pinnedCount", "rowIcon", "rowIndicators", "rowIndicatorCap", "rows", "sortKey", "sortOrder", "sortKeys", "selectable", "hideHeader", "rowClickToView", "selectedIds", "rowKey", "emptyText", "excludeColumns", "includeColumns", "columnOverrides", "rowClass", "rowTitle", "showUnread", "filterable", "activeFilters", "filterRegister", "onColumnFilter", "onSort", "onSelect", "onRowClick", "onRowAuxClick", "onRowContextMenu"]))
+                : ($data.currentViewMode === 'map' && $options.mapListEnabled)
+                  ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                      createVNode(_component_CnMapWidget, {
+                        class: "cn-index-page__map",
+                        center: $options.mapCenter,
+                        zoom: $options.mapZoom,
+                        layers: $options.mapLayers,
+                        basemaps: $options.mapBasemaps,
+                        markers: $options.mapMarkers,
+                        clustering: $options.mapClustering,
+                        autoFit: true,
+                        height: "100%",
+                        onMarkerClick: $options.onMarkerClick
+                      }, null, 8 /* PROPS */, ["center", "zoom", "layers", "basemaps", "markers", "clustering", "onMarkerClick"]),
+                      createElementVNode("div", _hoisted_25, [
+                        createElementVNode("ol", {
+                          class: "cn-index-page__map-list",
+                          "aria-label": $options.mapListLabel,
+                          "data-testid": "cn-index-map-list"
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.mapList.items, (item) => {
+                            return (openBlock(), createElementBlock("li", {
+                              key: item.key,
+                              class: normalizeClass(["cn-index-page__map-item", { 'cn-index-page__map-item--active': $data.activeMapKey === item.key }]),
+                              "data-testid": "cn-index-map-item",
+                              onMouseenter: $event => ($data.activeMapKey = item.key),
+                              onMouseleave: _cache[26] || (_cache[26] = $event => ($data.activeMapKey = '')),
+                              onFocusin: $event => ($data.activeMapKey = item.key)
+                            }, [
+                              createElementVNode("span", _hoisted_28, toDisplayString(item.n), 1 /* TEXT */),
+                              createElementVNode("div", _hoisted_29, [
+                                createElementVNode("button", {
+                                  type: "button",
+                                  class: "cn-index-page__map-title",
+                                  onClick: $event => ($options.onRowClick(item.row))
+                                }, toDisplayString(item.title), 9 /* TEXT, PROPS */, _hoisted_30),
+                                (item.sub)
+                                  ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(item.sub), 1 /* TEXT */))
+                                  : createCommentVNode("v-if", true),
+                                (item.pills.length > 0 || item.due)
+                                  ? (openBlock(), createElementBlock("span", _hoisted_32, [
+                                      (openBlock(true), createElementBlock(Fragment, null, renderList(item.pills, (pill, index) => {
+                                        return (openBlock(), createBlock(_component_CnStatusBadge, {
+                                          key: index,
+                                          label: pill.label,
+                                          variant: pill.variant
+                                        }, null, 8 /* PROPS */, ["label", "variant"]))
+                                      }), 128 /* KEYED_FRAGMENT */)),
+                                      (item.due)
+                                        ? (openBlock(), createElementBlock("span", _hoisted_33, toDisplayString(item.due), 1 /* TEXT */))
+                                        : createCommentVNode("v-if", true)
+                                    ]))
+                                  : createCommentVNode("v-if", true)
+                              ])
+                            ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_27))
+                          }), 128 /* KEYED_FRAGMENT */))
+                        ], 8 /* PROPS */, _hoisted_26),
+                        ($options.mapList.missing.length > 0)
+                          ? (openBlock(), createElementBlock("div", _hoisted_34, [
+                              createElementVNode("strong", null, toDisplayString($options.mapMissingTitle), 1 /* TEXT */),
+                              createVNode(_component_NcButton, {
+                                variant: "tertiary-no-background",
+                                "data-testid": "cn-index-map-missing-table",
+                                onClick: _cache[27] || (_cache[27] = $event => ($options.onViewModeChange('table')))
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString($options.mapMissingLink), 1 /* TEXT */)
+                                ]),
+                                _: 1 /* STABLE */
+                              })
+                            ]))
+                          : createCommentVNode("v-if", true)
+                      ])
+                    ]))
+                  : ($data.currentViewMode === 'map')
+                    ? (openBlock(), createBlock(_component_CnMapWidget, {
                         key: 5,
-                        rows: $options.displayObjects,
-                        statusFieldSchema: $options.boardFieldSchema,
-                        statusField: $options.boardColumnField,
-                        columnKeyOf: $options.boardColumnKeyOf,
-                        wrapColumns: $props.board.wrap === true,
-                        selectable: $props.selectable,
-                        selectedIds: $data.internalSelectedIds,
-                        allowedMoves: $options.boardAllowedMoves,
-                        cardFields: $props.board.cardFields || [],
-                        swimlaneField: $props.board.swimlaneField || '',
-                        dueRule: $props.board.dueRule || null,
-                        cardRoles: $props.board.card || null,
-                        colorField: $props.board.colorField || '',
-                        sumField: $props.board.sumField || '',
-                        sumFormat: $options.boardSumFormat,
-                        columnLimit: $props.board.columnLimit || 0,
-                        rowKey: $props.rowKey,
-                        runTransition: $options.boardRunTransition,
-                        paged: $options.isPaged,
-                        onSelect: $options.onSelect,
-                        onLoadMore: $options.onBoardLoadMore,
-                        onCardClick: $options.onRowClick,
-                        onCardAuxClick: $options.onRowAuxClick,
-                        onMoved: $options.onBoardMoved
-                      }, null, 8 /* PROPS */, ["rows", "statusFieldSchema", "statusField", "columnKeyOf", "wrapColumns", "selectable", "selectedIds", "allowedMoves", "cardFields", "swimlaneField", "dueRule", "cardRoles", "colorField", "sumField", "sumFormat", "columnLimit", "rowKey", "runTransition", "paged", "onSelect", "onLoadMore", "onCardClick", "onCardAuxClick", "onMoved"]))
-                    : ($data.currentViewMode === 'dateAxis')
-                      ? (openBlock(), createBlock(_component_CnDateAxisView, {
+                        class: "cn-index-page__map",
+                        zoom: $options.mapZoom,
+                        center: $options.mapCenter,
+                        layers: $options.mapLayers,
+                        basemaps: $options.mapBasemaps,
+                        markers: $options.mapMarkers,
+                        clustering: $options.mapClustering,
+                        autoFit: true,
+                        height: "100%",
+                        onMarkerClick: $options.onMarkerClick
+                      }, null, 8 /* PROPS */, ["zoom", "center", "layers", "basemaps", "markers", "clustering", "onMarkerClick"]))
+                    : ($data.currentViewMode === 'board')
+                      ? (openBlock(), createBlock(_component_CnBoardView, {
                           key: 6,
                           rows: $options.displayObjects,
-                          startField: $props.dateAxis.startField || '',
-                          endField: $props.dateAxis.endField || '',
-                          laneField: $props.dateAxis.laneField || '',
-                          labelField: $props.dateAxis.labelField || '',
+                          statusFieldSchema: $options.boardFieldSchema,
+                          statusField: $options.boardColumnField,
+                          columnKeyOf: $options.boardColumnKeyOf,
+                          wrapColumns: $props.board.wrap === true,
+                          selectable: $props.selectable,
+                          selectedIds: $data.internalSelectedIds,
+                          allowedMoves: $options.boardAllowedMoves,
+                          cardFields: $props.board.cardFields || [],
+                          swimlaneField: $props.board.swimlaneField || '',
+                          dueRule: $props.board.dueRule || null,
+                          cardRoles: $props.board.card || null,
+                          colorField: $props.board.colorField || '',
+                          sumField: $props.board.sumField || '',
+                          sumFormat: $options.boardSumFormat,
+                          columnLimit: $props.board.columnLimit || 0,
                           rowKey: $props.rowKey,
-                          onRowClick: $options.onRowClick,
-                          onRowAuxClick: $options.onRowAuxClick
-                        }, null, 8 /* PROPS */, ["rows", "startField", "endField", "laneField", "labelField", "rowKey", "onRowClick", "onRowAuxClick"]))
-                      : ($data.currentViewMode === 'calendar')
-                        ? (openBlock(), createBlock(_component_CnObjectCalendar, {
+                          runTransition: $options.boardRunTransition,
+                          paged: $options.isPaged,
+                          onSelect: $options.onSelect,
+                          onLoadMore: $options.onBoardLoadMore,
+                          onCardClick: $options.onRowClick,
+                          onCardAuxClick: $options.onRowAuxClick,
+                          onMoved: $options.onBoardMoved
+                        }, null, 8 /* PROPS */, ["rows", "statusFieldSchema", "statusField", "columnKeyOf", "wrapColumns", "selectable", "selectedIds", "allowedMoves", "cardFields", "swimlaneField", "dueRule", "cardRoles", "colorField", "sumField", "sumFormat", "columnLimit", "rowKey", "runTransition", "paged", "onSelect", "onLoadMore", "onCardClick", "onCardAuxClick", "onMoved"]))
+                      : ($data.currentViewMode === 'dateAxis')
+                        ? (openBlock(), createBlock(_component_CnDateAxisView, {
                             key: 7,
-                            objects: $options.displayObjects,
-                            dateField: $props.calendar.dateField || '',
-                            endDateField: $props.calendar.endDateField || null,
-                            titleField: $props.calendar.titleField || null,
+                            rows: $options.displayObjects,
+                            startField: $props.dateAxis.startField || '',
+                            endField: $props.dateAxis.endField || '',
+                            laneField: $props.dateAxis.laneField || '',
+                            labelField: $props.dateAxis.labelField || '',
                             rowKey: $props.rowKey,
-                            loading: $options.effectiveLoading,
-                            onRangeChange: $options.onCalendarRange,
-                            onObjectClick: $options.onRowClick,
-                            onDaySelect: $options.onCalendarDaySelect
-                          }, null, 8 /* PROPS */, ["objects", "dateField", "endDateField", "titleField", "rowKey", "loading", "onRangeChange", "onObjectClick", "onDaySelect"]))
-                        : ($data.currentViewMode === 'list')
-                          ? (openBlock(), createBlock(_component_CnObjectList, {
+                            onRowClick: $options.onRowClick,
+                            onRowAuxClick: $options.onRowAuxClick
+                          }, null, 8 /* PROPS */, ["rows", "startField", "endField", "laneField", "labelField", "rowKey", "onRowClick", "onRowAuxClick"]))
+                        : ($data.currentViewMode === 'calendar')
+                          ? (openBlock(), createBlock(_component_CnObjectCalendar, {
                               key: 8,
                               objects: $options.displayObjects,
-                              schema: $options.effectiveSchema,
-                              config: $props.listConfig,
-                              selectable: $props.selectable,
-                              selectedIds: $data.internalSelectedIds,
+                              dateField: $props.calendar.dateField || '',
+                              endDateField: $props.calendar.endDateField || null,
+                              titleField: $props.calendar.titleField || null,
                               rowKey: $props.rowKey,
-                              emptyText: $props.emptyText,
-                              onClick: $options.onRowClick,
-                              onAuxClick: $options.onRowAuxClick,
-                              onSelect: $options.onSelect
-                            }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                              (_ctx.$slots['list-item'])
-                                ? {
-                                    name: "list-item",
-                                    fn: withCtx(({ object, selected }) => [
-                                      renderSlot(_ctx.$slots, "list-item", {
-                                        object: object,
-                                        selected: selected
-                                      })
-                                    ]),
-                                    key: "0"
-                                  }
-                                : ($options.resolvedListComponent)
+                              loading: $options.effectiveLoading,
+                              onRangeChange: $options.onCalendarRange,
+                              onObjectClick: $options.onRowClick,
+                              onDaySelect: $options.onCalendarDaySelect
+                            }, null, 8 /* PROPS */, ["objects", "dateField", "endDateField", "titleField", "rowKey", "loading", "onRangeChange", "onObjectClick", "onDaySelect"]))
+                          : ($data.currentViewMode === 'list')
+                            ? (openBlock(), createBlock(_component_CnObjectList, {
+                                key: 9,
+                                objects: $options.displayObjects,
+                                schema: $options.effectiveSchema,
+                                config: $props.listConfig,
+                                selectable: $props.selectable,
+                                selectedIds: $data.internalSelectedIds,
+                                rowKey: $props.rowKey,
+                                emptyText: $props.emptyText,
+                                onClick: $options.onRowClick,
+                                onAuxClick: $options.onRowAuxClick,
+                                onSelect: $options.onSelect
+                              }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                                (_ctx.$slots['list-item'])
                                   ? {
                                       name: "list-item",
                                       fn: withCtx(({ object, selected }) => [
-                                        (openBlock(), createBlock(resolveDynamicComponent($options.resolvedListComponent), {
-                                          item: object,
+                                        renderSlot(_ctx.$slots, "list-item", {
                                           object: object,
-                                          schema: $options.effectiveSchema,
-                                          register: $props.register,
-                                          selected: selected,
-                                          onClick: (...args) => $options.onRowClick(object, args.find($options.isDomEvent)),
-                                          onMousedown: $options.onCustomItemMouseDown,
-                                          onAuxclick: $event => ($options.onCustomItemAuxClick(object, $event)),
-                                          onSelect: $event => ($options.onSelect($options.toggleIdInArray($data.internalSelectedIds, object[$props.rowKey])))
-                                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["item", "object", "schema", "register", "selected", "onClick", "onMousedown", "onAuxclick", "onSelect"]))
+                                          selected: selected
+                                        })
+                                      ]),
+                                      key: "0"
+                                    }
+                                  : ($options.resolvedListComponent)
+                                    ? {
+                                        name: "list-item",
+                                        fn: withCtx(({ object, selected }) => [
+                                          (openBlock(), createBlock(resolveDynamicComponent($options.resolvedListComponent), {
+                                            item: object,
+                                            object: object,
+                                            schema: $options.effectiveSchema,
+                                            register: $props.register,
+                                            selected: selected,
+                                            onClick: (...args) => $options.onRowClick(object, args.find($options.isDomEvent)),
+                                            onMousedown: $options.onCustomItemMouseDown,
+                                            onAuxclick: $event => ($options.onCustomItemAuxClick(object, $event)),
+                                            onSelect: $event => ($options.onSelect($options.toggleIdInArray($data.internalSelectedIds, object[$props.rowKey])))
+                                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["item", "object", "schema", "register", "selected", "onClick", "onMousedown", "onAuxclick", "onSelect"]))
+                                        ]),
+                                        key: "1"
+                                      }
+                                    : undefined,
+                                (_ctx.$slots['row-icon'])
+                                  ? {
+                                      name: "row-icon",
+                                      fn: withCtx(({ object }) => [
+                                        renderSlot(_ctx.$slots, "row-icon", { object: object })
                                       ]),
-                                      key: "1"
+                                      key: "2"
                                     }
                                   : undefined,
-                              (_ctx.$slots['row-icon'])
-                                ? {
-                                    name: "row-icon",
-                                    fn: withCtx(({ object }) => [
-                                      renderSlot(_ctx.$slots, "row-icon", { object: object })
-                                    ]),
-                                    key: "2"
-                                  }
-                                : undefined,
-                              (_ctx.$slots['row-badges'])
-                                ? {
-                                    name: "row-badges",
-                                    fn: withCtx(({ object }) => [
-                                      renderSlot(_ctx.$slots, "row-badges", { object: object })
-                                    ]),
-                                    key: "3"
-                                  }
-                                : undefined,
-                              ($options.hasRowActions || _ctx.$slots['row-actions'])
-                                ? {
-                                    name: "row-actions",
-                                    fn: withCtx(({ object }) => [
-                                      renderSlot(_ctx.$slots, "row-actions", { row: object }, () => [
-                                        createVNode(_component_CnRowActions, {
-                                          actions: $options.rowActionsFor(object),
-                                          row: object,
-                                          rowLabel: $options.rowTitleFor(object),
-                                          onAction: $options.onRowAction
-                                        }, null, 8 /* PROPS */, ["actions", "row", "rowLabel", "onAction"])
-                                      ])
-                                    ]),
-                                    key: "4"
-                                  }
-                                : undefined
-                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "config", "selectable", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"]))
-                          : (openBlock(), createBlock(_component_CnCardGrid, {
-                              key: 9,
-                              objects: $options.displayObjects,
-                              schema: $options.effectiveSchema,
-                              selectable: $props.selectable,
-                              clickToView: $options.rowClickOpens,
-                              cardFields: $options.resolvedCardFields,
-                              accentOf: $props.cardAccent,
-                              selectedIds: $data.internalSelectedIds,
-                              rowKey: $props.rowKey,
-                              emptyText: $props.emptyText,
-                              onClick: $options.onRowClick,
-                              onAuxClick: $options.onRowAuxClick,
-                              onSelect: $options.onSelect
-                            }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                              (_ctx.$slots.card)
-                                ? {
-                                    name: "card",
-                                    fn: withCtx(({ object, selected }) => [
-                                      renderSlot(_ctx.$slots, "card", {
-                                        object: object,
-                                        selected: selected
-                                      })
-                                    ]),
-                                    key: "0"
-                                  }
-                                : ($options.resolvedCardComponent)
+                                (_ctx.$slots['row-badges'])
+                                  ? {
+                                      name: "row-badges",
+                                      fn: withCtx(({ object }) => [
+                                        renderSlot(_ctx.$slots, "row-badges", { object: object })
+                                      ]),
+                                      key: "3"
+                                    }
+                                  : undefined,
+                                ($options.hasRowActions || _ctx.$slots['row-actions'])
+                                  ? {
+                                      name: "row-actions",
+                                      fn: withCtx(({ object }) => [
+                                        renderSlot(_ctx.$slots, "row-actions", { row: object }, () => [
+                                          createVNode(_component_CnRowActions, {
+                                            actions: $options.rowActionsFor(object),
+                                            row: object,
+                                            rowLabel: $options.rowTitleFor(object),
+                                            onAction: $options.onRowAction
+                                          }, null, 8 /* PROPS */, ["actions", "row", "rowLabel", "onAction"])
+                                        ])
+                                      ]),
+                                      key: "4"
+                                    }
+                                  : undefined
+                              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "config", "selectable", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"]))
+                            : (openBlock(), createBlock(_component_CnCardGrid, {
+                                key: 10,
+                                objects: $options.displayObjects,
+                                schema: $options.effectiveSchema,
+                                selectable: $props.selectable,
+                                clickToView: $options.rowClickOpens,
+                                cardFields: $options.resolvedCardFields,
+                                accentOf: $props.cardAccent,
+                                selectedIds: $data.internalSelectedIds,
+                                rowKey: $props.rowKey,
+                                emptyText: $props.emptyText,
+                                onClick: $options.onRowClick,
+                                onAuxClick: $options.onRowAuxClick,
+                                onSelect: $options.onSelect
+                              }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                                (_ctx.$slots.card)
                                   ? {
                                       name: "card",
                                       fn: withCtx(({ object, selected }) => [
-                                        (openBlock(), createBlock(resolveDynamicComponent($options.resolvedCardComponent), {
-                                          item: object,
+                                        renderSlot(_ctx.$slots, "card", {
                                           object: object,
-                                          schema: $options.effectiveSchema,
-                                          register: $props.register,
-                                          selected: selected,
-                                          onClick: (...args) => $options.onRowClick(object, args.find($options.isDomEvent)),
-                                          onMousedown: $options.onCustomItemMouseDown,
-                                          onAuxclick: $event => ($options.onCustomItemAuxClick(object, $event)),
-                                          onSelect: $event => ($options.onSelect($options.toggleIdInArray($data.internalSelectedIds, object[$props.rowKey])))
-                                        }, null, 40 /* PROPS, NEED_HYDRATION */, ["item", "object", "schema", "register", "selected", "onClick", "onMousedown", "onAuxclick", "onSelect"]))
+                                          selected: selected
+                                        })
                                       ]),
-                                      key: "1"
+                                      key: "0"
                                     }
-                                  : undefined,
-                              ($options.hasRowActions)
-                                ? {
-                                    name: "card-actions",
-                                    fn: withCtx(({ object }) => [
-                                      renderSlot(_ctx.$slots, "row-actions", { row: object }, () => [
-                                        createVNode(_component_CnRowActions, {
-                                          actions: $options.rowActionsFor(object),
-                                          row: object,
-                                          rowLabel: $options.rowTitleFor(object),
-                                          triggerLabel: $setup.isBoardLook ? _ctx.t('nextcloud-vue', 'More actions for {name}', { name: $options.rowTitleFor(object) }) : '',
-                                          onAction: $options.onRowAction
-                                        }, null, 8 /* PROPS */, ["actions", "row", "rowLabel", "triggerLabel", "onAction"])
-                                      ])
-                                    ]),
-                                    key: "2"
-                                  }
-                                : undefined
-                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "selectable", "clickToView", "cardFields", "accentOf", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"])),
+                                  : ($options.resolvedCardComponent)
+                                    ? {
+                                        name: "card",
+                                        fn: withCtx(({ object, selected }) => [
+                                          (openBlock(), createBlock(resolveDynamicComponent($options.resolvedCardComponent), {
+                                            item: object,
+                                            object: object,
+                                            schema: $options.effectiveSchema,
+                                            register: $props.register,
+                                            selected: selected,
+                                            onClick: (...args) => $options.onRowClick(object, args.find($options.isDomEvent)),
+                                            onMousedown: $options.onCustomItemMouseDown,
+                                            onAuxclick: $event => ($options.onCustomItemAuxClick(object, $event)),
+                                            onSelect: $event => ($options.onSelect($options.toggleIdInArray($data.internalSelectedIds, object[$props.rowKey])))
+                                          }, null, 40 /* PROPS, NEED_HYDRATION */, ["item", "object", "schema", "register", "selected", "onClick", "onMousedown", "onAuxclick", "onSelect"]))
+                                        ]),
+                                        key: "1"
+                                      }
+                                    : undefined,
+                                ($options.hasRowActions)
+                                  ? {
+                                      name: "card-actions",
+                                      fn: withCtx(({ object }) => [
+                                        renderSlot(_ctx.$slots, "row-actions", { row: object }, () => [
+                                          createVNode(_component_CnRowActions, {
+                                            actions: $options.rowActionsFor(object),
+                                            row: object,
+                                            rowLabel: $options.rowTitleFor(object),
+                                            triggerLabel: $setup.isBoardLook ? _ctx.t('nextcloud-vue', 'More actions for {name}', { name: $options.rowTitleFor(object) }) : '',
+                                            onAction: $options.onRowAction
+                                          }, null, 8 /* PROPS */, ["actions", "row", "rowLabel", "triggerLabel", "onAction"])
+                                        ])
+                                      ]),
+                                      key: "2"
+                                    }
+                                  : undefined
+                              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "selectable", "clickToView", "cardFields", "accentOf", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"])),
         createVNode(_component_CnContextMenu, {
           open: $setup.contextMenuOpen,
-          "onUpdate:open": _cache[26] || (_cache[26] = $event => (($setup.contextMenuOpen) = $event)),
+          "onUpdate:open": _cache[28] || (_cache[28] = $event => (($setup.contextMenuOpen) = $event)),
           actions: $options.rowActionsFor($data.contextMenuShownRow),
           targetItem: $data.contextMenuShownRow,
           onAction: $options.onRowAction,
           onClose: $setup.closeContextMenu
         }, null, 8 /* PROPS */, ["open", "actions", "targetItem", "onAction", "onClose"]),
         ($props.searchInFiles && $setup.contentSearch)
-          ? (openBlock(), createElementBlock("p", _hoisted_24, toDisplayString(_ctx.t('nextcloud-vue', 'File matches are limited to the best 50.')), 1 /* TEXT */))
+          ? (openBlock(), createElementBlock("p", _hoisted_35, toDisplayString(_ctx.t('nextcloud-vue', 'File matches are limited to the best 50.')), 1 /* TEXT */))
           : createCommentVNode("v-if", true),
         ($options.boardLoadsAll && $options.boardLoadCounts.total > 0)
-          ? (openBlock(), createElementBlock("div", _hoisted_25, [
-              createElementVNode("span", _hoisted_26, toDisplayString(_ctx.t('nextcloud-vue', 'Showing {count} of {total}', { count: $options.boardLoadCounts.shown, total: $options.boardLoadCounts.total })), 1 /* TEXT */),
+          ? (openBlock(), createElementBlock("div", _hoisted_36, [
+              createElementVNode("span", _hoisted_37, toDisplayString(_ctx.t('nextcloud-vue', 'Showing {count} of {total}', { count: $options.boardLoadCounts.shown, total: $options.boardLoadCounts.total })), 1 /* TEXT */),
               ($options.isPaged)
                 ? (openBlock(), createBlock(_component_NcButton, {
                     key: 0,
@@ -1417,7 +1525,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ]))
           : ($options.effectivePagination && ($options.effectivePagination.pages > 1 || ($setup.isBoardLook && $options.effectivePagination.total > 0)))
             ? (openBlock(), createBlock(_component_CnPagination, {
-                key: 12,
+                key: 13,
                 variant: $setup.isBoardLook ? 'board' : '',
                 footerNote: $options.effectiveFooterNote,
                 currentPage: $options.effectivePagination.page || 1,
@@ -1431,7 +1539,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : createCommentVNode("v-if", true),
         ($props.notice && $props.notice.text)
           ? (openBlock(), createBlock(_component_NcNoteCard, {
-              key: 13,
+              key: 14,
               class: "cn-index-page__notice",
               type: $options.noticeType,
               "data-testid": "cn-index-page-notice"
@@ -1444,7 +1552,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("v-if", true),
         ($options.presentedAfterList.length > 0)
           ? (openBlock(), createBlock(_component_CnIndexPageWidgets, {
-              key: 14,
+              key: 15,
               class: "cn-index-page__after-list",
               variant: "after-list",
               widgets: $options.presentedAfterList
@@ -1468,11 +1576,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   href: $options.splitCloseHref,
                   title: $options.splitCloseTitle,
                   "data-testid": "cn-index-page-split-close",
-                  onClick: _cache[28] || (_cache[28] = withModifiers((...args) => ($options.closeSplitPane && $options.closeSplitPane(...args)), ["prevent"]))
+                  onClick: _cache[30] || (_cache[30] = withModifiers((...args) => ($options.closeSplitPane && $options.closeSplitPane(...args)), ["prevent"]))
                 }, [
                   createVNode(_component_Close, { size: 16 }),
                   createElementVNode("span", null, toDisplayString($options.splitCloseTitle), 1 /* TEXT */)
-                ], 8 /* PROPS */, _hoisted_28))
+                ], 8 /* PROPS */, _hoisted_39))
               : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "split-pane", {
               id: $props.splitId,
@@ -1480,7 +1588,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               close: $options.closeSplitPane,
               saved: $options.onSplitPaneSaved
             })
-          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_27))
+          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_38))
         : createCommentVNode("v-if", true)
     ], 2 /* CLASS */),
     ($options.shouldRenderInlineSidebar)
@@ -1500,7 +1608,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           personalColumns: $props.personalColumns,
           pinnedCount: $options.pinnedColumnCount
         }, $options.sidebarSearchProps, {
-          "onUpdate:open": _cache[29] || (_cache[29] = $event => ($data.sidebarOpen = $event)),
+          "onUpdate:open": _cache[31] || (_cache[31] = $event => ($data.sidebarOpen = $event)),
           onSearch: $options.onSearchEvent,
           onColumnsChange: $options.onColumnsEvent,
           onColumnsReorder: $options.onColumnsReorder,