@conduction/nextcloud-vue 2.64.0 → 2.65.0

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

@@ -1,38 +1,38 @@
 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: 2,
-  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: 4,
   class: "cn-detail-page__lock-refusal",
@@ -125,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");
@@ -136,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");
@@ -163,18 +163,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           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"]))
+        }, 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, {
@@ -185,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,
@@ -201,14 +206,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ]))
                   : createCommentVNode("v-if", true),
                 ($options.typeEyebrow && $props.showTypeEyebrow)
-                  ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString($options.typeEyebrow), 1 /* TEXT */))
+                  ? (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)
@@ -219,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, {
@@ -230,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,
@@ -247,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,
@@ -475,8 +480,41 @@ 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, {