@conduction/nextcloud-vue 2.111.0 → 2.112.0

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

@@ -1,10 +1,14 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, createVNode, resolveDynamicComponent, normalizeProps, mergeProps, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, resolveDynamicComponent, normalizeProps, mergeProps, createTextVNode } from 'vue';
 
 const _hoisted_1 = {
   key: 4,
   hidden: "",
   "data-testid": "cn-detail-widget-props-pending"
 };
+const _hoisted_2 = {
+  class: "cn-detail-page__catalog-count",
+  "data-testid": "cn-detail-widget-header-count"
+};
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnIcon = resolveComponent("CnIcon");
@@ -13,8 +17,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnObjectDataWidget = resolveComponent("CnObjectDataWidget");
   const _component_CnRelatedObjectsWidget = resolveComponent("CnRelatedObjectsWidget");
   const _component_CnObjectGeoWidget = resolveComponent("CnObjectGeoWidget");
-  const _component_CnLeafMountHost = resolveComponent("CnLeafMountHost");
   const _component_CnDetailWidgetHeaderItems = resolveComponent("CnDetailWidgetHeaderItems");
+  const _component_CnWidgetEmptyState = resolveComponent("CnWidgetEmptyState");
+  const _component_CnLeafMountHost = resolveComponent("CnLeafMountHost");
   const _component_Plus = resolveComponent("Plus");
   const _component_NcActionButton = resolveComponent("NcActionButton");
 
@@ -117,87 +122,88 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8 /* PROPS */, ["title", "objectId", "objectData", "register", "schema", "editable", "addressSearch", "basemap", "allowBasemapSwitch", "fitControl", "locateControl", "fullscreenControl", "height", "defaultZoom", "onSaved"]))
             : ($options.isIntegration && $options.widgetPropsPending)
               ? (openBlock(), createElementBlock("span", _hoisted_1))
