@conduction/nextcloud-vue 2.56.0-beta.36 → 2.56.0-beta.38

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

@@ -8,38 +8,69 @@ const _hoisted_2 = {
   key: 0,
   class: "cn-index-page__below-header"
 };
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = ["aria-pressed", "data-testid", "onClick"];
-const _hoisted_5 = {
+const _hoisted_3 = {
+  key: 0,
+  class: "cn-index-page__board-control",
+  "data-testid": "cn-board-narrow"
+};
+const _hoisted_4 = { class: "cn-index-page__board-control-label" };
+const _hoisted_5 = ["value"];
+const _hoisted_6 = { value: "" };
+const _hoisted_7 = ["value"];
+const _hoisted_8 = {
+  key: 1,
+  class: "cn-index-page__board-control",
+  "data-testid": "cn-board-column-switch"
+};
+const _hoisted_9 = { class: "cn-index-page__board-control-label" };
+const _hoisted_10 = ["value"];
+const _hoisted_11 = ["value"];
+const _hoisted_12 = {
+  key: 2,
+  class: "cn-index-page__board-hint",
+  "data-testid": "cn-board-hint"
+};
+const _hoisted_13 = ["aria-label"];
+const _hoisted_14 = ["aria-pressed", "data-testid", "onClick"];
+const _hoisted_15 = {
   key: 0,
   class: "cn-index-page__filter-strip-count"
 };
-const _hoisted_6 = { class: "cn-index-page__shortcuts" };
-const _hoisted_7 = {
+const _hoisted_16 = { class: "cn-index-page__shortcuts" };
+const _hoisted_17 = {
   key: 0,
   class: "cn-index-page__folder-pane"
 };
-const _hoisted_8 = {
+const _hoisted_18 = {
   key: 0,
   class: "cn-index-page__loading"
 };
-const _hoisted_9 = {
+const _hoisted_19 = {
   key: 1,
   class: "cn-index-page__empty",
   role: "status",
   "data-testid": "cn-index-page-fetch-error"
 };
-const _hoisted_10 = {
+const _hoisted_20 = {
   key: 2,
   class: "cn-index-page__empty"
 };
-const _hoisted_11 = {
+const _hoisted_21 = {
   key: 10,
   class: "cn-index-page__content-search-note",
   "data-testid": "cn-index-content-search-note"
 };
-const _hoisted_12 = ["data-split-layout"];
-const _hoisted_13 = ["href", "title"];
+const _hoisted_22 = {
+  key: 11,
+  class: "cn-index-page__board-load",
+  "data-testid": "cn-index-board-load"
+};
+const _hoisted_23 = {
+  class: "cn-index-page__board-load-count",
+  "data-testid": "cn-index-board-load-count"
+};
+const _hoisted_24 = ["data-split-layout"];
+const _hoisted_25 = ["href", "title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnBuildiqEditButton = resolveComponent("CnBuildiqEditButton");
@@ -61,6 +92,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Tune = resolveComponent("Tune");
   const _component_NcActionCheckbox = resolveComponent("NcActionCheckbox");
   const _component_CnActionsBar = resolveComponent("CnActionsBar");
+  const _component_CnActionButtons = resolveComponent("CnActionButtons");
   const _component_CnQuickEditDialog = resolveComponent("CnQuickEditDialog");
   const _component_CnConfirmDialog = resolveComponent("CnConfirmDialog");
   const _component_CnMassDeleteDialog = resolveComponent("CnMassDeleteDialog");
@@ -98,7 +130,7 @@ 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[27] || (_cache[27] = (...args) => ($options.onListKeydown && $options.onListKeydown(...args)))
+    onKeydown: _cache[30] || (_cache[30] = (...args) => ($options.onListKeydown && $options.onListKeydown(...args)))
   }, [
     renderSlot(_ctx.$slots, "header", {
       title: $props.title,
@@ -350,19 +382,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       bulkActions: $options.mergedBulkActions,
       documentationUrl: $props.documentationUrl,
       documentationLabel: $props.documentationLabel || undefined,
-      onSortChange: _cache[4] || (_cache[4] = $event => (_ctx.$emit('sort-change', $event))),
+      onSortChange: _cache[6] || (_cache[6] = $event => (_ctx.$emit('sort-change', $event))),
       onAdd: $options.onAddClick,
-      onClearSelection: _cache[5] || (_cache[5] = $event => ($options.onSelect([]))),
+      onClearSelection: _cache[7] || (_cache[7] = $event => ($options.onSelect([]))),
       onRemoveFilter: $options.onRemoveActiveFilter,
       onClearFilters: $options.onClearFilters,
-      onToggleSidebar: _cache[6] || (_cache[6] = $event => ($data.sidebarOpen = !$data.sidebarOpen)),
+      onToggleSidebar: _cache[8] || (_cache[8] = $event => ($data.sidebarOpen = !$data.sidebarOpen)),
       onRefresh: $options.onRefreshEvent,
       onHeaderAction: $options.onHeaderAction,
       onBulkAction: $options.onBulkAction,
-      onShowImport: _cache[7] || (_cache[7] = $event => ($data.showImportDialog = true)),
-      onShowExport: _cache[8] || (_cache[8] = $event => ($data.showExportDialog = true)),
-      onShowCopy: _cache[9] || (_cache[9] = $event => ($data.showMassCopyDialog = true)),
-      onShowDelete: _cache[10] || (_cache[10] = $event => ($data.showMassDeleteDialog = true)),
+      onShowImport: _cache[9] || (_cache[9] = $event => ($data.showImportDialog = true)),
+      onShowExport: _cache[10] || (_cache[10] = $event => ($data.showExportDialog = true)),
+      onShowCopy: _cache[11] || (_cache[11] = $event => ($data.showMassCopyDialog = true)),
+      onShowDelete: _cache[12] || (_cache[12] = $event => ($data.showMassDeleteDialog = true)),
       onSearch: $options.onSearchEvent,
       onViewModeChange: $options.onViewModeChange
     }, createSlots({ _: 2 /* DYNAMIC */ }, [
@@ -387,13 +419,57 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: "1"
           }
         : undefined,
-      (_ctx.$slots['after-search'] || $props.searchInFiles)
+      (_ctx.$slots['after-search'] || $props.searchInFiles || $options.boardControlsShown)
         ? {
             name: "after-search",
             fn: withCtx(() => [
+              ($options.boardControlsShown)
+                ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    ($options.boardNarrow)
+                      ? (openBlock(), createElementBlock("label", _hoisted_3, [
+                          createElementVNode("span", _hoisted_4, toDisplayString($options.boardNarrowLabel), 1 /* TEXT */),
+                          createElementVNode("select", {
+                            class: "cn-index-page__board-select",
+                            "data-testid": "cn-board-narrow-select",
+                            value: $options.boardNarrowValue,
+                            onChange: _cache[0] || (_cache[0] = $event => ($options.onBoardNarrowChange($event.target.value)))
+                          }, [
+                            createElementVNode("option", _hoisted_6, toDisplayString($options.boardNarrowAllLabel), 1 /* TEXT */),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($data.boardNarrowOptions, (option) => {
+                              return (openBlock(), createElementBlock("option", {
+                                key: `narrow-${option.value}`,
+                                value: option.value
+                              }, toDisplayString(option.label), 9 /* TEXT, PROPS */, _hoisted_7))
+                            }), 128 /* KEYED_FRAGMENT */))
+                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_5)
+                        ]))
+                      : createCommentVNode("v-if", true),
+                    ($options.boardColumnFields.length > 1)
+                      ? (openBlock(), createElementBlock("label", _hoisted_8, [
+                          createElementVNode("span", _hoisted_9, toDisplayString($options.boardColumnSwitchLabel), 1 /* TEXT */),
+                          createElementVNode("select", {
+                            class: "cn-index-page__board-select cn-index-page__board-select--strong",
+                            "data-testid": "cn-board-column-switch-select",
+                            value: $options.boardColumnField,
+                            onChange: _cache[1] || (_cache[1] = $event => ($options.onBoardColumnFieldChange($event.target.value)))
+                          }, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList($options.boardColumnFields, (entry) => {
+                              return (openBlock(), createElementBlock("option", {
+                                key: `colfield-${entry.field}`,
+                                value: entry.field
+                              }, toDisplayString($options.cnTranslate(entry.label)), 9 /* TEXT, PROPS */, _hoisted_11))
+                            }), 128 /* KEYED_FRAGMENT */))
+                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_10)
+                        ]))
+                      : createCommentVNode("v-if", true),
+                    ($props.board.hint)
+                      ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString($options.cnTranslate($props.board.hint)), 1 /* TEXT */))
+                      : createCommentVNode("v-if", true)
+                  ], 64 /* STABLE_FRAGMENT */))
+                : createCommentVNode("v-if", true),
               ($props.searchInFiles)
                 ? (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
-                    key: 0,
+                    key: 1,
                     modelValue: $setup.contentSearch,
                     type: "switch",
                     class: "cn-index-page__content-search",
@@ -446,7 +522,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     counts: $data.savedViewCounts,
                     selectedViewId: $data.appliedSavedViewId,
                     onApply: $options.onApplySavedView,
-                    onSaveRequest: _cache[0] || (_cache[0] = $event => ($data.showSaveViewDialog = true)),
+                    onSaveRequest: _cache[2] || (_cache[2] = $event => ($data.showSaveViewDialog = true)),
                     onShareRequest: $options.onShareViewRequest,
                     onPresentationRequest: $options.onPresentationViewRequest,
                     onUpdateRequest: $options.onUpdateViewRequest,
@@ -468,7 +544,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     default: withCtx(() => [
                       createVNode(_component_NcActionButton, {
                         "data-testid": "cn-index-export-csv",
-                        onClick: _cache[1] || (_cache[1] = $event => ($options.onExportClick('csv')))
+                        onClick: _cache[3] || (_cache[3] = $event => ($options.onExportClick('csv')))
                       }, {
                         icon: withCtx(() => [
                           createVNode(_component_Export, { size: 20 })
@@ -480,7 +556,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       }),
                       createVNode(_component_NcActionButton, {
                         "data-testid": "cn-index-export-excel",
-                        onClick: _cache[2] || (_cache[2] = $event => ($options.onExportClick('excel')))
+                        onClick: _cache[4] || (_cache[4] = $event => ($options.onExportClick('excel')))
                       }, {
                         icon: withCtx(() => [
                           createVNode(_component_Export, { size: 20 })
@@ -499,7 +575,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     key: 2,
                     variant: "tertiary",
                     "aria-label": _ctx.t('nextcloud-vue', 'Configure page'),
-                    onClick: _cache[3] || (_cache[3] = $event => (_ctx.$emit('configure')))
+                    onClick: _cache[5] || (_cache[5] = $event => (_ctx.$emit('configure')))
                   }, {
                     icon: withCtx(() => [
                       createVNode(_component_Cog, { size: 20 })
@@ -596,17 +672,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: $event => ($options.onFilterStripPick(entry.value))
             }, [
               createElementVNode("span", null, toDisplayString(entry.label), 1 /* TEXT */),
-              _cache[28] || (_cache[28] = createTextVNode()),
+              _cache[31] || (_cache[31] = createTextVNode()),
               (entry.count !== null)
-                ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(entry.count), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(entry.count), 1 /* TEXT */))
                 : createCommentVNode("v-if", true)
-            ], 10 /* CLASS, PROPS */, _hoisted_4))
+            ], 10 /* CLASS, PROPS */, _hoisted_14))
           }), 128 /* KEYED_FRAGMENT */))
-        ], 8 /* PROPS */, _hoisted_3))
+        ], 8 /* PROPS */, _hoisted_13))
+      : createCommentVNode("v-if", true),
+    ($options.dialogHeaderActions.length > 0)
+      ? (openBlock(), createBlock(_component_CnActionButtons, {
+          key: 4,
+          actions: $options.dialogHeaderActions,
+          display: "menu",
+          "data-testid": "cn-index-header-dialog-actions",
+          onEntries: _cache[13] || (_cache[13] = $event => ($data.dialogHeaderRuns = $event)),
+          onCreated: $options.onHeaderActionCreated
+        }, null, 8 /* PROPS */, ["actions", "onCreated"]))
       : createCommentVNode("v-if", true),
     ($data.quickEditRow !== null)
       ? (openBlock(), createBlock(_component_CnQuickEditDialog, {
-          key: 4,
+          key: 5,
           object: $data.quickEditRow,
           schema: $options.effectiveSchema,
           register: $props.register,
@@ -615,20 +701,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           serverObject: $data.quickEditServerRow,
           onSave: $options.onQuickEditSave,
           onKeepTheirs: $options.onQuickEditKeepTheirs,
-          onClose: _cache[11] || (_cache[11] = $event => ($data.quickEditRow = null))
+          onClose: _cache[14] || (_cache[14] = $event => ($data.quickEditRow = null))
         }, null, 8 /* PROPS */, ["object", "schema", "register", "fields", "writableField", "serverObject", "onSave", "onKeepTheirs"]))
       : createCommentVNode("v-if", true),
     ($data.showShortcutHelp)
       ? (openBlock(), createBlock(_component_CnConfirmDialog, {
-          key: 5,
+          key: 6,
           name: $options.shortcutHelpTitle,
           confirmLabel: $options.closeLabel,
           "data-testid": "cn-list-shortcuts-help",
-          onConfirm: _cache[12] || (_cache[12] = $event => ($data.showShortcutHelp = false)),
-          onCancel: _cache[13] || (_cache[13] = $event => ($data.showShortcutHelp = false))
+          onConfirm: _cache[15] || (_cache[15] = $event => ($data.showShortcutHelp = false)),
+          onCancel: _cache[16] || (_cache[16] = $event => ($data.showShortcutHelp = false))
         }, {
           default: withCtx(() => [
-            createElementVNode("dl", _hoisted_6, [
+            createElementVNode("dl", _hoisted_16, [
               (openBlock(true), createElementBlock(Fragment, null, renderList($options.shortcutHelpEntries, (entry) => {
                 return (openBlock(), createElementBlock(Fragment, {
                   key: entry.id
@@ -646,18 +732,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showMassDeleteDialog)
       ? (openBlock(), createBlock(_component_CnMassDeleteDialog, {
-          key: 6,
+          key: 7,
           ref: "massDeleteDialog",
           items: $options.selectedObjects,
           nameField: $props.massActionNameField,
           nameFormatter: $props.nameFormatter,
           onConfirm: $options.onMassDeleteConfirm,
-          onClose: _cache[14] || (_cache[14] = $event => ($data.showMassDeleteDialog = false))
+          onClose: _cache[17] || (_cache[17] = $event => ($data.showMassDeleteDialog = false))
         }, null, 8 /* PROPS */, ["items", "nameField", "nameFormatter", "onConfirm"]))
       : createCommentVNode("v-if", true),
     ($data.showMassCopyDialog)
       ? (openBlock(), createBlock(_component_CnMassCopyDialog, {
-          key: 7,
+          key: 8,
           ref: "massCopyDialog",
           items: $options.selectedObjects,
           nameField: $props.massActionNameField,
@@ -666,26 +752,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           register: $options.copyRegisterSlug,
           schema: $options.copySchemaSlug,
           onConfirm: $options.onMassCopyConfirm,
-          onClose: _cache[15] || (_cache[15] = $event => ($data.showMassCopyDialog = false))
+          onClose: _cache[18] || (_cache[18] = $event => ($data.showMassCopyDialog = false))
         }, null, 8 /* PROPS */, ["items", "nameField", "nameFormatter", "include", "register", "schema", "onConfirm"]))
       : createCommentVNode("v-if", true),
     ($data.showExportDialog)
       ? (openBlock(), createBlock(_component_CnMassExportDialog, {
-          key: 8,
+          key: 9,
           ref: "exportDialog",
           formats: $props.exportFormats,
           scopeText: $options.massExportScopeText,
           onConfirm: $options.onMassExportConfirm,
-          onClose: _cache[16] || (_cache[16] = $event => ($data.showExportDialog = false))
+          onClose: _cache[19] || (_cache[19] = $event => ($data.showExportDialog = false))
         }, null, 8 /* PROPS */, ["formats", "scopeText", "onConfirm"]))
       : createCommentVNode("v-if", true),
     ($data.showImportDialog)
       ? (openBlock(), createBlock(_component_CnMassImportDialog, {
-          key: 9,
+          key: 10,
           ref: "importDialog",
           options: $props.importOptions,
           onConfirm: $options.onMassImportConfirm,
-          onClose: _cache[17] || (_cache[17] = $event => ($data.showImportDialog = false))
+          onClose: _cache[20] || (_cache[20] = $event => ($data.showImportDialog = false))
         }, createSlots({ _: 2 /* DYNAMIC */ }, [
           (_ctx.$slots['import-fields'])
             ? {
@@ -700,42 +786,42 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showSaveViewDialog)
       ? (openBlock(), createBlock(_component_CnSaveViewDialog, {
-          key: 10,
+          key: 11,
           ref: "saveViewDialog",
           schema: $options.viewPresentationSchema,
           onConfirm: $options.onSaveViewConfirm,
-          onClose: _cache[18] || (_cache[18] = $event => ($data.showSaveViewDialog = false))
+          onClose: _cache[21] || (_cache[21] = $event => ($data.showSaveViewDialog = false))
         }, null, 8 /* PROPS */, ["schema", "onConfirm"]))
       : createCommentVNode("v-if", true),
     ($data.viewPendingPresentation)
       ? (openBlock(), createBlock(_component_CnSavedViewPresentationDialog, {
-          key: 11,
+          key: 12,
           ref: "presentationViewDialog",
           view: $data.viewPendingPresentation,
           schema: $options.viewPresentationSchema,
           onConfirm: $options.onPresentationViewConfirm,
-          onClose: _cache[19] || (_cache[19] = $event => ($data.viewPendingPresentation = null))
+          onClose: _cache[22] || (_cache[22] = $event => ($data.viewPendingPresentation = null))
         }, null, 8 /* PROPS */, ["view", "schema", "onConfirm"]))
       : createCommentVNode("v-if", true),
     ($data.viewPendingShare)
       ? (openBlock(), createBlock(_component_CnSavedViewShareDialog, {
-          key: 12,
+          key: 13,
           ref: "shareViewDialog",
           view: $data.viewPendingShare,
           onConfirm: $options.onShareViewConfirm,
-          onClose: _cache[20] || (_cache[20] = $event => ($data.viewPendingShare = null))
+          onClose: _cache[23] || (_cache[23] = $event => ($data.viewPendingShare = null))
         }, null, 8 /* PROPS */, ["view", "onConfirm"]))
       : createCommentVNode("v-if", true),
     ($data.viewPendingDelete)
       ? (openBlock(), createBlock(_component_CnConfirmDialog, {
-          key: 13,
+          key: 14,
           ref: "deleteViewConfirmDialog",
           variant: "error",
           dialogTitle: _ctx.t('nextcloud-vue', 'Delete view'),
           message: $options.deleteViewMessage,
           confirmLabel: _ctx.t('nextcloud-vue', 'Delete'),
           onConfirm: $options.onDeleteViewConfirm,
-          onClose: _cache[21] || (_cache[21] = $event => ($data.viewPendingDelete = null))
+          onClose: _cache[24] || (_cache[24] = $event => ($data.viewPendingDelete = null))
         }, null, 8 /* PROPS */, ["dialogTitle", "message", "confirmLabel", "onConfirm"]))
       : createCommentVNode("v-if", true),
     renderSlot(_ctx.$slots, "delete-dialog", {
@@ -833,7 +919,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["cn-index-page__body", { 'cn-index-page__body--with-folders': $props.folderSidebar }])
     }, [
       ($props.folderSidebar)
-        ? (openBlock(), createElementBlock("div", _hoisted_7, [
+        ? (openBlock(), createElementBlock("div", _hoisted_17, [
             createVNode(_component_CnFolderSidebar, {
               source: $options.folderSidebarSource,
               folders: $options.folderSidebarFolders,
@@ -849,7 +935,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               nameField: $options.folderPassthroughNameField,
               allowCreate: Boolean($props.folderSidebar.allowCreate),
               onSelect: $options.onFolderSelect,
-              onCreate: _cache[22] || (_cache[22] = $event => (_ctx.$emit('folder-create', $event)))
+              onCreate: _cache[25] || (_cache[25] = $event => (_ctx.$emit('folder-create', $event)))
             }, null, 8 /* PROPS */, ["source", "folders", "objects", "groupBy", "facetValues", "partial", "filesPath", "selectedId", "allLabel", "title", "idField", "nameField", "allowCreate", "onSelect"])
           ]))
         : createCommentVNode("v-if", true),
@@ -860,18 +946,18 @@ 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[24] || (_cache[24] = (...args) => ($options.onListScroll && $options.onListScroll(...args)))
+        onScroll: _cache[27] || (_cache[27] = (...args) => ($options.onListScroll && $options.onListScroll(...args)))
       }, [
         renderSlot(_ctx.$slots, "before-collection"),
         ($options.showInitialLoader)
-          ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          ? (openBlock(), createElementBlock("div", _hoisted_18, [
               createVNode(_component_NcLoadingIcon, {
                 size: 32,
                 name: $props.loadingText
               }, null, 8 /* PROPS */, ["name"])
             ]))
           : ($options.selfFetchFailed)
-            ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            ? (openBlock(), createElementBlock("div", _hoisted_19, [
                 createVNode(_component_CnEmptyContent, {
                   error: "",
                   name: _ctx.t('nextcloud-vue', 'An error occurred'),
@@ -886,7 +972,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8 /* PROPS */, ["name", "description"])
               ]))
             : ($options.effectiveObjects.length === 0)
-              ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              ? (openBlock(), createElementBlock("div", _hoisted_20, [
                   renderSlot(_ctx.$slots, "empty", {}, () => [
                     createVNode(_component_CnEmptyContent, {
                       name: $options.lensReasonText || $options.resolvedEmptyText,
@@ -1076,8 +1162,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ? (openBlock(), createBlock(_component_CnBoardView, {
                         key: 5,
                         rows: $options.displayObjects,
-                        statusFieldSchema: $options.boardStatusFieldSchema,
-                        statusField: $props.board.statusField || 'status',
+                        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,
@@ -1087,13 +1178,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         sumFormat: $options.boardSumFormat,
                         columnLimit: $props.board.columnLimit || 0,
                         rowKey: $props.rowKey,
-                        runTransition: $props.runTransition,
+                        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", "cardFields", "swimlaneField", "dueRule", "cardRoles", "colorField", "sumField", "sumFormat", "columnLimit", "rowKey", "runTransition", "paged", "onLoadMore", "onCardClick", "onCardAuxClick", "onMoved"]))
+                      }, 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: 6,
@@ -1263,29 +1355,46 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             ]), 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[23] || (_cache[23] = $event => (($setup.contextMenuOpen) = $event)),
+          "onUpdate:open": _cache[26] || (_cache[26] = $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_11, toDisplayString(_ctx.t('nextcloud-vue', 'File matches are limited to the best 50.')), 1 /* TEXT */))
+          ? (openBlock(), createElementBlock("p", _hoisted_21, toDisplayString(_ctx.t('nextcloud-vue', 'File matches are limited to the best 50.')), 1 /* TEXT */))
           : createCommentVNode("v-if", true),
-        ($options.effectivePagination && ($options.effectivePagination.pages > 1 || ($setup.isBoardLook && $options.effectivePagination.total > 0)))
-          ? (openBlock(), createBlock(_component_CnPagination, {
-              key: 11,
-              variant: $setup.isBoardLook ? 'board' : '',
-              footerNote: $props.footerNote ? $options.cnTranslate($props.footerNote) : $props.footerNote,
-              currentPage: $options.effectivePagination.page || 1,
-              totalPages: $options.effectivePagination.pages || 1,
-              totalItems: $options.effectivePagination.total || 0,
-              currentPageSize: $options.effectivePagination.limit || 20,
-              class: "cn-index-page__pagination",
-              onPageChanged: $options.onPageEvent,
-              onPageSizeChanged: $options.onPageSizeEvent
-            }, null, 8 /* PROPS */, ["variant", "footerNote", "currentPage", "totalPages", "totalItems", "currentPageSize", "onPageChanged", "onPageSizeChanged"]))
-          : createCommentVNode("v-if", true)
+        ($options.boardLoadsAll && $options.boardLoadCounts.total > 0)
+          ? (openBlock(), createElementBlock("div", _hoisted_22, [
+              createElementVNode("span", _hoisted_23, 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,
+                    disabled: $options.effectiveLoading,
+                    "data-testid": "cn-index-board-load-more",
+                    onClick: $options.onBoardLoadMore
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.t('nextcloud-vue', 'Load more')), 1 /* TEXT */)
+                    ]),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["disabled", "onClick"]))
+                : createCommentVNode("v-if", true)
+            ]))
+          : ($options.effectivePagination && ($options.effectivePagination.pages > 1 || ($setup.isBoardLook && $options.effectivePagination.total > 0)))
+            ? (openBlock(), createBlock(_component_CnPagination, {
+                key: 12,
+                variant: $setup.isBoardLook ? 'board' : '',
+                footerNote: $props.footerNote ? $options.cnTranslate($props.footerNote) : $props.footerNote,
+                currentPage: $options.effectivePagination.page || 1,
+                totalPages: $options.effectivePagination.pages || 1,
+                totalItems: $options.effectivePagination.total || 0,
+                currentPageSize: $options.effectivePagination.limit || 20,
+                class: "cn-index-page__pagination",
+                onPageChanged: $options.onPageEvent,
+                onPageSizeChanged: $options.onPageSizeEvent
+              }, null, 8 /* PROPS */, ["variant", "footerNote", "currentPage", "totalPages", "totalItems", "currentPageSize", "onPageChanged", "onPageSizeChanged"]))
+            : createCommentVNode("v-if", true)
       ], 34 /* CLASS, NEED_HYDRATION */), [
         [vShow, $options.splitLayout !== 'detail']
       ]),
@@ -1304,11 +1413,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   href: $options.splitCloseHref,
                   title: $options.splitCloseTitle,
                   "data-testid": "cn-index-page-split-close",
-                  onClick: _cache[25] || (_cache[25] = withModifiers((...args) => ($options.closeSplitPane && $options.closeSplitPane(...args)), ["prevent"]))
+                  onClick: _cache[28] || (_cache[28] = withModifiers((...args) => ($options.closeSplitPane && $options.closeSplitPane(...args)), ["prevent"]))
                 }, [
                   createVNode(_component_Close, { size: 16 }),
                   createElementVNode("span", null, toDisplayString($options.splitCloseTitle), 1 /* TEXT */)
-                ], 8 /* PROPS */, _hoisted_13))
+                ], 8 /* PROPS */, _hoisted_25))
               : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "split-pane", {
               id: $props.splitId,
@@ -1316,12 +1425,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               close: $options.closeSplitPane,
               saved: $options.onSplitPaneSaved
             })
-          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_12))
+          ], 14 /* CLASS, STYLE, PROPS */, _hoisted_24))
         : createCommentVNode("v-if", true)
     ], 2 /* CLASS */),
     ($options.shouldRenderInlineSidebar)
       ? (openBlock(), createBlock(_component_CnIndexSidebar, mergeProps({
-          key: 14,
+          key: 15,
           open: $data.sidebarOpen,
           schema: $options.effectiveSchema,
           title: $props.title,
@@ -1336,7 +1445,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           personalColumns: $props.personalColumns,
           pinnedCount: $options.pinnedColumnCount
         }, $options.sidebarSearchProps, {
-          "onUpdate:open": _cache[26] || (_cache[26] = $event => ($data.sidebarOpen = $event)),
+          "onUpdate:open": _cache[29] || (_cache[29] = $event => ($data.sidebarOpen = $event)),
           onSearch: $options.onSearchEvent,
           onColumnsChange: $options.onColumnsEvent,
           onColumnsReorder: $options.onColumnsReorder,