@conduction/nextcloud-vue 2.66.0 → 2.67.0

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

@@ -15,10 +15,16 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = {
   key: 1,
+  class: "cn-index-page__empty",
+  role: "status",
+  "data-testid": "cn-index-page-fetch-error"
+};
+const _hoisted_6 = {
+  key: 2,
   class: "cn-index-page__empty"
 };
-const _hoisted_6 = ["data-split-layout"];
-const _hoisted_7 = ["href", "title"];
+const _hoisted_7 = ["data-split-layout"];
+const _hoisted_8 = ["href", "title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnPageHeader = resolveComponent("CnPageHeader");
@@ -43,9 +49,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnAdvancedFormDialog = resolveComponent("CnAdvancedFormDialog");
   const _component_CnFolderSidebar = resolveComponent("CnFolderSidebar");
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
+  const _component_AlertCircleOutline = resolveComponent("AlertCircleOutline");
+  const _component_NcEmptyContent = resolveComponent("NcEmptyContent");
   const _component_CnIcon = resolveComponent("CnIcon");
   const _component_DatabaseSearch = resolveComponent("DatabaseSearch");
-  const _component_NcEmptyContent = resolveComponent("NcEmptyContent");
   const _component_CnRowActions = resolveComponent("CnRowActions");
   const _component_FilterOutline = resolveComponent("FilterOutline");
   const _component_NcActionCaption = resolveComponent("NcActionCaption");
@@ -115,6 +122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       showSearch: $props.inlineSearch,
       searchValue: $options.effectiveSearchValue,
       searchPlaceholder: $props.searchPlaceholder,
+      showCountWithSearch: $props.showCountWithSearch,
       refreshing: $options.effectiveRefreshing,
       refreshDisabled: $props.refreshDisabled,
       addDisabled: $props.addDisabled,
@@ -285,7 +293,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: "6"
           }
         : undefined
-    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["pagination", "objectCount", "selectable", "selectedIds", "addLabel", "addIcon", "inlineActionCount", "showMassImport", "showMassExport", "showMassCopy", "showMassDelete", "viewMode", "showViewToggle", "availableViewModes", "cardsLabel", "tableLabel", "listLabel", "cardsIcon", "tableIcon", "showMap", "mapLabel", "mapIcon", "listIcon", "showSortSelect", "sortOptions", "sortValue", "showSearch", "searchValue", "searchPlaceholder", "refreshing", "refreshDisabled", "addDisabled", "addTo", "showAdd", "showSidebarToggle", "sidebarOpen", "headerActions", "bulkActions", "documentationUrl", "documentationLabel", "onAdd", "onRefresh", "onHeaderAction", "onBulkAction", "onSearch", "onViewModeChange"]),
+    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["pagination", "objectCount", "selectable", "selectedIds", "addLabel", "addIcon", "inlineActionCount", "showMassImport", "showMassExport", "showMassCopy", "showMassDelete", "viewMode", "showViewToggle", "availableViewModes", "cardsLabel", "tableLabel", "listLabel", "cardsIcon", "tableIcon", "showMap", "mapLabel", "mapIcon", "listIcon", "showSortSelect", "sortOptions", "sortValue", "showSearch", "searchValue", "searchPlaceholder", "showCountWithSearch", "refreshing", "refreshDisabled", "addDisabled", "addTo", "showAdd", "showSidebarToggle", "sidebarOpen", "headerActions", "bulkActions", "documentationUrl", "documentationLabel", "onAdd", "onRefresh", "onHeaderAction", "onBulkAction", "onSearch", "onViewModeChange"]),
     ($data.quickEditRow !== null)
       ? (openBlock(), createBlock(_component_CnQuickEditDialog, {
           key: 1,
@@ -525,334 +533,348 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: $props.loadingText
               }, null, 8 /* PROPS */, ["name"])
             ]))
