@conduction/nextcloud-vue 2.56.0-beta.11 → 2.56.0-beta.13

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

@@ -1,63 +1,63 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, createBlock, Fragment, renderList, createVNode, withCtx, createTextVNode, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock, renderSlot, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode, createSlots, mergeProps } from 'vue';
 
 const _hoisted_1 = ["href"];
-const _hoisted_2 = {
-  key: 1,
-  class: "cn-detail-page__header",
-  "data-testid": "cn-detail-page-header"
-};
-const _hoisted_3 = { class: "cn-detail-page__header-left" };
-const _hoisted_4 = { class: "cn-detail-page__header-text" };
-const _hoisted_5 = {
+const _hoisted_2 = { class: "cn-detail-page__header-left" };
+const _hoisted_3 = { class: "cn-detail-page__header-text" };
+const _hoisted_4 = {
   key: 0,
   class: "cn-detail-page__pills",
   "data-testid": "cn-detail-page-pills"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 1,
   class: "cn-detail-page__type-eyebrow",
   "data-testid": "cn-detail-page-type-eyebrow"
 };
-const _hoisted_7 = ["title"];
-const _hoisted_8 = {
+const _hoisted_6 = ["title"];
+const _hoisted_7 = {
   key: 3,
   class: "cn-detail-page__description"
 };
-const _hoisted_9 = { class: "cn-detail-page__header-actions" };
-const _hoisted_10 = {
-  key: 0,
+const _hoisted_8 = { class: "cn-detail-page__header-actions" };
+const _hoisted_9 = {
+  key: 1,
   class: "cn-detail-page__list-nav",
   "data-testid": "cn-detail-page-list-nav"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   class: "cn-detail-page__list-nav-position",
   "data-testid": "cn-detail-page-list-position"
 };
+const _hoisted_11 = {
+  key: 0,
+  class: "cn-detail-page__header-widget",
+  "data-testid": "cn-detail-page-header-widget"
+};
 const _hoisted_12 = {
-  key: 3,
+  key: 4,
   class: "cn-detail-page__lock-refusal",
   role: "alert",
   "data-testid": "cn-detail-page-lock-refusal"
 };
 const _hoisted_13 = {
-  key: 5,
+  key: 6,
   class: "cn-detail-page__not-found",
   "data-testid": "cn-detail-page-not-found"
 };
 const _hoisted_14 = {
-  key: 6,
+  key: 7,
   class: "cn-detail-page__loading"
 };
 const _hoisted_15 = {
-  key: 7,
+  key: 8,
   class: "cn-detail-page__error"
 };
 const _hoisted_16 = {
-  key: 8,
+  key: 9,
   class: "cn-detail-page__empty"
 };
 const _hoisted_17 = {
-  key: 9,
+  key: 10,
   class: "cn-detail-page__body"
 };
 const _hoisted_18 = {
@@ -70,48 +70,51 @@ const _hoisted_20 = {
   class: "cn-detail-page__widget-edit"
 };
 const _hoisted_21 = ["id"];
-const _hoisted_22 = {
+const _hoisted_22 = ["id", "aria-label"];
+const _hoisted_23 = {
   key: 3,
   class: "cn-detail-page__stats"
 };
-const _hoisted_23 = {
+const _hoisted_24 = {
   key: 0,
   class: "cn-detail-page__section-title"
 };
-const _hoisted_24 = { class: "cn-detail-page__stats-table" };
-const _hoisted_25 = { key: 0 };
-const _hoisted_26 = {
+const _hoisted_25 = { class: "cn-detail-page__stats-table" };
+const _hoisted_26 = { key: 0 };
+const _hoisted_27 = {
   key: 4,
   class: "cn-detail-page__content"
 };
-const _hoisted_27 = {
+const _hoisted_28 = {
   key: 0,
   class: "cn-detail-page__content"
 };
-const _hoisted_28 = {
+const _hoisted_29 = {
   key: 1,
   class: "cn-detail-page__sections"
 };
-const _hoisted_29 = {
+const _hoisted_30 = {
   key: 6,
   class: "cn-detail-page__related-collections"
 };
-const _hoisted_30 = {
+const _hoisted_31 = {
   key: 0,
   class: "cn-detail-page__relation-links"
 };
-const _hoisted_31 = {
+const _hoisted_32 = {
   key: 9,
   class: "cn-detail-page__footer"
 };
-const _hoisted_32 = ["aria-label"];
-const _hoisted_33 = ["data-testid"];
+const _hoisted_33 = ["aria-label"];
+const _hoisted_34 = ["data-testid"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnBreadcrumbs = resolveComponent("CnBreadcrumbs");
   const _component_CnIcon = resolveComponent("CnIcon");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_CnTranslatedBadge = resolveComponent("CnTranslatedBadge");
   const _component_CnSummaryAggregates = resolveComponent("CnSummaryAggregates");
+  const _component_CnSegmentedControl = resolveComponent("CnSegmentedControl");
   const _component_ChevronLeft = resolveComponent("ChevronLeft");
   const _component_NcButton = resolveComponent("NcButton");
   const _component_ChevronRight = resolveComponent("ChevronRight");
@@ -124,6 +127,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcActionLink = resolveComponent("NcActionLink");
   const _component_NcActionButton = resolveComponent("NcActionButton");
   const _component_CnActionsMenu = resolveComponent("CnActionsMenu");
+  const _component_CnDetailWidgetHost = resolveComponent("CnDetailWidgetHost");
   const _component_CnLockedBanner = resolveComponent("CnLockedBanner");
   const _component_CnNextStepCard = resolveComponent("CnNextStepCard");
   const _component_FileQuestionOutline = resolveComponent("FileQuestionOutline");
@@ -135,8 +139,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_InformationOutline = resolveComponent("InformationOutline");
   const _component_CnBodySections = resolveComponent("CnBodySections");
   const _component_Cog = resolveComponent("Cog");
-  const _component_CnDetailWidgetHost = resolveComponent("CnDetailWidgetHost");
   const _component_CnDashboardGrid = resolveComponent("CnDashboardGrid");
+  const _component_ViewDashboardOutline = resolveComponent("ViewDashboardOutline");
   const _component_Plus = resolveComponent("Plus");
   const _component_CnRelatedCollections = resolveComponent("CnRelatedCollections");
   const _component_CnWidgetStyleEditorModal = resolveComponent("CnWidgetStyleEditorModal");
@@ -157,15 +161,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[0] || (_cache[0] = (...args) => ($options.onSkipToPrimaryAction && $options.onSkipToPrimaryAction(...args)))
         }, toDisplayString($options.skipLinkLabel), 9 /* TEXT, PROPS */, _hoisted_1))
       : createCommentVNode("v-if", true),
+    ($options.breadcrumbCrumbs.length > 0 && !$data.objectNotFound)
+      ? (openBlock(), createBlock(_component_CnBreadcrumbs, {
+          key: 1,
+          class: "cn-detail-page__breadcrumbs",
+          crumbs: $options.breadcrumbCrumbs,
+          rootText: $options.breadcrumbCrumbs[0].icon === undefined,
+          "data-testid": "cn-detail-page-breadcrumbs"
+        }, null, 8 /* PROPS */, ["crumbs", "rootText"]))
+      : createCommentVNode("v-if", true),
     (!$data.objectNotFound)
-      ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(["cn-detail-page__header", { 'cn-detail-page__header--card': $props.headerCard, 'cn-detail-page__header--with-widget': $options.headerWidgetDef !== null }]),
+          "data-testid": "cn-detail-page-header"
+        }, [
           renderSlot(_ctx.$slots, "header", {
             title: $props.title,
             description: $props.description,
             icon: $props.icon,
             iconSize: $props.iconSize
           }, () => [
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_2, [
               renderSlot(_ctx.$slots, "icon", {}, () => [
                 ($props.icon)
                   ? (openBlock(), createBlock(_component_CnIcon, {
@@ -176,9 +193,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 8 /* PROPS */, ["name", "size"]))
                   : createCommentVNode("v-if", true)
               ]),
-              createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_3, [
                 ($options.headerPills.length > 0)
-                  ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_4, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList($options.headerPills, (pill) => {
                         return (openBlock(), createBlock(_component_CnStatusBadge, {
                           key: pill.key,
@@ -191,15 +208,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       }), 128 /* KEYED_FRAGMENT */))
                     ]))
                   : createCommentVNode("v-if", true),
-                ($options.typeEyebrow)
-                  ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString($options.typeEyebrow), 1 /* TEXT */))
+                ($options.typeEyebrow && $props.showTypeEyebrow)
+                  ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString($options.typeEyebrow), 1 /* TEXT */))
                   : createCommentVNode("v-if", true),
                 ($options.displayTitle)
                   ? (openBlock(), createElementBlock("h2", {
                       key: 2,
                       class: "cn-detail-page__title",
                       title: $options.displayTitle
-                    }, toDisplayString($options.displayTitle), 9 /* TEXT, PROPS */, _hoisted_7))
+                    }, toDisplayString($options.displayTitle), 9 /* TEXT, PROPS */, _hoisted_6))
                   : createCommentVNode("v-if", true),
                 renderSlot(_ctx.$slots, "translation-badge", { object: $options.resolvedObject }, () => [
                   ($options.resolvedObject)
@@ -210,7 +227,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     : createCommentVNode("v-if", true)
                 ]),
                 ($props.description)
-                  ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString($options.resolvedDescription), 1 /* TEXT */))
+                  ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString($options.resolvedDescription), 1 /* TEXT */))
                   : createCommentVNode("v-if", true),
                 ($props.summaryAggregates && $props.summaryAggregates.length > 0)
                   ? (openBlock(), createBlock(_component_CnSummaryAggregates, {
@@ -221,9 +238,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_8, [
+            (_ctx.showsPageViewSwitch)
+              ? (openBlock(), createBlock(_component_CnSegmentedControl, {
+                  key: 0,
+                  class: "cn-page-view-switch",
+                  options: _ctx.viewSwitchOptions,
+                  modelValue: _ctx.activeViewId,
+                  ariaLabel: _ctx.viewSwitchLabel,
+                  controls: _ctx.viewRegionId,
+                  "data-testid": "cn-detail-page-view-switch",
+                  "onUpdate:modelValue": _ctx.selectView
+                }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "controls", "onUpdate:modelValue"]))
+              : createCommentVNode("v-if", true),
             ($props.listNavigation && $props.listNavigation.available)
-              ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              ? (openBlock(), createElementBlock("div", _hoisted_9, [
                   createVNode(_component_NcButton, {
                     variant: "tertiary",
                     disabled: $props.listNavigation.isFirst,
@@ -238,7 +267,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ]),
                     _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["disabled", "to", "aria-label", "title"]),
-                  createElementVNode("span", _hoisted_11, toDisplayString($options.listPositionLabel), 1 /* TEXT */),
+                  createElementVNode("span", _hoisted_10, toDisplayString($options.listPositionLabel), 1 /* TEXT */),
                   createVNode(_component_NcButton, {
                     variant: "tertiary",
                     disabled: $props.listNavigation.isLast,
@@ -257,7 +286,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("v-if", true),
             ($options.effectivePrimaryLabel && !$options.showsNextStepCard)
               ? (openBlock(), createBlock(_component_NcButton, {
-                  key: 1,
+                  key: 2,
                   id: $options.primaryActionAnchorId,
                   ref: "primaryActionButton",
                   variant: "primary",
@@ -304,7 +333,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128 /* KEYED_FRAGMENT */)),
             ($options.showsLifecycleActions)
               ? (openBlock(), createBlock(_component_CnLifecycleActions, {
-                  key: 2,
+                  key: 3,
                   objectId: $props.objectId,
                   object: $options.currentObject,
                   config: $props.lifecycleActions,
@@ -317,7 +346,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("v-if", true),
             ($options.effectiveHeaderActions.length > 0)
               ? (openBlock(), createBlock(_component_CnActionButtons, {
-                  key: 3,
+                  key: 4,
                   actions: $options.effectiveHeaderActions,
                   display: "menu",
                   "data-testid": "cn-detail-page-header-actions",
@@ -336,7 +365,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             ($options.canEditRecord && !$options.foldsEditIntoActions)
               ? (openBlock(), createBlock(_component_NcButton, {
-                  key: 4,
+                  key: 5,
                   variant: "secondary",
                   "data-testid": "cn-detail-page-edit",
                   "aria-label": $options.editActionLabel,
@@ -466,12 +495,45 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   }
                 : undefined
             ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["showRefresh", "refreshing", "showRequestFeature", "showReportBug", "showDocumentation", "actionsMenuLabel", "hasPrimaryItems", "documentationUrl", "docsAnchor", "documentationLabel", "widgetId", "title", "surface", "onRefresh", "onRequestFeature"])
-          ])
-        ]))
+          ]),
+          ($options.headerWidgetDef !== null)
+            ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                renderSlot(_ctx.$slots, `widget-${$options.headerWidgetDef.id}`, {
+                  item: { id: $options.headerWidgetDef.id, widgetId: $options.headerWidgetDef.id },
+                  widget: $options.headerWidgetDef,
+                  objectId: $props.objectId,
+                  object: $options.resolvedObject,
+                  objectData: $options.resolvedObject,
+                  objectType: $options.resolvedObjectType,
+                  register: $props.register,
+                  schema: $props.schema
+                }, () => [
+                  createVNode(_component_CnDetailWidgetHost, {
+                    widget: $options.headerWidgetDef,
+                    chrome: "bare",
+                    objectId: $props.objectId,
+                    object: $options.currentObject,
+                    objectType: $options.resolvedObjectType,
+                    schemaObject: $options.currentSchema,
+                    register: $props.register,
+                    schema: $props.schema,
+                    store: $options.effectiveObjectStore,
+                    surface: $props.surface,
+                    integrationContext: $options.effectiveIntegrationContext,
+                    hideEmpty: $props.hideEmpty,
+                    cnRegistry: $options.cnRegistry,
+                    availableWidgets: _ctx.widgets,
+                    onGeoSaved: $options.onGeoSaved,
+                    onOpenIntegration: $options.onAutoBodyOpenIntegration
+                  }, null, 8 /* PROPS */, ["widget", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
+                ])
+              ]))
+            : createCommentVNode("v-if", true)
+        ], 2 /* CLASS */))
       : createCommentVNode("v-if", true),
     ($setup.lockState && $setup.lockState.locked.value)
       ? (openBlock(), createBlock(_component_CnLockedBanner, {
-          key: 2,
+          key: 3,
           lockedBy: $setup.lockState.lockedBy.value,
           lockedByMe: $setup.lockState.lockedByMe.value,
           expiresAt: $setup.lockState.expiresAt.value,
@@ -484,7 +546,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($options.showsNextStepCard)
       ? (openBlock(), createBlock(_component_CnNextStepCard, {
-          key: 4,
+          key: 5,
           class: "cn-detail-page__next-step",
           title: $options.nextStepCard.title,
           titleTag: "h3",
@@ -622,87 +684,105 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       "data-testid": "cn-detail-body-sections-before-body"
                     }, null, 8 /* PROPS */, ["sections", "context"]))
                   : createCommentVNode("v-if", true),
-                ($options.hasBodyGrid)
-                  ? (openBlock(), createBlock(_component_CnDashboardGrid, {
-                      key: `cn-detail-grid-${$options.editingBody ? 'editing' : 'live'}`,
-                      layout: $options.bodyGridLayout,
-                      editable: $options.editingBody,
-                      columns: 12,
-                      columnOpts: $props.columnOpts,
-                      class: "cn-detail-page__grid",
-                      onLayoutChange: $options.onBodyLayoutChange
-                    }, {
-                      widget: withCtx(({ item }) => [
-                        createElementVNode("div", {
-                          class: normalizeClass(["cn-detail-page__grid-item", { 'cn-detail-page__grid-item--fit': !!item.sizeToContent }]),
-                          "aria-labelledby": $options.showGridTitle(item) ? `widget-title-${item.id}` : undefined
-                        }, [
-                          ($options.showsCog(item))
-                            ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                                createVNode(_component_NcButton, {
-                                  variant: "tertiary",
-                                  "aria-label": _ctx.t('nextcloud-vue', 'Configure widget'),
-                                  onClick: $event => ($options.configureWidget(item))
-                                }, {
-                                  icon: withCtx(() => [
-                                    createVNode(_component_Cog, { size: 18 })
-                                  ]),
-                                  _: 1 /* STABLE */
-                                }, 8 /* PROPS */, ["aria-label", "onClick"])
-                              ]))
-                            : createCommentVNode("v-if", true),
-                          ($options.showGridTitle(item))
-                            ? (openBlock(), createElementBlock("h3", {
-                                key: 1,
-                                id: `widget-title-${item.id}`,
-                                class: "cn-detail-page__widget-title"
-                              }, toDisplayString($options.gridTitle(item)), 9 /* TEXT, PROPS */, _hoisted_21))
-                            : createCommentVNode("v-if", true),
-                          renderSlot(_ctx.$slots, `widget-${item.widgetId}`, {
-                            item: item,
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.bodyGridSections, (section) => {
+                  return (openBlock(), createBlock(_component_CnDashboardGrid, mergeProps({
+                    key: `cn-detail-grid-${section.key}-${$options.editingBody ? 'editing' : 'live'}`
+                  }, { ref_for: true }, section.attrs, {
+                    layout: section.layout,
+                    editable: $options.editingBody,
+                    columns: 12,
+                    columnOpts: $props.columnOpts,
+                    class: "cn-detail-page__grid",
+                    onLayoutChange: $event => (section.view ? _ctx.onViewLayoutChange($event) : $options.onBodyLayoutChange($event))
+                  }), {
+                    widget: withCtx(({ item }) => [
+                      createElementVNode("div", {
+                        class: normalizeClass(["cn-detail-page__grid-item", { 'cn-detail-page__grid-item--fit': !!item.sizeToContent }]),
+                        "aria-labelledby": $options.showGridTitle(item) ? `widget-title-${item.id}` : undefined
+                      }, [
+                        ($options.showsCog(item))
+                          ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                              createVNode(_component_NcButton, {
+                                variant: "tertiary",
+                                "aria-label": _ctx.t('nextcloud-vue', 'Configure widget'),
+                                onClick: $event => ($options.configureWidget(item))
+                              }, {
+                                icon: withCtx(() => [
+                                  createVNode(_component_Cog, { size: 18 })
+                                ]),
+                                _: 1 /* STABLE */
+                              }, 8 /* PROPS */, ["aria-label", "onClick"])
+                            ]))
+                          : createCommentVNode("v-if", true),
+                        ($options.showGridTitle(item))
+                          ? (openBlock(), createElementBlock("h3", {
+                              key: 1,
+                              id: `widget-title-${item.id}`,
+                              class: "cn-detail-page__widget-title"
+                            }, toDisplayString($options.gridTitle(item)), 9 /* TEXT, PROPS */, _hoisted_21))
+                          : createCommentVNode("v-if", true),
+                        renderSlot(_ctx.$slots, `widget-${item.widgetId}`, {
+                          item: item,
+                          widget: $options.findWidget(item),
+                          objectId: $props.objectId,
+                          object: $options.resolvedObject,
+                          objectData: $options.resolvedObject,
+                          objectType: $options.resolvedObjectType,
+                          register: $props.register,
+                          schema: $props.schema
+                        }, () => [
+                          createVNode(_component_CnDetailWidgetHost, {
                             widget: $options.findWidget(item),
+                            chrome: "card",
+                            showCardTitle: $options.showCardTitle(item),
                             objectId: $props.objectId,
-                            object: $options.resolvedObject,
-                            objectData: $options.resolvedObject,
+                            object: $options.currentObject,
                             objectType: $options.resolvedObjectType,
+                            schemaObject: $options.currentSchema,
                             register: $props.register,
-                            schema: $props.schema
-                          }, () => [
-                            createVNode(_component_CnDetailWidgetHost, {
-                              widget: $options.findWidget(item),
-                              chrome: "card",
-                              showCardTitle: $options.showCardTitle(item),
-                              objectId: $props.objectId,
-                              object: $options.currentObject,
-                              objectType: $options.resolvedObjectType,
-                              schemaObject: $options.currentSchema,
-                              register: $props.register,
-                              schema: $props.schema,
-                              store: $options.effectiveObjectStore,
-                              surface: $props.surface,
-                              integrationContext: $options.effectiveIntegrationContext,
-                              hideEmpty: $props.hideEmpty,
-                              cnRegistry: $options.cnRegistry,
-                              availableWidgets: $options.bodyGridWidgets,
-                              onGeoSaved: $options.onGeoSaved,
-                              onOpenIntegration: $options.onAutoBodyOpenIntegration
-                            }, null, 8 /* PROPS */, ["widget", "showCardTitle", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
-                          ])
-                        ], 10 /* CLASS, PROPS */, _hoisted_19)
-                      ]),
-                      _: 3 /* FORWARDED */
-                    }, 8 /* PROPS */, ["layout", "editable", "columnOpts", "onLayoutChange"]))
+                            schema: $props.schema,
+                            store: $options.effectiveObjectStore,
+                            surface: $props.surface,
+                            integrationContext: $options.effectiveIntegrationContext,
+                            hideEmpty: $props.hideEmpty,
+                            cnRegistry: $options.cnRegistry,
+                            availableWidgets: $options.bodyGridWidgets,
+                            onGeoSaved: $options.onGeoSaved,
+                            onOpenIntegration: $options.onAutoBodyOpenIntegration
+                          }, null, 8 /* PROPS */, ["widget", "showCardTitle", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
+                        ])
+                      ], 10 /* CLASS, PROPS */, _hoisted_19)
+                    ]),
+                    _: 3 /* FORWARDED */
+                  }, 16 /* FULL_PROPS */, ["layout", "editable", "columnOpts", "onLayoutChange"]))
+                }), 128 /* KEYED_FRAGMENT */)),
+                ($options.viewIsEmpty)
+                  ? (openBlock(), createElementBlock("div", {
+                      key: 2,
+                      id: _ctx.viewRegionId,
+                      role: "region",
+                      "aria-label": _ctx.activeView ? _ctx.activeView.label : null,
+                      class: "cn-page-view-region cn-page-view-region--empty",
+                      "data-testid": "cn-detail-page-view-empty"
+                    }, [
+                      createVNode(_component_NcEmptyContent, { description: _ctx.viewEmptyText }, {
+                        icon: withCtx(() => [
+                          createVNode(_component_ViewDashboardOutline, { size: 48 })
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["description"])
+                    ], 8 /* PROPS */, _hoisted_22))
                   : createCommentVNode("v-if", true),
                 ($options.hasStats)
-                  ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_23, [
                       renderSlot(_ctx.$slots, "stats-header", {}, () => [
                         ($props.statsTitle)
-                          ? (openBlock(), createElementBlock("h3", _hoisted_23, toDisplayString($options.resolvedStatsTitle), 1 /* TEXT */))
+                          ? (openBlock(), createElementBlock("h3", _hoisted_24, toDisplayString($options.resolvedStatsTitle), 1 /* TEXT */))
                           : createCommentVNode("v-if", true)
                       ]),
-                      createElementVNode("table", _hoisted_24, [
+                      createElementVNode("table", _hoisted_25, [
                         ($props.statsColumns.length > 0)
-                          ? (openBlock(), createElementBlock("thead", _hoisted_25, [
+                          ? (openBlock(), createElementBlock("thead", _hoisted_26, [
                               createElementVNode("tr", null, [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList($props.statsColumns, (col) => {
                                   return (openBlock(), createElementBlock("th", {
@@ -733,14 +813,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                       ])
                     ]))
-                  : (openBlock(), createElementBlock("div", _hoisted_26, [
+                  : (openBlock(), createElementBlock("div", _hoisted_27, [
                       (!$options.hasBodyGrid)
-                        ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                        ? (openBlock(), createElementBlock("div", _hoisted_28, [
                             renderSlot(_ctx.$slots, "default")
                           ]))
                         : createCommentVNode("v-if", true),
                       (_ctx.$slots.sections)
-                        ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                        ? (openBlock(), createElementBlock("div", _hoisted_29, [
                             renderSlot(_ctx.$slots, "sections")
                           ]))
                         : createCommentVNode("v-if", true)
@@ -755,9 +835,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 8 /* PROPS */, ["sections", "context"]))
                   : createCommentVNode("v-if", true),
                 (($props.relatedCollections && $props.relatedCollections.length > 0) || ($props.relationLinks && $props.relationLinks.length > 0))
-                  ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_30, [
                       ($props.relationLinks && $props.relationLinks.length > 0)
-                        ? (openBlock(), createElementBlock("div", _hoisted_30, [
+                        ? (openBlock(), createElementBlock("div", _hoisted_31, [
                             (openBlock(true), createElementBlock(Fragment, null, renderList($props.relationLinks, (link, li) => {
                               return (openBlock(), createBlock(_component_NcButton, {
                                 key: li,
@@ -804,14 +884,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 8 /* PROPS */, ["sections", "context"]))
                   : createCommentVNode("v-if", true),
                 (_ctx.$slots.footer)
-                  ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_32, [
                       renderSlot(_ctx.$slots, "footer")
                     ]))
                   : createCommentVNode("v-if", true)
               ])),
     ($options.showsSideColumn)
       ? (openBlock(), createElementBlock("aside", {
-          key: 10,
+          key: 11,
           class: "cn-detail-page__side",
           "aria-label": $options.sideColumnLabel,
           "data-testid": "cn-detail-page-side"
@@ -852,13 +932,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   onOpenIntegration: $options.onAutoBodyOpenIntegration
                 }, null, 8 /* PROPS */, ["widget", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration"])
               ])
-            ], 8 /* PROPS */, _hoisted_33))
+            ], 8 /* PROPS */, _hoisted_34))
           }), 128 /* KEYED_FRAGMENT */))
-        ], 8 /* PROPS */, _hoisted_32))
+        ], 8 /* PROPS */, _hoisted_33))
       : createCommentVNode("v-if", true),
     ($data.showWidgetConfig)
       ? (openBlock(), createBlock(_component_CnWidgetStyleEditorModal, {
-          key: 11,
+          key: 12,
           show: $data.showWidgetConfig,
           widget: $options.configWidget,
           deletable: true,
@@ -911,7 +991,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     ($data.activeRelationLink)
       ? (openBlock(), createBlock(_component_CnRelationLinkModal, {
-          key: 12,
+          key: 13,
           title: $data.activeRelationLink.title || undefined,
           selectLabel: $data.activeRelationLink.selectLabel || undefined,
           register: $data.activeRelationLink.register,