@conduction/nextcloud-vue 2.78.0 → 2.79.0

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

@@ -17,69 +17,75 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = {
   key: 1,
-  class: "cn-dashboard-page__description"
+  class: "cn-dashboard-page__description",
+  "data-testid": "cn-dashboard-page-subtitle"
 };
 const _hoisted_6 = { class: "cn-dashboard-page__header-actions" };
 const _hoisted_7 = {
+  key: 2,
+  class: "cn-dashboard-page__switch-row",
+  "data-testid": "cn-dashboard-page-switch-row"
+};
+const _hoisted_8 = {
   key: 0,
   class: "cn-dashboard-page__date-segmented",
   "data-testid": "cn-dashboard-page-date-segmented"
 };
-const _hoisted_8 = ["aria-label"];
-const _hoisted_9 = ["aria-pressed", "data-testid", "onClick"];
-const _hoisted_10 = {
-  key: 3,
+const _hoisted_9 = ["aria-label"];
+const _hoisted_10 = ["aria-pressed", "data-testid", "onClick"];
+const _hoisted_11 = {
+  key: 4,
   class: "cn-dashboard-page__page-filters",
   "data-testid": "cn-dashboard-page-page-filters"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 0,
   class: "cn-dashboard-page__page-filter-label"
 };
-const _hoisted_12 = {
-  key: 7,
-  class: "cn-dashboard-page__empty"
-};
 const _hoisted_13 = {
   key: 8,
+  class: "cn-dashboard-page__empty"
+};
+const _hoisted_14 = {
+  key: 9,
   class: "cn-dashboard-page__content"
 };
-const _hoisted_14 = ["data-testid"];
-const _hoisted_15 = { class: "cn-dashboard-page__unknown" };
-const _hoisted_16 = {
-  key: 10,
+const _hoisted_15 = ["data-testid"];
+const _hoisted_16 = { class: "cn-dashboard-page__unknown" };
+const _hoisted_17 = {
+  key: 11,
   class: "cn-dashboard-page__view-switch"
 };
-const _hoisted_17 = {
+const _hoisted_18 = {
   key: 0,
   class: "cn-dashboard-page__widget-edit"
 };
-const _hoisted_18 = {
+const _hoisted_19 = {
   class: "cn-dashboard-page__requires-app cn-requires-app cn-requires-app--compact",
   "data-testid": "cn-requires-app"
 };
-const _hoisted_19 = { class: "cn-requires-app__description" };
-const _hoisted_20 = ["title"];
-const _hoisted_21 = {
+const _hoisted_20 = { class: "cn-requires-app__description" };
+const _hoisted_21 = ["title"];
+const _hoisted_22 = {
   key: 1,
   class: "cn-dashboard-page__date-chip-preset-spacer"
 };
-const _hoisted_22 = ["title"];
-const _hoisted_23 = {
+const _hoisted_23 = ["title"];
+const _hoisted_24 = {
   key: 1,
   class: "cn-dashboard-page__date-chip-preset-spacer"
 };
-const _hoisted_24 = {
+const _hoisted_25 = {
   key: 2,
   class: "cn-dashboard-page__unknown"
 };
-const _hoisted_25 = ["title"];
-const _hoisted_26 = {
+const _hoisted_26 = ["title"];
+const _hoisted_27 = {
   key: 1,
   class: "cn-dashboard-page__date-chip-preset-spacer"
 };
-const _hoisted_27 = { class: "cn-dashboard-page__unknown" };
-const _hoisted_28 = ["id", "aria-label"];
+const _hoisted_28 = { class: "cn-dashboard-page__unknown" };
+const _hoisted_29 = ["id", "aria-label"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnSegmentedControl = resolveComponent("CnSegmentedControl");
@@ -90,6 +96,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Restore = resolveComponent("Restore");
   const _component_CnBuildiqEditButton = resolveComponent("CnBuildiqEditButton");
   const _component_CnActionsMenu = resolveComponent("CnActionsMenu");
+  const _component_CnWidgetIcon = resolveComponent("CnWidgetIcon");
   const _component_CalendarRange = resolveComponent("CalendarRange");
   const _component_NcActionInput = resolveComponent("NcActionInput");
   const _component_NcActions = resolveComponent("NcActions");
@@ -140,12 +147,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   renderSlot(_ctx.$slots, "title-meta")
                 ]))
               : createCommentVNode("v-if", true),
-            ($props.description)
-              ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString($options.resolvedDescription), 1 /* TEXT */))
+            ($options.subtitleText)
+              ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString($options.subtitleText), 1 /* TEXT */))
               : createCommentVNode("v-if", true)
           ]),
           createElementVNode("div", _hoisted_6, [
-            (_ctx.showsPageViewSwitch)
+            (_ctx.showsPageViewSwitch && !$options.switchInRow)
               ? (openBlock(), createBlock(_component_CnSegmentedControl, {
                   key: 0,
                   class: "cn-page-view-switch",
@@ -212,39 +219,42 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             (!$options.isBoardLook)
               ? (openBlock(), createBlock(_component_CnBuildiqEditButton, { key: 4 }))
               : createCommentVNode("v-if", true),
-            createVNode(_component_CnActionsMenu, {
-              showRefresh: $props.showRefresh,
-              showRequestFeature: $props.showRequestFeature,
-              showReportBug: $props.showReportBug,
-              showDocumentation: $props.showDocumentation,
-              documentationUrl: $props.documentationUrl,
-              docsAnchor: $options.resolvedPageId,
-              documentationLabel: $props.documentationLabel,
-              refreshLabel: $props.refreshLabel,
-              requestFeatureLabel: $props.requestFeatureLabel,
-              actionsMenuLabel: $props.actionsMenuLabel,
-              refreshing: $props.refreshing,
-              widgetId: $options.resolvedPageId,
-              title: $props.title,
-              surface: `dashboard:${$options.resolvedPageId}`,
-              specRef: $props.specRef,
-              refreshChannel: "cn:page:refresh",
-              testidBase: "cn-dashboard-page",
-              onRefresh: $options.onActionsRefresh,
-              onRequestFeature: $options.onActionsRequestFeature
-            }, createSlots({ _: 2 /* DYNAMIC */ }, [
-              ($options.hasActionItemsSlot)
-                ? {
-                    name: "action-items",
-                    fn: withCtx(() => [
-                      renderSlot(_ctx.$slots, "action-items")
-                    ]),
-                    key: "0"
-                  }
-                : undefined
-            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["showRefresh", "showRequestFeature", "showReportBug", "showDocumentation", "documentationUrl", "docsAnchor", "documentationLabel", "refreshLabel", "requestFeatureLabel", "actionsMenuLabel", "refreshing", "widgetId", "title", "surface", "specRef", "onRefresh", "onRequestFeature"]),
+            ($props.showActionsMenu)
+              ? (openBlock(), createBlock(_component_CnActionsMenu, {
+                  key: 5,
+                  showRefresh: $props.showRefresh,
+                  showRequestFeature: $props.showRequestFeature,
+                  showReportBug: $props.showReportBug,
+                  showDocumentation: $props.showDocumentation,
+                  documentationUrl: $props.documentationUrl,
+                  docsAnchor: $options.resolvedPageId,
+                  documentationLabel: $props.documentationLabel,
+                  refreshLabel: $props.refreshLabel,
+                  requestFeatureLabel: $props.requestFeatureLabel,
+                  actionsMenuLabel: $props.actionsMenuLabel,
+                  refreshing: $props.refreshing,
+                  widgetId: $options.resolvedPageId,
+                  title: $props.title,
+                  surface: `dashboard:${$options.resolvedPageId}`,
+                  specRef: $props.specRef,
+                  refreshChannel: "cn:page:refresh",
+                  testidBase: "cn-dashboard-page",
+                  onRefresh: $options.onActionsRefresh,
+                  onRequestFeature: $options.onActionsRequestFeature
+                }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                  ($options.hasActionItemsSlot)
+                    ? {
+                        name: "action-items",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, "action-items")
+                        ]),
+                        key: "0"
+                      }
+                    : undefined
+                ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["showRefresh", "showRequestFeature", "showReportBug", "showDocumentation", "documentationUrl", "docsAnchor", "documentationLabel", "refreshLabel", "requestFeatureLabel", "actionsMenuLabel", "refreshing", "widgetId", "title", "surface", "specRef", "onRefresh", "onRequestFeature"]))
+              : createCommentVNode("v-if", true),
             ($options.isBoardLook)
-              ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+              ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
                   createVNode(_component_CnBuildiqEditButton),
                   ($props.headerActions && $props.headerActions.length)
                     ? (openBlock(), createBlock(_component_CnActionButtons, {
@@ -260,9 +270,47 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]))
       : createCommentVNode("v-if", true),
+    ($props.showHeader && ($options.switchInRow || $options.resolvedViewLinks.length > 0))
+      ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          ($options.switchInRow)
+            ? (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-dashboard-page-view-switch",
+                "onUpdate:modelValue": _ctx.selectView
+              }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "controls", "onUpdate:modelValue"]))
+            : createCommentVNode("v-if", true),
+          _cache[11] || (_cache[11] = createElementVNode("span", { class: "cn-dashboard-page__switch-row-spacer" }, null, -1 /* CACHED */)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.resolvedViewLinks, (link) => {
+            return (openBlock(), createBlock(resolveDynamicComponent(link.tag), mergeProps({
+              key: link.key
+            }, { ref_for: true }, link.attrs, {
+              class: "cn-dashboard-page__view-link",
+              "data-testid": "cn-dashboard-page-view-link"
+            }), {
+              default: withCtx(() => [
+                (link.icon)
+                  ? (openBlock(), createBlock(_component_CnWidgetIcon, {
+                      key: 0,
+                      name: link.icon,
+                      size: 14,
+                      class: "cn-dashboard-page__view-link-icon"
+                    }, null, 8 /* PROPS */, ["name"]))
+                  : createCommentVNode("v-if", true),
+                createTextVNode(" " + toDisplayString(link.label), 1 /* TEXT */)
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]))
+      : createCommentVNode("v-if", true),
     ($options.showHeaderDateRange)
       ? (openBlock(), createElementBlock("div", {
-          key: 2,
+          key: 3,
           class: normalizeClass(["cn-dashboard-page__date-range", {
 				'cn-dashboard-page__date-range--pills': $options.dateRangeControl === 'pills',
 				'cn-dashboard-page__date-range--segmented': $options.dateRangeControl === 'segmented',
@@ -270,7 +318,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "data-testid": "cn-dashboard-page-date-range"
         }, [
           ($options.dateRangeControl === 'segmented')
-            ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            ? (openBlock(), createElementBlock("div", _hoisted_8, [
                 createVNode(_component_CnSegmentedControl, {
                   size: "compact",
                   mode: "toggle",
@@ -326,7 +374,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       "aria-pressed": String(Boolean($data.currentRange && $data.currentRange.preset === preset.id)),
                       "data-testid": `cn-dashboard-page-date-pill-${preset.id}`,
                       onClick: $event => ($options.onPillPick(preset))
-                    }, toDisplayString(preset.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_9))
+                    }, toDisplayString(preset.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_10))
                   }), 128 /* KEYED_FRAGMENT */)),
                   ($options.hasCustomPreset)
                     ? (openBlock(), createBlock(_component_NcActions, {
@@ -360,7 +408,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         _: 1 /* STABLE */
                       }))
                     : createCommentVNode("v-if", true)
-                ], 8 /* PROPS */, _hoisted_8))
+                ], 8 /* PROPS */, _hoisted_9))
               : (openBlock(), createBlock(_component_CnDateRangePicker, {
                   key: 2,
                   value: $data.currentRange,
@@ -370,14 +418,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2 /* CLASS */))
       : createCommentVNode("v-if", true),
     ($props.pageFilters && $props.pageFilters.length)
-      ? (openBlock(), createElementBlock("div", _hoisted_10, [
+      ? (openBlock(), createElementBlock("div", _hoisted_11, [
           (openBlock(true), createElementBlock(Fragment, null, renderList($props.pageFilters, (pf) => {
             return (openBlock(), createElementBlock("label", {
               key: pf.key,
               class: "cn-dashboard-page__page-filter"
             }, [
               (pf.label)
-                ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(pf.label), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(pf.label), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               createVNode(_component_NcSelect, {
                 modelValue: $options.selectedPageFilterOption(pf),
@@ -394,7 +442,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($options.hasBodyWidgets)
       ? (openBlock(), createBlock(_component_CnBodySections, {
-          key: 4,
+          key: 5,
           sections: $props.bodyWidgets,
           context: $options.sectionContext,
           placement: "before-grid",
@@ -402,11 +450,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8 /* PROPS */, ["sections", "context"]))
       : createCommentVNode("v-if", true),
     ($props.loading)
-      ? (openBlock(), createBlock(_component_NcLoadingIcon, { key: 5 }))
+      ? (openBlock(), createBlock(_component_NcLoadingIcon, { key: 6 }))
       : (!$data.widgetConditionsSettled && !$options.gridEditable)
-        ? (openBlock(), createBlock(_component_NcLoadingIcon, { key: 6 }))
+        ? (openBlock(), createBlock(_component_NcLoadingIcon, { key: 7 }))
         : (!$options.hasWidgets && !$options.hasBodyWidgets && !_ctx.hasViews)
-          ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          ? (openBlock(), createElementBlock("div", _hoisted_13, [
               renderSlot(_ctx.$slots, "empty", {}, () => [
                 createVNode(_component_CnEmptyContent, { description: $props.emptyLabel }, {
                   icon: withCtx(() => [
@@ -417,7 +465,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             ]))
           : ($options.widgetRefItems.length > 0)
-            ? (openBlock(), createElementBlock("div", _hoisted_13, [
+            ? (openBlock(), createElementBlock("div", _hoisted_14, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList($options.widgetRefItems, (item, idx) => {
                   return (openBlock(), createBlock(_component_CnWidgetRefItem, {
                     key: item.ref + '-' + idx,
@@ -429,7 +477,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : createCommentVNode("v-if", true),
     ($options.gridSectionsShown && $options.kpiRowItems.length > 0)
       ? (openBlock(), createBlock(_component_CnKpiGrid, {
-          key: 9,
+          key: 10,
           columns: "auto",
           class: "cn-dashboard-page__kpi-row",
           "data-testid": "cn-dashboard-page-kpi-row"
@@ -496,18 +544,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           showRefresh: false
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_15, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
+                            createElementVNode("div", _hoisted_16, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
                           ]),
                           _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["title"]))
-              ], 8 /* PROPS */, _hoisted_14))
+              ], 8 /* PROPS */, _hoisted_15))
             }), 128 /* KEYED_FRAGMENT */))
           ]),
           _: 3 /* FORWARDED */
         }))
       : createCommentVNode("v-if", true),
     ($options.gridSectionsShown && !$props.showHeader && _ctx.showsPageViewSwitch)
-      ? (openBlock(), createElementBlock("div", _hoisted_16, [
+      ? (openBlock(), createElementBlock("div", _hoisted_17, [
           createVNode(_component_CnSegmentedControl, {
             class: "cn-page-view-switch",
             options: _ctx.viewSwitchOptions,
@@ -533,7 +581,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }), {
         widget: withCtx(({ item }) => [
           ($options.gridEditable)
-            ? (openBlock(), createElementBlock("div", _hoisted_17, [
+            ? (openBlock(), createElementBlock("div", _hoisted_18, [
                 createVNode(_component_NcButton, {
                   variant: "tertiary",
                   "aria-label": _ctx.t('nextcloud-vue', 'Configure widget'),
@@ -553,8 +601,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 showTitle: $options.widgetShowTitle(item)
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_18, [
-                    createElementVNode("p", _hoisted_19, toDisplayString(_ctx.t('nextcloud-vue', 'This widget shows data from another app that isn\'t installed yet.')), 1 /* TEXT */),
+                  createElementVNode("div", _hoisted_19, [
+                    createElementVNode("p", _hoisted_20, toDisplayString(_ctx.t('nextcloud-vue', 'This widget shows data from another app that isn\'t installed yet.')), 1 /* TEXT */),
                     createVNode(_component_NcButton, {
                       variant: "primary",
                       href: $options.appInstallUrl($options.missingRequiredApp(item))
@@ -647,7 +695,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 createElementVNode("span", {
                                   class: "cn-dashboard-page__date-chip",
                                   title: $data.dateChipTitle
-                                }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_20)
+                                }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_21)
                               ]),
                               default: withCtx(() => [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList($options.effectivePresets, (preset) => {
@@ -662,7 +710,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             key: 0,
                                             size: 16
                                           }))
-                                        : (openBlock(), createElementBlock("span", _hoisted_21))
+                                        : (openBlock(), createElementBlock("span", _hoisted_22))
                                     ]),
                                     default: withCtx(() => [
                                       createTextVNode(" " + toDisplayString(preset.label), 1 /* TEXT */)
@@ -741,7 +789,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   createElementVNode("span", {
                                     class: "cn-dashboard-page__date-chip",
                                     title: $data.dateChipTitle
-                                  }, toDisplayString($options.formatChartDateRange(item) || $options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_22)
+                                  }, toDisplayString($options.formatChartDateRange(item) || $options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_23)
                                 ]),
                                 default: withCtx(() => [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.effectivePresets, (preset) => {
@@ -756,7 +804,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               key: 0,
                                               size: 16
                                             }))
-                                          : (openBlock(), createElementBlock("span", _hoisted_23))
+                                          : (openBlock(), createElementBlock("span", _hoisted_24))
                                       ]),
                                       default: withCtx(() => [
                                         createTextVNode(" " + toDisplayString(preset.label), 1 /* TEXT */)
@@ -850,7 +898,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     key: 1,
                                     ref_for: true
                                   }, $options.getIntegrationProps(item)), null, 16 /* FULL_PROPS */))
-                                : (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString($props.unavailableLabel), 1 /* TEXT */))
+                                : (openBlock(), createElementBlock("div", _hoisted_25, toDisplayString($props.unavailableLabel), 1 /* TEXT */))
                           ]),
                           _: 2 /* DYNAMIC */
                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["widgetId", "title", "iconUrl", "iconClass", "showTitle", "showActions", "borderless", "flush", "buttons", "headerLink", "styleConfig", "titleIconPosition", "titleIconColor", "titleIconVariant", "showRefresh", "documentationUrl", "docsAnchor", "onRefresh", "onRequestFeature"]))
@@ -926,7 +974,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           createElementVNode("span", {
                                             class: "cn-dashboard-page__date-chip",
                                             title: $data.dateChipTitle
-                                          }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_25)
+                                          }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_26)
                                         ]),
                                         default: withCtx(() => [
                                           (openBlock(true), createElementBlock(Fragment, null, renderList($options.effectivePresets, (preset) => {
@@ -941,7 +989,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                       key: 0,
                                                       size: 16
                                                     }))
-                                                  : (openBlock(), createElementBlock("span", _hoisted_26))
+                                                  : (openBlock(), createElementBlock("span", _hoisted_27))
                                               ]),
                                               default: withCtx(() => [
                                                 createTextVNode(" " + toDisplayString(preset.label), 1 /* TEXT */)
@@ -979,7 +1027,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               showRefresh: false
                             }, {
                               default: withCtx(() => [
-                                createElementVNode("div", _hoisted_27, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
+                                createElementVNode("div", _hoisted_28, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
                               ]),
                               _: 1 /* STABLE */
                             }, 8 /* PROPS */, ["title", "showTitle"]))
@@ -989,7 +1037,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128 /* KEYED_FRAGMENT */)),
     ($options.gridSectionsShown && $options.viewIsEmpty)
       ? (openBlock(), createElementBlock("div", {
-          key: 11,
+          key: 12,
           id: _ctx.viewRegionId,
           role: "region",
           "aria-label": _ctx.activeView ? _ctx.activeView.label : null,
@@ -1002,11 +1050,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["description"])
-        ], 8 /* PROPS */, _hoisted_28))
+        ], 8 /* PROPS */, _hoisted_29))
       : createCommentVNode("v-if", true),
     ($options.hasBodyWidgets)
       ? (openBlock(), createBlock(_component_CnBodySections, {
-          key: 12,
+          key: 13,
           sections: $props.bodyWidgets,
           context: $options.sectionContext,
           placement: "after-grid",
@@ -1015,7 +1063,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($options.hasBodyWidgets)
       ? (openBlock(), createBlock(_component_CnBodySections, {
-          key: 13,
+          key: 14,
           sections: $options.endPlacementSections,
           context: $options.sectionContext,
           placement: null,
@@ -1024,7 +1072,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showWidgetConfig)
       ? (openBlock(), createBlock(_component_CnWidgetStyleEditorModal, {
-          key: 14,
+          key: 15,
           show: $data.showWidgetConfig,
           widget: $options.configWidget,
           deletable: true,