-          : ($options.effectiveObjects.length === 0)
+          : ($options.selfFetchFailed)
             ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                renderSlot(_ctx.$slots, "empty", {}, () => [
-                  createVNode(_component_NcEmptyContent, { name: $options.resolvedEmptyText }, {
-                    icon: withCtx(() => [
-                      ($options.resolvedIcon)
-                        ? (openBlock(), createBlock(_component_CnIcon, {
-                            key: 0,
-                            name: $options.resolvedIcon,
-                            size: 64
-                          }, null, 8 /* PROPS */, ["name"]))
-                        : (openBlock(), createBlock(_component_DatabaseSearch, {
-                            key: 1,
-                            size: 64
-                          }))
-                    ]),
-                    _: 1 /* STABLE */
-                  }, 8 /* PROPS */, ["name"])
-                ])
+                createVNode(_component_NcEmptyContent, {
+                  name: _ctx.t('nextcloud-vue', 'An error occurred'),
+                  description: $options.effectiveSearchValue
+							? _ctx.t('nextcloud-vue', 'Change the search or try again.')
+							: _ctx.t('nextcloud-vue', 'Try again later.')
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(_component_AlertCircleOutline, { size: 64 })
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["name", "description"])
               ]))
-            : ($data.currentViewMode === 'table')
-              ? (openBlock(), createBlock(_component_CnDataTable, {
-                  key: 2,
-                  schema: $options.effectiveSchema,
-                  columns: $options.tableColumns,
-                  rowIcon: $props.rowIcon,
-                  rowIndicators: $props.rowIndicators,
-                  rowIndicatorCap: $props.rowIndicatorCap,
-                  rows: $options.displayObjects,
-                  sortKey: $options.effectiveSortKey,
-                  sortOrder: $options.effectiveSortOrder,
-                  sortKeys: $options.effectiveSortKeys,
-                  selectable: $props.selectable,
-                  rowClickToView: $options.rowClickOpens,
-                  selectedIds: $data.internalSelectedIds,
-                  rowKey: $props.rowKey,
-                  emptyText: $props.emptyText,
-                  excludeColumns: $props.excludeColumns,
-                  includeColumns: $props.includeColumns,
-                  columnOverrides: $props.columnOverrides,
-                  rowClass: $props.rowClass,
-                  filterable: $props.headerFilters && !!$options.effectiveSchema,
-                  activeFilters: $options.effectiveActiveFilters,
-                  filterRegister: typeof $props.register === 'string' ? $props.register : '',
-                  onColumnFilter: $options.onColumnFilterEvent,
-                  onSort: $options.onSortEvent,
-                  onSelect: $options.onSelect,
-                  onRowClick: $options.onRowClick,
-                  onRowAuxClick: $options.onRowAuxClick,
-                  onRowContextMenu: $options.onRowContextMenu
-                }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                  renderList($options.slotColumns, (col) => {
-                    return {
-                      name: `column-${col}`,
-                      fn: withCtx(({ row, value }) => [
-                        renderSlot(_ctx.$slots, 'column-' + col, {
-                          row: row,
-                          value: value
-                        })
-                      ])
-                    }
-                  }),
-                  ($options.hasRowActions)
-                    ? {
-                        name: "row-actions",
-                        fn: withCtx(({ row }) => [
-                          renderSlot(_ctx.$slots, "row-actions", { row: row }, () => [
-                            createVNode(_component_CnRowActions, {
-                              actions: $options.rowActionsFor(row),
-                              row: row,
-                              onAction: $options.onRowAction
-                            }, null, 8 /* PROPS */, ["actions", "row", "onAction"])
-                          ])
-                        ]),
-                        key: "0"
-                      }
-                    : undefined,
-                  (($props.filterMenu && $options.filterableFields.length) || ($props.columnMenu && $options.governedColumns.length))
-                    ? {
-                        name: "actions-header",
-                        fn: withCtx(() => [
-                          ($props.filterMenu && $options.filterableFields.length)
-                            ? (openBlock(), createBlock(_component_NcActions, {
-                                key: 0,
-                                forceMenu: true,
-                                "aria-label": _ctx.t('nextcloud-vue', 'Filter')
-                              }, {
-                                icon: withCtx(() => [
-                                  createVNode(_component_FilterOutline, { size: 20 })
-                                ]),
-                                default: withCtx(() => [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.filterableFields, (field) => {
-                                    return (openBlock(), createElementBlock(Fragment, {
-                                      key: field.key
-                                    }, [
-                                      createVNode(_component_NcActionCaption, {
-                                        name: field.label
-                                      }, null, 8 /* PROPS */, ["name"]),
-                                      (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (val) => {
-                                        return (openBlock(), createBlock(_component_NcActionCheckbox, {
-                                          key: `${field.key}-${val}`,
-                                          modelValue: $options.isFilterActive(field.key, val),
-                                          "onUpdate:modelValue": $event => ($options.toggleFilter(field.key, val))
-                                        }, {
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(val), 1 /* TEXT */)
-                                          ]),
-                                          _: 2 /* DYNAMIC */
-                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
-                                      }), 128 /* KEYED_FRAGMENT */))
-                                    ], 64 /* STABLE_FRAGMENT */))
-                                  }), 128 /* KEYED_FRAGMENT */))
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["aria-label"]))
-                            : createCommentVNode("v-if", true),
-                          ($props.columnMenu && $options.governedColumns.length)
-                            ? (openBlock(), createBlock(_component_NcActions, {
-                                key: 1,
-                                forceMenu: true,
-                                "aria-label": _ctx.t('nextcloud-vue', 'Columns')
-                              }, {
-                                icon: withCtx(() => [
-                                  createVNode(_component_ViewColumnOutline, { size: 20 })
-                                ]),
-                                default: withCtx(() => [
-                                  createVNode(_component_NcActionCaption, {
-                                    name: _ctx.t('nextcloud-vue', 'Columns')
-                                  }, null, 8 /* PROPS */, ["name"]),
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.governedColumns, (col) => {
-                                    return (openBlock(), createBlock(_component_NcActionCheckbox, {
-                                      key: `col-${col.key}`,
-                                      modelValue: $options.isColumnVisible(col.key),
-                                      "onUpdate:modelValue": $event => ($options.toggleColumn(col.key))
-                                    }, {
-                                      default: withCtx(() => [
-                                        createTextVNode(toDisplayString($options.cnTranslate(col.label || col.key)), 1 /* TEXT */)
-                                      ]),
-                                      _: 2 /* DYNAMIC */
-                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
-                                  }), 128 /* KEYED_FRAGMENT */))
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["aria-label"]))
-                            : createCommentVNode("v-if", true)
-                        ]),
-                        key: "1"
-                      }
-                    : undefined
-                ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["schema", "columns", "rowIcon", "rowIndicators", "rowIndicatorCap", "rows", "sortKey", "sortOrder", "sortKeys", "selectable", "rowClickToView", "selectedIds", "rowKey", "emptyText", "excludeColumns", "includeColumns", "columnOverrides", "rowClass", "filterable", "activeFilters", "filterRegister", "onColumnFilter", "onSort", "onSelect", "onRowClick", "onRowAuxClick", "onRowContextMenu"]))
-              : ($data.currentViewMode === 'map')
-                ? (openBlock(), createBlock(_component_CnMapWidget, {
+            : ($options.effectiveObjects.length === 0)
+              ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                  renderSlot(_ctx.$slots, "empty", {}, () => [
+                    createVNode(_component_NcEmptyContent, { name: $options.resolvedEmptyText }, {
+                      icon: withCtx(() => [
+                        ($options.resolvedIcon)
+                          ? (openBlock(), createBlock(_component_CnIcon, {
+                              key: 0,
+                              name: $options.resolvedIcon,
+                              size: 64
+                            }, null, 8 /* PROPS */, ["name"]))
+                          : (openBlock(), createBlock(_component_DatabaseSearch, {
+                              key: 1,
+                              size: 64
+                            }))
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["name"])
+                  ])
+                ]))
+              : ($data.currentViewMode === 'table')
+                ? (openBlock(), createBlock(_component_CnDataTable, {
                     key: 3,
-                    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, {
+                    schema: $options.effectiveSchema,
+                    columns: $options.tableColumns,
+                    rowIcon: $props.rowIcon,
+                    rowIndicators: $props.rowIndicators,
+                    rowIndicatorCap: $props.rowIndicatorCap,
+                    rows: $options.displayObjects,
+                    sortKey: $options.effectiveSortKey,
+                    sortOrder: $options.effectiveSortOrder,
+                    sortKeys: $options.effectiveSortKeys,
+                    selectable: $props.selectable,
+                    rowClickToView: $options.rowClickOpens,
+                    selectedIds: $data.internalSelectedIds,
+                    rowKey: $props.rowKey,
+                    emptyText: $props.emptyText,
+                    excludeColumns: $props.excludeColumns,
+                    includeColumns: $props.includeColumns,
+                    columnOverrides: $props.columnOverrides,
+                    rowClass: $props.rowClass,
+                    filterable: $props.headerFilters && !!$options.effectiveSchema,
+                    activeFilters: $options.effectiveActiveFilters,
+                    filterRegister: typeof $props.register === 'string' ? $props.register : '',
+                    onColumnFilter: $options.onColumnFilterEvent,
+                    onSort: $options.onSortEvent,
+                    onSelect: $options.onSelect,
+                    onRowClick: $options.onRowClick,
+                    onRowAuxClick: $options.onRowAuxClick,
+                    onRowContextMenu: $options.onRowContextMenu
+                  }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                    renderList($options.slotColumns, (col) => {
+                      return {
+                        name: `column-${col}`,
+                        fn: withCtx(({ row, value }) => [
+                          renderSlot(_ctx.$slots, 'column-' + col, {
+                            row: row,
+                            value: value
+                          })
+                        ])
+                      }
+                    }),
+                    ($options.hasRowActions)
+                      ? {
+                          name: "row-actions",
+                          fn: withCtx(({ row }) => [
+                            renderSlot(_ctx.$slots, "row-actions", { row: row }, () => [
+                              createVNode(_component_CnRowActions, {
+                                actions: $options.rowActionsFor(row),
+                                row: row,
+                                onAction: $options.onRowAction
+                              }, null, 8 /* PROPS */, ["actions", "row", "onAction"])
+                            ])
+                          ]),
+                          key: "0"
+                        }
+                      : undefined,
+                    (($props.filterMenu && $options.filterableFields.length) || ($props.columnMenu && $options.governedColumns.length))
+                      ? {
+                          name: "actions-header",
+                          fn: withCtx(() => [
+                            ($props.filterMenu && $options.filterableFields.length)
+                              ? (openBlock(), createBlock(_component_NcActions, {
+                                  key: 0,
+                                  forceMenu: true,
+                                  "aria-label": _ctx.t('nextcloud-vue', 'Filter')
+                                }, {
+                                  icon: withCtx(() => [
+                                    createVNode(_component_FilterOutline, { size: 20 })
+                                  ]),
+                                  default: withCtx(() => [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.filterableFields, (field) => {
+                                      return (openBlock(), createElementBlock(Fragment, {
+                                        key: field.key
+                                      }, [
+                                        createVNode(_component_NcActionCaption, {
+                                          name: field.label
+                                        }, null, 8 /* PROPS */, ["name"]),
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(field.values, (val) => {
+                                          return (openBlock(), createBlock(_component_NcActionCheckbox, {
+                                            key: `${field.key}-${val}`,
+                                            modelValue: $options.isFilterActive(field.key, val),
+                                            "onUpdate:modelValue": $event => ($options.toggleFilter(field.key, val))
+                                          }, {
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(val), 1 /* TEXT */)
+                                            ]),
+                                            _: 2 /* DYNAMIC */
+                                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                                        }), 128 /* KEYED_FRAGMENT */))
+                                      ], 64 /* STABLE_FRAGMENT */))
+                                    }), 128 /* KEYED_FRAGMENT */))
+                                  ]),
+                                  _: 1 /* STABLE */
+                                }, 8 /* PROPS */, ["aria-label"]))
+                              : createCommentVNode("v-if", true),
+                            ($props.columnMenu && $options.governedColumns.length)
+                              ? (openBlock(), createBlock(_component_NcActions, {
+                                  key: 1,
+                                  forceMenu: true,
+                                  "aria-label": _ctx.t('nextcloud-vue', 'Columns')
+                                }, {
+                                  icon: withCtx(() => [
+                                    createVNode(_component_ViewColumnOutline, { size: 20 })
+                                  ]),
+                                  default: withCtx(() => [
+                                    createVNode(_component_NcActionCaption, {
+                                      name: _ctx.t('nextcloud-vue', 'Columns')
+                                    }, null, 8 /* PROPS */, ["name"]),
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.governedColumns, (col) => {
+                                      return (openBlock(), createBlock(_component_NcActionCheckbox, {
+                                        key: `col-${col.key}`,
+                                        modelValue: $options.isColumnVisible(col.key),
+                                        "onUpdate:modelValue": $event => ($options.toggleColumn(col.key))
+                                      }, {
+                                        default: withCtx(() => [
+                                          createTextVNode(toDisplayString($options.cnTranslate(col.label || col.key)), 1 /* TEXT */)
+                                        ]),
+                                        _: 2 /* DYNAMIC */
+                                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue"]))
+                                    }), 128 /* KEYED_FRAGMENT */))
+                                  ]),
+                                  _: 1 /* STABLE */
+                                }, 8 /* PROPS */, ["aria-label"]))
+                              : createCommentVNode("v-if", true)
+                          ]),
+                          key: "1"
+                        }
+                      : undefined
+                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["schema", "columns", "rowIcon", "rowIndicators", "rowIndicatorCap", "rows", "sortKey", "sortOrder", "sortKeys", "selectable", "rowClickToView", "selectedIds", "rowKey", "emptyText", "excludeColumns", "includeColumns", "columnOverrides", "rowClass", "filterable", "activeFilters", "filterRegister", "onColumnFilter", "onSort", "onSelect", "onRowClick", "onRowAuxClick", "onRowContextMenu"]))
+                : ($data.currentViewMode === 'map')
+                  ? (openBlock(), createBlock(_component_CnMapWidget, {
                       key: 4,
-                      rows: $options.displayObjects,
-                      statusFieldSchema: $options.boardStatusFieldSchema,
-                      statusField: $props.board.statusField || 'status',
-                      cardFields: $props.board.cardFields || [],
-                      swimlaneField: $props.board.swimlaneField || '',
-                      dueRule: $props.board.dueRule || null,
-                      rowKey: $props.rowKey,
-                      runTransition: $props.runTransition,
-                      paged: $options.isPaged,
-                      onCardClick: $options.onRowClick,
-                      onCardAuxClick: $options.onRowAuxClick,
-                      onMoved: $options.onBoardMoved
-                    }, null, 8 /* PROPS */, ["rows", "statusFieldSchema", "statusField", "cardFields", "swimlaneField", "dueRule", "rowKey", "runTransition", "paged", "onCardClick", "onCardAuxClick", "onMoved"]))
-                  : ($data.currentViewMode === 'dateAxis')
-                    ? (openBlock(), createBlock(_component_CnDateAxisView, {
+                      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, {
                         key: 5,
                         rows: $options.displayObjects,
-                        startField: $props.dateAxis.startField || '',
-                        endField: $props.dateAxis.endField || '',
-                        laneField: $props.dateAxis.laneField || '',
-                        labelField: $props.dateAxis.labelField || '',
+                        statusFieldSchema: $options.boardStatusFieldSchema,
+                        statusField: $props.board.statusField || 'status',
+                        cardFields: $props.board.cardFields || [],
+                        swimlaneField: $props.board.swimlaneField || '',
+                        dueRule: $props.board.dueRule || null,
                         rowKey: $props.rowKey,
-                        onRowClick: $options.onRowClick,
-                        onRowAuxClick: $options.onRowAuxClick
-                      }, null, 8 /* PROPS */, ["rows", "startField", "endField", "laneField", "labelField", "rowKey", "onRowClick", "onRowAuxClick"]))
-                    : ($data.currentViewMode === 'list')
-                      ? (openBlock(), createBlock(_component_CnObjectList, {
+                        runTransition: $props.runTransition,
+                        paged: $options.isPaged,
+                        onCardClick: $options.onRowClick,
+                        onCardAuxClick: $options.onRowAuxClick,
+                        onMoved: $options.onBoardMoved
+                      }, null, 8 /* PROPS */, ["rows", "statusFieldSchema", "statusField", "cardFields", "swimlaneField", "dueRule", "rowKey", "runTransition", "paged", "onCardClick", "onCardAuxClick", "onMoved"]))
+                    : ($data.currentViewMode === 'dateAxis')
+                      ? (openBlock(), createBlock(_component_CnDateAxisView, {
                           key: 6,
-                          objects: $options.displayObjects,
-                          schema: $options.effectiveSchema,
-                          config: $props.listConfig,
-                          selectable: $props.selectable,
-                          selectedIds: $data.internalSelectedIds,
+                          rows: $options.displayObjects,
+                          startField: $props.dateAxis.startField || '',
+                          endField: $props.dateAxis.endField || '',
+                          laneField: $props.dateAxis.laneField || '',
+                          labelField: $props.dateAxis.labelField || '',
                           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)
+                          onRowClick: $options.onRowClick,
+                          onRowAuxClick: $options.onRowAuxClick
+                        }, null, 8 /* PROPS */, ["rows", "startField", "endField", "laneField", "labelField", "rowKey", "onRowClick", "onRowAuxClick"]))
+                      : ($data.currentViewMode === 'list')
+                        ? (openBlock(), createBlock(_component_CnObjectList, {
+                            key: 7,
+                            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: "1"
+                                  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: "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,
-                                      onAction: $options.onRowAction
-                                    }, null, 8 /* PROPS */, ["actions", "row", "onAction"])
-                                  ])
-                                ]),
-                                key: "4"
-                              }
-                            : undefined
-                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "config", "selectable", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"]))
-                      : (openBlock(), createBlock(_component_CnCardGrid, {
-                          key: 7,
-                          objects: $options.displayObjects,
-                          schema: $options.effectiveSchema,
-                          selectable: $props.selectable,
-                          clickToView: $options.rowClickOpens,
-                          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,
+                                        onAction: $options.onRowAction
+                                      }, null, 8 /* PROPS */, ["actions", "row", "onAction"])
+                                    ])
+                                  ]),
+                                  key: "4"
+                                }
+                              : undefined
+                          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "config", "selectable", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"]))
+                        : (openBlock(), createBlock(_component_CnCardGrid, {
+                            key: 8,
+                            objects: $options.displayObjects,
+                            schema: $options.effectiveSchema,
+                            selectable: $props.selectable,
+                            clickToView: $options.rowClickOpens,
+                            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,
-                                      onAction: $options.onRowAction
-                                    }, null, 8 /* PROPS */, ["actions", "row", "onAction"])
-                                  ])
-                                ]),
-                                key: "2"
-                              }
-                            : undefined
-                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "selectable", "clickToView", "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,
+                                        onAction: $options.onRowAction
+                                      }, null, 8 /* PROPS */, ["actions", "row", "onAction"])
+                                    ])
+                                  ]),
+                                  key: "2"
+                                }
+                              : undefined
+                          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["objects", "schema", "selectable", "clickToView", "selectedIds", "rowKey", "emptyText", "onClick", "onAuxClick", "onSelect"])),
         createVNode(_component_CnContextMenu, {
           open: $setup.contextMenuOpen,
           "onUpdate:open": _cache[21] || (_cache[21] = $event => (($setup.contextMenuOpen) = $event)),
@@ -863,7 +885,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8 /* PROPS */, ["open", "actions", "targetItem", "onAction", "onClose"]),
         ($options.effectivePagination && $options.effectivePagination.pages > 1)
           ? (openBlock(), createBlock(_component_CnPagination, {
-              key: 8,
+              key: 9,
               currentPage: $options.effectivePagination.page || 1,
               totalPages: $options.effectivePagination.pages || 1,
               totalItems: $options.effectivePagination.total || 0,
@@ -895,7 +917,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   createVNode(_component_Close, { size: 16 }),
                   createElementVNode("span", null, toDisplayString($options.splitCloseTitle), 1 /* TEXT */)
-                ], 8 /* PROPS */, _hoisted_7))
+                ], 8 /* PROPS */, _hoisted_8))
               : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "split-pane", {
               id: $props.splitId,
@@ -903,7 +925,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               close: $options.closeSplitPane,
               saved: $options.onSplitPaneSaved
             })
-          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_6))
+          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_7))
         : createCommentVNode("v-if", true)
     ], 2 /* CLASS */),
     ($options.shouldRenderInlineSidebar)