@conduction/nextcloud-vue 2.110.0 → 2.112.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock, renderSlot, createElementVNode, Fragment, renderList, resolveDynamicComponent, withCtx, createTextVNode, createVNode, createSlots, mergeProps } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock, renderSlot, createElementVNode, Fragment, renderList, createSlots, withCtx, createVNode, resolveDynamicComponent, createTextVNode, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
 
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "cn-detail-page__header-left" };
@@ -59,84 +59,93 @@ const _hoisted_15 = {
 };
 const _hoisted_16 = {
   key: 1,
+  class: "cn-detail-page__header-row3",
+  "data-testid": "cn-detail-page-header-row3"
+};
+const _hoisted_17 = {
+  class: "cn-detail-page__interactions",
+  "data-testid": "cn-detail-page-interactions"
+};
+const _hoisted_18 = {
+  key: 2,
   class: "cn-detail-page__header-widget",
   "data-testid": "cn-detail-page-header-widget"
 };
-const _hoisted_17 = {
+const _hoisted_19 = {
   key: 4,
   class: "cn-detail-page__lock-refusal",
   role: "alert",
   "data-testid": "cn-detail-page-lock-refusal"
 };
-const _hoisted_18 = {
+const _hoisted_20 = {
   key: 6,
   class: "cn-detail-page__not-found",
   "data-testid": "cn-detail-page-not-found"
 };
-const _hoisted_19 = {
+const _hoisted_21 = {
   key: 7,
   class: "cn-detail-page__loading"
 };
-const _hoisted_20 = {
+const _hoisted_22 = {
   key: 8,
   class: "cn-detail-page__error"
 };
-const _hoisted_21 = {
+const _hoisted_23 = {
   key: 9,
   class: "cn-detail-page__empty"
 };
-const _hoisted_22 = {
+const _hoisted_24 = {
   key: 10,
   class: "cn-detail-page__body"
 };
-const _hoisted_23 = {
+const _hoisted_25 = {
   key: 0,
   class: "cn-detail-page__before-body"
 };
-const _hoisted_24 = ["aria-labelledby"];
-const _hoisted_25 = {
+const _hoisted_26 = ["aria-labelledby"];
+const _hoisted_27 = {
   key: 0,
   class: "cn-detail-page__widget-edit"
 };
-const _hoisted_26 = ["id"];
-const _hoisted_27 = ["id", "aria-label"];
-const _hoisted_28 = {
+const _hoisted_28 = ["id"];
+const _hoisted_29 = ["id", "aria-label"];
+const _hoisted_30 = {
   key: 3,
   class: "cn-detail-page__stats"
 };
-const _hoisted_29 = {
+const _hoisted_31 = {
   key: 0,
   class: "cn-detail-page__section-title"
 };
-const _hoisted_30 = { class: "cn-detail-page__stats-table" };
-const _hoisted_31 = { key: 0 };
-const _hoisted_32 = {
+const _hoisted_32 = { class: "cn-detail-page__stats-table" };
+const _hoisted_33 = { key: 0 };
+const _hoisted_34 = {
   key: 4,
   class: "cn-detail-page__content"
 };
-const _hoisted_33 = {
+const _hoisted_35 = {
   key: 0,
   class: "cn-detail-page__content"
 };
-const _hoisted_34 = {
+const _hoisted_36 = {
   key: 1,
   class: "cn-detail-page__sections"
 };
-const _hoisted_35 = {
+const _hoisted_37 = {
   key: 6,
   class: "cn-detail-page__related-collections"
 };
-const _hoisted_36 = {
+const _hoisted_38 = {
   key: 0,
   class: "cn-detail-page__relation-links"
 };
-const _hoisted_37 = {
+const _hoisted_39 = {
   key: 9,
   class: "cn-detail-page__footer"
 };
-const _hoisted_38 = ["aria-label"];
-const _hoisted_39 = ["data-testid"];
-const _hoisted_40 = {
+const _hoisted_40 = ["aria-label"];
+const _hoisted_41 = ["data-testid"];
+const _hoisted_42 = {
   key: 0,
   class: "cn-detail-page__side-identifier",
   "data-testid": "cn-detail-page-side-identifier"
@@ -245,7 +254,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           colorMap: pill.colorMap,
                           variant: pill.variant,
                           "data-testid": `cn-detail-page-pill-${pill.key}`
-                        }, null, 8 /* PROPS */, ["label", "colorKey", "colorMap", "variant", "data-testid"]))
+                        }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                          (pill.icon)
+                            ? {
+                                name: "icon",
+                                fn: withCtx(() => [
+                                  createVNode(_component_CnIcon, {
+                                    name: pill.icon,
+                                    size: 14,
+                                    class: "cn-detail-page__pill-icon"
+                                  }, null, 8 /* PROPS */, ["name"])
+                                ]),
+                                key: "0"
+                              }
+                            : undefined
+                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "colorKey", "colorMap", "variant", "data-testid"]))
                       }), 128 /* KEYED_FRAGMENT */))
                     ]))
                   : createCommentVNode("v-if", true),
@@ -266,18 +289,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             _: 1 /* STABLE */
                           }, 8 /* PROPS */, ["title"]))
                         : createCommentVNode("v-if", true),
-                      ($options.showFollowToggle)
+                      ($options.showFollowToggle && !$options.isBoard)
                         ? (openBlock(), createElementBlock("span", _hoisted_7, [
-                            createVNode(_component_CnFollowToggle, {
-                              register: $props.register,
-                              schema: $props.schema,
-                              objectId: String($props.objectId),
-                              watching: $options.resolvedSelf.watching === true,
-                              notify: typeof $options.resolvedSelf.watchNotify === 'boolean' ? $options.resolvedSelf.watchNotify : null,
-                              watcherCount: typeof $options.resolvedSelf.watcherCount === 'number' ? $options.resolvedSelf.watcherCount : null,
-                              canManage: !!($options.resolvedSelf.can && $options.resolvedSelf.can.manage === true),
-                              notifies: $props.followNotifies
-                            }, null, 8 /* PROPS */, ["register", "schema", "objectId", "watching", "notify", "watcherCount", "canManage", "notifies"])
+                            createVNode(_component_CnFollowToggle, normalizeProps(guardReactiveProps($options.followToggleProps)), null, 16 /* FULL_PROPS */)
                           ]))
                         : createCommentVNode("v-if", true)
                     ]))