-              : ($options.isMountIntegration)
-                ? (openBlock(), createBlock(_component_CnLeafMountHost, {
+              : ($options.wrapsMountLeaf)
+                ? (openBlock(), createBlock(_component_CnWidgetWrapper, {
                     key: 5,
-                    provider: $options.integrationProvider,
-                    mountProps: $options.integrationMountProps
-                  }, null, 8 /* PROPS */, ["provider", "mountProps"]))
-                : ($options.isIntegration && $options.integrationComponent)
-                  ? (openBlock(), createBlock(resolveDynamicComponent($options.integrationComponent), normalizeProps(mergeProps({ key: 6 }, $options.integrationProps)), null, 16 /* FULL_PROPS */))
-                  : ($options.renderer && $options.isContentOnly && !$options.isBare)
-                    ? (openBlock(), createBlock(_component_CnWidgetWrapper, {
-                        key: 7,
-                        title: $props.widget.title || '',
-                        titleIconPosition: "left",
-                        showActions: $options.actionsShown || $options.catalogAddEnabled,
-                        showRefresh: false,
-                        showRequestFeature: false,
-                        headerLink: $options.cardHeaderLink,
-                        class: "cn-detail-page__catalog-card"
-                      }, createSlots({
-                        default: withCtx(() => [
-                          (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({ ref: "renderer" }, $options.rendererProps, {
-                            onHeader: $options.onRendererHeader,
-                            onSelectObject: $options.onSelectObject
-                          }), null, 16 /* FULL_PROPS */, ["onHeader", "onSelectObject"]))
-                        ]),
-                        _: 2 /* DYNAMIC */
-                      }, [
-                        ($props.widget.icon)
-                          ? {
-                              name: "title-icon",
-                              fn: withCtx(() => [
-                                createVNode(_component_CnIcon, {
-                                  name: $props.widget.icon,
-                                  size: 20
-                                }, null, 8 /* PROPS */, ["name"])
-                              ]),
-                              key: "0"
-                            }
-                          : undefined,
-                        ($options.hasRendererHeaderItems)
-                          ? {
-                              name: "actions",
-                              fn: withCtx(() => [
-                                createVNode(_component_CnDetailWidgetHeaderItems, { header: $data.rendererHeader }, null, 8 /* PROPS */, ["header"])
-                              ]),
-                              key: "1"
-                            }
-                          : undefined,
-                        ($options.catalogAddEnabled)
-                          ? {
-                              name: "action-items",
-                              fn: withCtx(() => [
-                                createVNode(_component_NcActionButton, { onClick: $options.invokeCatalogAdd }, {
-                                  icon: withCtx(() => [
-                                    createVNode(_component_Plus, { size: 20 })
-                                  ]),
-                                  default: withCtx(() => [
-                                    createTextVNode(" " + toDisplayString($options.addLabel), 1 /* TEXT */)
-                                  ]),
-                                  _: 1 /* STABLE */
-                                }, 8 /* PROPS */, ["onClick"])
-                              ]),
-                              key: "2"
-                            }
-                          : undefined
-                      ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "showActions", "headerLink"]))
-                    : ($options.renderer && $options.isCard && !$options.isBare)
+                    title: $options.leafCardTitle,
+                    titleIconPosition: "left",
+                    showActions: false,
+                    showRefresh: false,
+                    showRequestFeature: false,
+                    headerLink: $options.cardHeaderLink,
+                    class: "cn-detail-page__leaf-card",
+                    "data-testid": "cn-detail-widget-leaf-card"
+                  }, createSlots({
+                    default: withCtx(() => [
+                      ($data.rendererHeader.empty)
+                        ? (openBlock(), createBlock(_component_CnWidgetEmptyState, {
+                            key: 0,
+                            name: $data.rendererHeader.empty.name,
+                            description: $data.rendererHeader.empty.description
+                          }, null, 8 /* PROPS */, ["name", "description"]))
+                        : createCommentVNode("v-if", true),
+                      createVNode(_component_CnLeafMountHost, {
+                        provider: $options.integrationProvider,
+                        mountProps: $options.integrationMountProps
+                      }, null, 8 /* PROPS */, ["provider", "mountProps"])
+                    ]),
+                    _: 2 /* DYNAMIC */
+                  }, [
+                    ($options.leafCardIcon)
+                      ? {
+                          name: "title-icon",
+                          fn: withCtx(() => [
+                            createVNode(_component_CnIcon, {
+                              name: $options.leafCardIcon,
+                              size: 20
+                            }, null, 8 /* PROPS */, ["name"])
+                          ]),
+                          key: "0"
+                        }
+                      : undefined,
+                    ($data.rendererHeader.count !== null)
+                      ? {
+                          name: "title-meta",
+                          fn: withCtx(() => [
+                            createElementVNode("span", _hoisted_2, toDisplayString($data.rendererHeader.count), 1 /* TEXT */)
+                          ]),
+                          key: "1"
+                        }
+                      : undefined,
+                    ($options.hasRendererHeaderItems)
+                      ? {
+                          name: "actions",
+                          fn: withCtx(() => [
+                            createVNode(_component_CnDetailWidgetHeaderItems, { header: $data.rendererHeader }, null, 8 /* PROPS */, ["header"])
+                          ]),
+                          key: "2"
+                        }
+                      : undefined
+                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "headerLink"]))
+                : ($options.isMountIntegration)
+                  ? (openBlock(), createBlock(_component_CnLeafMountHost, {
+                      key: 6,
+                      provider: $options.integrationProvider,
+                      mountProps: $options.integrationMountProps
+                    }, null, 8 /* PROPS */, ["provider", "mountProps"]))
+                  : ($options.isIntegration && $options.integrationComponent)
+                    ? (openBlock(), createBlock(resolveDynamicComponent($options.integrationComponent), normalizeProps(mergeProps({ key: 7 }, $options.integrationProps)), null, 16 /* FULL_PROPS */))
+                    : ($options.renderer && $options.isContentOnly && !$options.isBare)
                       ? (openBlock(), createBlock(_component_CnWidgetWrapper, {
                           key: 8,
-                          title: $props.widget.title || $options.content.title || '',
-                          showTitle: $options.effectiveShowCardTitle,
+                          title: $props.widget.title || '',
                           titleIconPosition: "left",
-                          flush: "",
-                          showActions: false,
+                          showActions: $options.actionsShown || $options.catalogAddEnabled,
                           showRefresh: false,
                           showRequestFeature: false,
                           headerLink: $options.cardHeaderLink,
-                          class: "cn-detail-page__card-fit"
+                          class: "cn-detail-page__catalog-card"
                         }, createSlots({
                           default: withCtx(() => [
-                            (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({ content: $options.content }, $options.declaredContent), null, 16 /* FULL_PROPS */, ["content"]))
+                            (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({ ref: "renderer" }, $options.rendererProps, {
+                              onHeader: $options.onRendererHeader,
+                              onSelectObject: $options.onSelectObject
+                            }), null, 16 /* FULL_PROPS */, ["onHeader", "onSelectObject"]))
                           ]),
                           _: 2 /* DYNAMIC */
                         }, [
@@ -212,26 +218,49 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 ]),
                                 key: "0"
                               }
+                            : undefined,
+                          ($options.hasRendererHeaderItems)
+                            ? {
+                                name: "actions",
+                                fn: withCtx(() => [
+                                  createVNode(_component_CnDetailWidgetHeaderItems, { header: $data.rendererHeader }, null, 8 /* PROPS */, ["header"])
+                                ]),
+                                key: "1"
+                              }
+                            : undefined,
+                          ($options.catalogAddEnabled)
+                            ? {
+                                name: "action-items",
+                                fn: withCtx(() => [
+                                  createVNode(_component_NcActionButton, { onClick: $options.invokeCatalogAdd }, {
+                                    icon: withCtx(() => [
+                                      createVNode(_component_Plus, { size: 20 })
+                                    ]),
+                                    default: withCtx(() => [
+                                      createTextVNode(" " + toDisplayString($options.addLabel), 1 /* TEXT */)
+                                    ]),
+                                    _: 1 /* STABLE */
+                                  }, 8 /* PROPS */, ["onClick"])
+                                ]),
+                                key: "2"
+                              }
                             : undefined
