@conduction/nextcloud-vue 2.111.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, normalizeProps, guardReactiveProps, 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" };
@@ -254,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),
@@ -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),