@@ -658,7 +672,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           colorMap: pill.colorMap,
                           variant: pill.variant,
                           "data-testid": `cn-detail-page-pill-${pill.key}`
-                        }, null, 8 /* PROPS */, ["label", "colorKey", "colorMap", "variant", "data-testid"]))
+                        }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                          (pill.icon)
+                            ? {
+                                name: "icon",
+                                fn: withCtx(() => [
+                                  createVNode(_component_CnIcon, {
+                                    name: pill.icon,
+                                    size: 14,
+                                    class: "cn-detail-page__pill-icon"
+                                  }, null, 8 /* PROPS */, ["name"])
+                                ]),
+                                key: "0"
+                              }
+                            : undefined
+                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "colorKey", "colorMap", "variant", "data-testid"]))
                       }), 128 /* KEYED_FRAGMENT */))
                     ]))
                   : createCommentVNode("v-if", true),
@@ -689,8 +717,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   : createCommentVNode("v-if", true)
               ]))
             : createCommentVNode("v-if", true),
-          ($options.headerWidgetDef !== null)
+          ($options.isBoard && $options.showFollowToggle)
             ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                createElementVNode("span", _hoisted_17, [
+                  createVNode(_component_CnFollowToggle, normalizeProps(guardReactiveProps($options.followToggleProps)), null, 16 /* FULL_PROPS */)
+                ])
+              ]))
+            : createCommentVNode("v-if", true),
+          ($options.headerWidgetDef !== null)
+            ? (openBlock(), createElementBlock("div", _hoisted_18, [
                 renderSlot(_ctx.$slots, `widget-${$options.headerWidgetDef.id}`, {
                   item: { id: $options.headerWidgetDef.id, widgetId: $options.headerWidgetDef.id },
                   widget: $options.headerWidgetDef,
@@ -736,7 +771,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8 /* PROPS */, ["lockedBy", "lockedByMe", "expiresAt", "unlocking", "onUnlock"]))
       : createCommentVNode("v-if", true),
     ($data.editLockRefusal)
-      ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString($data.editLockRefusal), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_19, toDisplayString($data.editLockRefusal), 1 /* TEXT */))
       : createCommentVNode("v-if", true),
     ($options.showsNextStepCard)
       ? (openBlock(), createBlock(_component_CnNextStepCard, {
@@ -774,7 +809,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "items", "after"]))
       : createCommentVNode("v-if", true),
     ($data.objectNotFound)
-      ? (openBlock(), createElementBlock("div", _hoisted_18, [
+      ? (openBlock(), createElementBlock("div", _hoisted_20, [
           renderSlot(_ctx.$slots, "not-found", { target: $options.notFoundTarget }, () => [
             createVNode(_component_NcEmptyContent, {
               name: $options.notFoundLabels.name,
@@ -810,12 +845,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]))
       : ($options.showLoadingState)
-        ? (openBlock(), createElementBlock("div", _hoisted_19, [
+        ? (openBlock(), createElementBlock("div", _hoisted_21, [
             createVNode(_component_NcLoadingIcon, { size: 32 }),
             createElementVNode("span", null, toDisplayString($props.loadingLabel), 1 /* TEXT */)
           ]))
         : ($props.error)
-          ? (openBlock(), createElementBlock("div", _hoisted_20, [
+          ? (openBlock(), createElementBlock("div", _hoisted_22, [
               renderSlot(_ctx.$slots, "error", {}, () => [
                 createVNode(_component_NcEmptyContent, { name: $props.errorMessage }, {
                   icon: withCtx(() => [
@@ -844,7 +879,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             ]))
           : ($props.empty)
-            ? (openBlock(), createElementBlock("div", _hoisted_21, [
+            ? (openBlock(), createElementBlock("div", _hoisted_23, [
                 renderSlot(_ctx.$slots, "empty", {}, () => [
                   createVNode(_component_NcEmptyContent, { name: $props.emptyLabel }, {
                     icon: withCtx(() => [
@@ -857,9 +892,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   }, 8 /* PROPS */, ["name"])
                 ])
               ]))
-            : (openBlock(), createElementBlock("div", _hoisted_22, [
+            : (openBlock(), createElementBlock("div", _hoisted_24, [
                 (_ctx.$slots['before-body'] || _ctx.$slots['before-body'])
-                  ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_25, [
                       renderSlot(_ctx.$slots, "before-body", {
                         object: $options.resolvedObject,
                         schema: $options.currentSchema,
@@ -895,7 +930,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         "aria-labelledby": $options.showGridTitle(item) ? `widget-title-${item.id}` : undefined
                       }, [
                         ($options.showsCog(item))
-                          ? (openBlock(), createElementBlock("div", _hoisted_25, [
+                          ? (openBlock(), createElementBlock("div", _hoisted_27, [
                               createVNode(_component_NcButton, {
                                 variant: "tertiary",
                                 "aria-label": _ctx.t('nextcloud-vue', 'Configure widget'),
@@ -913,7 +948,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               key: 1,
                               id: `widget-title-${item.id}`,
                               class: "cn-detail-page__widget-title"
-                            }, toDisplayString($options.gridTitle(item)), 9 /* TEXT, PROPS */, _hoisted_26))
+                            }, toDisplayString($options.gridTitle(item)), 9 /* TEXT, PROPS */, _hoisted_28))
                           : createCommentVNode("v-if", true),
                         renderSlot(_ctx.$slots, `widget-${item.widgetId}`, {
                           item: item,
@@ -948,7 +983,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             onSelectObject: $options.onRelatedObjectSelect
                           }, null, 8 /* PROPS */, ["widget", "showCardTitle", "showActions", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration", "onSelectObject"])
                         ])
-                      ], 10 /* CLASS, PROPS */, _hoisted_24)
+                      ], 10 /* CLASS, PROPS */, _hoisted_26)
                     ]),
                     _: 3 /* FORWARDED */
                   }, 16 /* FULL_PROPS */, ["layout", "editable", "columnOpts", "onLayoutChange"]))
@@ -968,18 +1003,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ]),
                         _: 1 /* STABLE */
                       }, 8 /* PROPS */, ["description"])
-                    ], 8 /* PROPS */, _hoisted_27))
+                    ], 8 /* PROPS */, _hoisted_29))
                   : createCommentVNode("v-if", true),
                 ($options.hasStats)
-                  ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_30, [
                       renderSlot(_ctx.$slots, "stats-header", {}, () => [
                         ($props.statsTitle)
-                          ? (openBlock(), createElementBlock("h3", _hoisted_29, toDisplayString($options.resolvedStatsTitle), 1 /* TEXT */))
+                          ? (openBlock(), createElementBlock("h3", _hoisted_31, toDisplayString($options.resolvedStatsTitle), 1 /* TEXT */))
                           : createCommentVNode("v-if", true)
                       ]),
-                      createElementVNode("table", _hoisted_30, [
+                      createElementVNode("table", _hoisted_32, [
                         ($props.statsColumns.length > 0)
-                          ? (openBlock(), createElementBlock("thead", _hoisted_31, [
+                          ? (openBlock(), createElementBlock("thead", _hoisted_33, [
                               createElementVNode("tr", null, [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList($props.statsColumns, (col) => {
                                   return (openBlock(), createElementBlock("th", {
@@ -1010,14 +1045,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                       ])
                     ]))
-                  : (openBlock(), createElementBlock("div", _hoisted_32, [
+                  : (openBlock(), createElementBlock("div", _hoisted_34, [
                       (!$options.hasBodyGrid)
-                        ? (openBlock(), createElementBlock("div", _hoisted_33, [
+                        ? (openBlock(), createElementBlock("div", _hoisted_35, [
                             renderSlot(_ctx.$slots, "default")
                           ]))
                         : createCommentVNode("v-if", true),
                       (_ctx.$slots.sections)
-                        ? (openBlock(), createElementBlock("div", _hoisted_34, [
+                        ? (openBlock(), createElementBlock("div", _hoisted_36, [
                             renderSlot(_ctx.$slots, "sections")
                           ]))
                         : createCommentVNode("v-if", true)
@@ -1032,9 +1067,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_35, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_37, [
                       ($props.relationLinks && $props.relationLinks.length > 0)
-                        ? (openBlock(), createElementBlock("div", _hoisted_36, [
+                        ? (openBlock(), createElementBlock("div", _hoisted_38, [
                             (openBlock(true), createElementBlock(Fragment, null, renderList($props.relationLinks, (link, li) => {
                               return (openBlock(), createBlock(_component_NcButton, {
                                 key: li,
@@ -1081,7 +1116,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 8 /* PROPS */, ["sections", "context"]))
                   : createCommentVNode("v-if", true),
                 (_ctx.$slots.footer)
-                  ? (openBlock(), createElementBlock("div", _hoisted_37, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_39, [
                       renderSlot(_ctx.$slots, "footer")
                     ]))
                   : createCommentVNode("v-if", true)
@@ -1132,11 +1167,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 8 /* PROPS */, ["widget", "showActions", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration", "onSelectObject"])
               ]),
               ($options.isBoard && widget.id === $options.sideHistoryId && $options.identifierLine !== '')
-                ? (openBlock(), createElementBlock("p", _hoisted_40, toDisplayString($options.identifierLine), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("p", _hoisted_42, toDisplayString($options.identifierLine), 1 /* TEXT */))
                 : createCommentVNode("v-if", true)
-            ], 10 /* CLASS, PROPS */, _hoisted_39))
+            ], 10 /* CLASS, PROPS */, _hoisted_41))
           }), 128 /* KEYED_FRAGMENT */))
-        ], 8 /* PROPS */, _hoisted_38))
+        ], 8 /* PROPS */, _hoisted_40))
       : createCommentVNode("v-if", true),
     ($data.showWidgetConfig)
       ? (openBlock(), createBlock(_component_CnWidgetStyleEditorModal, {