@conduction/nextcloud-vue 2.63.0 → 2.65.0

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 } 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 = {
+const _hoisted_8 = { class: "cn-detail-page__header-actions" };
+const _hoisted_9 = {
   key: 0,
   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 = {
@@ -108,6 +108,7 @@ const _hoisted_32 = ["aria-label"];
 const _hoisted_33 = ["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");
@@ -124,6 +125,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,7 +137,6 @@ 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_Plus = resolveComponent("Plus");
   const _component_CnRelatedCollections = resolveComponent("CnRelatedCollections");
@@ -157,15 +158,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 +190,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 +205,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 +224,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 +235,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_8, [
             ($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 +252,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,
@@ -466,12 +480,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 +531,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",
@@ -811,7 +858,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ])),
     ($options.showsSideColumn)
       ? (openBlock(), createElementBlock("aside", {
-          key: 10,
+          key: 11,
           class: "cn-detail-page__side",
           "aria-label": $options.sideColumnLabel,
           "data-testid": "cn-detail-page-side"
@@ -858,7 +905,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.showWidgetConfig)
       ? (openBlock(), createBlock(_component_CnWidgetStyleEditorModal, {
-          key: 11,
+          key: 12,
           show: $data.showWidgetConfig,
           widget: $options.configWidget,
           deletable: true,
@@ -911,7 +958,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,