-                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "showTitle", "headerLink"]))
-                      : ($options.renderer && $options.wrapsConsumerWidget)
+                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "showActions", "headerLink"]))
+                      : ($options.renderer && $options.isCard && !$options.isBare)
                         ? (openBlock(), createBlock(_component_CnWidgetWrapper, {
                             key: 9,
-                            title: $props.widget.title || '',
+                            title: $props.widget.title || $options.content.title || '',
                             showTitle: $options.effectiveShowCardTitle,
                             titleIconPosition: "left",
+                            flush: "",
                             showActions: false,
                             showRefresh: false,
                             showRequestFeature: false,
                             headerLink: $options.cardHeaderLink,
-                            class: "cn-detail-page__consumer-card",
-                            "data-testid": "cn-detail-widget-consumer-card"
+                            class: "cn-detail-page__card-fit"
                           }, createSlots({
                             default: withCtx(() => [
-                              (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({ ref: "renderer" }, $options.rendererProps, {
-                                onHeader: $options.onRendererHeader,
-                                onSelectObject: $options.onSelectObject
-                              }), null, 16 /* FULL_PROPS */, ["onHeader", "onSelectObject"]))
+                              (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({ content: $options.content }, $options.declaredContent), null, 16 /* FULL_PROPS */, ["content"]))
                             ]),
                             _: 2 /* DYNAMIC */
                           }, [
@@ -246,23 +275,57 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   ]),
                                   key: "0"
                                 }
-                              : undefined,
-                            ($options.hasRendererHeaderItems)
-                              ? {
-                                  name: "actions",
-                                  fn: withCtx(() => [
-                                    createVNode(_component_CnDetailWidgetHeaderItems, { header: $data.rendererHeader }, null, 8 /* PROPS */, ["header"])
-                                  ]),
-                                  key: "1"
-                                }
                               : undefined
                           ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "showTitle", "headerLink"]))
-                        : ($options.renderer)
-                          ? (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({
+                        : ($options.renderer && $options.wrapsConsumerWidget)
+                          ? (openBlock(), createBlock(_component_CnWidgetWrapper, {
                               key: 10,
-                              ref: "renderer"
-                            }, $options.rendererProps, { onSelectObject: $options.onSelectObject }), null, 16 /* FULL_PROPS */, ["onSelectObject"]))
-                          : createCommentVNode("v-if", true)
+                              title: $props.widget.title || '',
+                              showTitle: $options.effectiveShowCardTitle,
+                              titleIconPosition: "left",
+                              showActions: false,
+                              showRefresh: false,
+                              showRequestFeature: false,
+                              headerLink: $options.cardHeaderLink,
+                              class: "cn-detail-page__consumer-card",
+                              "data-testid": "cn-detail-widget-consumer-card"
+                            }, createSlots({
+                              default: withCtx(() => [
+                                (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({ ref: "renderer" }, $options.rendererProps, {
+                                  onHeader: $options.onRendererHeader,
+                                  onSelectObject: $options.onSelectObject
+                                }), null, 16 /* FULL_PROPS */, ["onHeader", "onSelectObject"]))
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, [
+                              ($props.widget.icon)
+                                ? {
+                                    name: "title-icon",
+                                    fn: withCtx(() => [
+                                      createVNode(_component_CnIcon, {
+                                        name: $props.widget.icon,
+                                        size: 20
+                                      }, null, 8 /* PROPS */, ["name"])
+                                    ]),
+                                    key: "0"
+                                  }
+                                : undefined,
+                              ($options.hasRendererHeaderItems)
+                                ? {
+                                    name: "actions",
+                                    fn: withCtx(() => [
+                                      createVNode(_component_CnDetailWidgetHeaderItems, { header: $data.rendererHeader }, null, 8 /* PROPS */, ["header"])
+                                    ]),
+                                    key: "1"
+                                  }
+                                : undefined
+                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "showTitle", "headerLink"]))
+                          : ($options.renderer)
+                            ? (openBlock(), createBlock(resolveDynamicComponent($options.renderer), mergeProps({
+                                key: 11,
+                                ref: "renderer"
+                              }, $options.rendererProps, { onSelectObject: $options.onSelectObject }), null, 16 /* FULL_PROPS */, ["onSelectObject"]))
+                            : createCommentVNode("v-if", true)
   ], 2 /* CLASS */))
 }