@conduction/nextcloud-vue 2.56.0-beta.26 → 2.56.0-beta.28

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

@@ -1,81 +1,91 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, mergeProps, Fragment, renderList, createCommentVNode, withCtx, createTextVNode, toDisplayString, createVNode, normalizeStyle, createElementVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, mergeProps, Fragment, renderList, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeStyle, createElementVNode } from 'vue';
 
 const _hoisted_1 = {
-  key: 1,
+  key: 0,
   class: "cn-cell-renderer__dash"
 };
 const _hoisted_2 = {
+  key: 1,
+  class: "cn-cell-renderer__groups"
+};
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
+  key: 1,
+  class: "cn-cell-renderer__dash"
+};
+const _hoisted_5 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_3 = {
+const _hoisted_6 = {
   key: 0,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_4 = {
+const _hoisted_7 = {
   key: 1,
   class: "cn-cell-renderer__ref-labels",
   "data-testid": "cn-cell-ref-labels"
 };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = ["href"];
-const _hoisted_7 = ["title"];
-const _hoisted_8 = {
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = ["href"];
+const _hoisted_10 = ["title"];
+const _hoisted_11 = {
   key: 0,
   class: "cn-cell-renderer__avatar"
 };
-const _hoisted_9 = {
+const _hoisted_12 = {
   key: 0,
   class: "cn-cell-renderer__avatar-picture",
   "aria-hidden": "true"
 };
-const _hoisted_10 = ["title"];
-const _hoisted_11 = {
+const _hoisted_13 = ["title"];
+const _hoisted_14 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_12 = ["datetime", "title"];
-const _hoisted_13 = {
+const _hoisted_15 = ["datetime", "title"];
+const _hoisted_16 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_14 = ["title"];
-const _hoisted_15 = {
-  key: 8,
+const _hoisted_17 = ["title"];
+const _hoisted_18 = {
+  key: 9,
   class: "cn-cell-renderer__swatch-wrap"
 };
-const _hoisted_16 = ["title"];
-const _hoisted_17 = {
+const _hoisted_19 = ["title"];
+const _hoisted_20 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_18 = ["title"];
-const _hoisted_19 = {
+const _hoisted_21 = ["title"];
+const _hoisted_22 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_20 = ["href"];
-const _hoisted_21 = ["title"];
-const _hoisted_22 = {
+const _hoisted_23 = ["href"];
+const _hoisted_24 = ["title"];
+const _hoisted_25 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_23 = {
+const _hoisted_26 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_24 = {
+const _hoisted_27 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_25 = {
+const _hoisted_28 = {
   key: 0,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_26 = ["title"];
-const _hoisted_27 = ["title"];
+const _hoisted_29 = ["title"];
+const _hoisted_30 = ["title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnGroupNameCell = resolveComponent("CnGroupNameCell");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_CnFkResolveCell = resolveComponent("CnFkResolveCell");
   const _component_router_link = resolveComponent("router-link");
@@ -94,207 +104,223 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           property: $props.property,
           formatted: $options.formattedValue
         }, $props.widgetProps), null, 16 /* FULL_PROPS */, ["value", "row", "property", "formatted"]))
-      : ($props.widget === 'badge')
+      : ($options.isGroupCell)
         ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            ($options.hasValue)
-              ? (openBlock(), createBlock(_component_CnStatusBadge, {
-                  key: 0,
-                  label: String($options.formattedValue),
-                  variant: $options.badgeVariant,
-                  colorMap: $options.badgeColorMap
-                }, null, 8 /* PROPS */, ["label", "variant", "colorMap"]))
-              : (openBlock(), createElementBlock("span", _hoisted_1, "—"))
+            (!$options.groupIds.length)
+              ? (openBlock(), createElementBlock("span", _hoisted_1, "—"))
+              : (openBlock(), createElementBlock("span", _hoisted_2, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.groupIds, (gid, i) => {
+                    return (openBlock(), createElementBlock(Fragment, { key: gid }, [
+                      (i > 0)
+                        ? (openBlock(), createElementBlock("span", _hoisted_3, ", "))
+                        : createCommentVNode("v-if", true),
+                      createVNode(_component_CnGroupNameCell, { gid: gid }, null, 8 /* PROPS */, ["gid"])
+                    ], 64 /* STABLE_FRAGMENT */))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ]))
           ], 64 /* STABLE_FRAGMENT */))
-        : ($props.widget === 'fkResolve')
+        : ($props.widget === 'badge')
           ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
               ($options.hasValue)
-                ? (openBlock(), createBlock(_component_CnFkResolveCell, {
+                ? (openBlock(), createBlock(_component_CnStatusBadge, {
                     key: 0,
-                    value: $props.value,
-                    register: ($props.widgetProps && $props.widgetProps.register) || '',
-                    schema: ($props.widgetProps && $props.widgetProps.schema) || '',
-                    labelField: ($props.widgetProps && $props.widgetProps.labelField) || 'name'
-                  }, null, 8 /* PROPS */, ["value", "register", "schema", "labelField"]))
-                : (openBlock(), createElementBlock("span", _hoisted_2, "—"))
+                    label: $options.labelledValue,
+                    variant: $options.badgeVariant,
+                    colorMap: $options.badgeColorMap,
+                    colorKey: $options.badgeColorKey
+                  }, null, 8 /* PROPS */, ["label", "variant", "colorMap", "colorKey"]))
+                : (openBlock(), createElementBlock("span", _hoisted_4, "—"))
             ], 64 /* STABLE_FRAGMENT */))
-          : ($props.widget === 'refLabel')
+          : ($props.widget === 'fkResolve')
             ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-                (!$options.refLabelItems.length)
-                  ? (openBlock(), createElementBlock("span", _hoisted_3, "—"))
-                  : (openBlock(), createElementBlock("span", _hoisted_4, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList($options.refLabelItems, (item, i) => {
-                        return (openBlock(), createElementBlock(Fragment, {
-                          key: item.id
-                        }, [
-                          (i > 0)
-                            ? (openBlock(), createElementBlock("span", _hoisted_5, ", "))
-                            : createCommentVNode("v-if", true),
-                          (openBlock(), createBlock(resolveDynamicComponent(item.to ? 'router-link' : 'span'), {
-                            to: item.to || undefined,
-                            class: normalizeClass([item.to ? 'cn-cell-renderer__link' : '', item.state === 'missing' ? 'cn-cell-renderer__mono' : '']),
-                            title: item.state === 'label' ? item.id : undefined
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(item.text), 1 /* TEXT */)
-                            ]),
-                            _: 2 /* DYNAMIC */
-                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to", "class", "title"]))
-                        ], 64 /* STABLE_FRAGMENT */))
-                      }), 128 /* KEYED_FRAGMENT */))
-                    ]))
+                ($options.hasValue)
+                  ? (openBlock(), createBlock(_component_CnFkResolveCell, {
+                      key: 0,
+                      value: $props.value,
+                      register: ($props.widgetProps && $props.widgetProps.register) || '',
+                      schema: ($props.widgetProps && $props.widgetProps.schema) || '',
+                      labelField: ($props.widgetProps && $props.widgetProps.labelField) || 'name'
+                    }, null, 8 /* PROPS */, ["value", "register", "schema", "labelField"]))
+                  : (openBlock(), createElementBlock("span", _hoisted_5, "—"))
               ], 64 /* STABLE_FRAGMENT */))
-            : ($props.widget === 'link')
+            : ($props.widget === 'refLabel')
               ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-                  ($options.linkRoute)
-                    ? (openBlock(), createBlock(_component_router_link, {
-                        key: 0,
-                        to: $options.linkRoute,
-                        class: "cn-cell-renderer__link"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString($options.formattedValue), 1 /* TEXT */)
-                        ]),
-                        _: 1 /* STABLE */
-                      }, 8 /* PROPS */, ["to"]))
-                    : ($options.linkHref)
-                      ? (openBlock(), createElementBlock("a", {
-                          key: 1,
-                          href: $options.linkHref,
-                          target: "_blank",
-                          rel: "noopener",
-                          class: "cn-cell-renderer__link"
-                        }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_6))
-                      : (openBlock(), createElementBlock("span", {
-                          key: 2,
-                          title: $options.rawTitle
-                        }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_7))
+                  (!$options.refLabelItems.length)
+                    ? (openBlock(), createElementBlock("span", _hoisted_6, "—"))
+                    : (openBlock(), createElementBlock("span", _hoisted_7, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($options.refLabelItems, (item, i) => {
+                          return (openBlock(), createElementBlock(Fragment, {
+                            key: item.id
+                          }, [
+                            (i > 0)
+                              ? (openBlock(), createElementBlock("span", _hoisted_8, ", "))
+                              : createCommentVNode("v-if", true),
+                            (openBlock(), createBlock(resolveDynamicComponent(item.to ? 'router-link' : 'span'), {
+                              to: item.to || undefined,
+                              class: normalizeClass([item.to ? 'cn-cell-renderer__link' : '', item.state === 'missing' ? 'cn-cell-renderer__mono' : '']),
+                              title: item.state === 'label' ? item.id : undefined
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(item.text), 1 /* TEXT */)
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to", "class", "title"]))
+                          ], 64 /* STABLE_FRAGMENT */))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ]))
                 ], 64 /* STABLE_FRAGMENT */))
-              : ($props.widget === 'avatar')
+              : ($props.widget === 'link')
                 ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-                    ($options.avatarName || $options.avatarUserId)
-                      ? (openBlock(), createElementBlock("span", _hoisted_8, [
-                          ($options.avatarUserId)
-                            ? (openBlock(), createElementBlock("span", _hoisted_9, [
-                                createVNode(_component_NcAvatar, {
-                                  user: $options.avatarUserId,
-                                  displayName: $options.avatarName || $options.avatarUserId,
-                                  size: $options.avatarSize,
-                                  disableMenu: true,
-                                  disableTooltip: true
-                                }, null, 8 /* PROPS */, ["user", "displayName", "size"])
-                              ]))
-                            : (openBlock(), createElementBlock("span", {
-                                key: 1,
-                                class: "cn-cell-renderer__avatar-initials",
-                                style: normalizeStyle({ width: $options.avatarSize + 'px', height: $options.avatarSize + 'px' }),
-                                "aria-hidden": "true"
-                              }, toDisplayString($options.avatarInitials), 5 /* TEXT, STYLE */)),
-                          createElementVNode("span", {
-                            class: "cn-cell-renderer__avatar-name",
-                            title: $options.avatarName || $options.avatarUserId
-                          }, toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_10)
-                        ]))
-                      : (openBlock(), createElementBlock("span", _hoisted_11, "—"))
+                    ($options.linkRoute)
+                      ? (openBlock(), createBlock(_component_router_link, {
+                          key: 0,
+                          to: $options.linkRoute,
+                          class: "cn-cell-renderer__link"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString($options.labelledValue), 1 /* TEXT */)
+                          ]),
+                          _: 1 /* STABLE */
+                        }, 8 /* PROPS */, ["to"]))
+                      : ($options.linkHref)
+                        ? (openBlock(), createElementBlock("a", {
+                            key: 1,
+                            href: $options.linkHref,
+                            target: "_blank",
+                            rel: "noopener",
+                            class: "cn-cell-renderer__link"
+                          }, toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_9))
+                        : (openBlock(), createElementBlock("span", {
+                            key: 2,
+                            title: $options.rawTitle
+                          }, toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_10))
                   ], 64 /* STABLE_FRAGMENT */))
-                : ($props.widget === 'date')
+                : ($props.widget === 'avatar')
                   ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
-                      ($options.dateTimestamp)
-                        ? (openBlock(), createElementBlock("time", {
-                            key: 0,
-                            class: normalizeClass(["cn-cell-renderer__date", $options.dateVariant ? 'cn-cell-renderer__date--' + $options.dateVariant : null]),
-                            datetime: $options.dateTimestamp.toISOString(),
-                            title: $options.rawTitle
-                          }, toDisplayString($options.dateLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_12))
-                        : (openBlock(), createElementBlock("span", _hoisted_13, "—"))
+                      ($options.avatarName || $options.avatarUserId)
+                        ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                            ($options.avatarUserId)
+                              ? (openBlock(), createElementBlock("span", _hoisted_12, [
+                                  createVNode(_component_NcAvatar, {
+                                    user: $options.avatarUserId,
+                                    displayName: $options.avatarName || $options.avatarUserId,
+                                    size: $options.avatarSize,
+                                    disableMenu: true,
+                                    disableTooltip: true
+                                  }, null, 8 /* PROPS */, ["user", "displayName", "size"])
+                                ]))
+                              : (openBlock(), createElementBlock("span", {
+                                  key: 1,
+                                  class: "cn-cell-renderer__avatar-initials",
+                                  style: normalizeStyle({ width: $options.avatarSize + 'px', height: $options.avatarSize + 'px' }),
+                                  "aria-hidden": "true"
+                                }, toDisplayString($options.avatarInitials), 5 /* TEXT, STYLE */)),
+                            createElementVNode("span", {
+                              class: "cn-cell-renderer__avatar-name",
+                              title: $options.avatarName || $options.avatarUserId
+                            }, toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_13)
+                          ]))
+                        : (openBlock(), createElementBlock("span", _hoisted_14, "—"))
                     ], 64 /* STABLE_FRAGMENT */))
-                  : ($options.hasFormatter)
-                    ? (openBlock(), createElementBlock("span", {
-                        key: 7,
-                        title: $options.rawTitle
-                      }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_14))
-                    : ($options.isSwatch)
-                      ? (openBlock(), createElementBlock("span", _hoisted_15, [
-                          ($options.swatchColor)
-                            ? (openBlock(), createElementBlock("span", {
-                                key: 0,
-                                class: "cn-cell-renderer__swatch-dot",
-                                style: normalizeStyle({ backgroundColor: $options.swatchColor }),
-                                "aria-hidden": "true"
-                              }, null, 4 /* STYLE */))
-                            : createCommentVNode("v-if", true),
-                          ($options.hasValue)
-                            ? (openBlock(), createElementBlock("span", {
-                                key: 1,
-                                title: $options.rawTitle
-                              }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_16))
-                            : (openBlock(), createElementBlock("span", _hoisted_17, "—"))
-                        ]))
-                      : ($options.hasBuiltinFormat)
-                        ? (openBlock(), createElementBlock("span", {
-                            key: 9,
-                            title: $options.rawTitle,
-                            class: "cn-cell-renderer--number"
-                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_18))
-                        : ($options.isDate)
-                          ? (openBlock(), createElementBlock(Fragment, { key: 10 }, [
-                              ($options.dateTimestamp)
-                                ? (openBlock(), createBlock(_component_NcDateTime, {
-                                    key: 0,
-                                    timestamp: $options.dateTimestamp
-                                  }, null, 8 /* PROPS */, ["timestamp"]))
-                                : (openBlock(), createElementBlock("span", _hoisted_19, "—"))
-                            ], 64 /* STABLE_FRAGMENT */))
-                          : ($options.isUri)
+                  : ($props.widget === 'date')
+                    ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
+                        ($options.dateTimestamp)
+                          ? (openBlock(), createElementBlock("time", {
+                              key: 0,
+                              class: normalizeClass(["cn-cell-renderer__date", $options.dateVariant ? 'cn-cell-renderer__date--' + $options.dateVariant : null]),
+                              datetime: $options.dateTimestamp.toISOString(),
+                              title: $options.rawTitle
+                            }, toDisplayString($options.dateLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_15))
+                          : (openBlock(), createElementBlock("span", _hoisted_16, "—"))
+                      ], 64 /* STABLE_FRAGMENT */))
+                    : ($options.hasFormatter)
+                      ? (openBlock(), createElementBlock("span", {
+                          key: 8,
+                          title: $options.rawTitle
+                        }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_17))
+                      : ($options.isSwatch)
+                        ? (openBlock(), createElementBlock("span", _hoisted_18, [
+                            ($options.swatchColor)
+                              ? (openBlock(), createElementBlock("span", {
+                                  key: 0,
+                                  class: "cn-cell-renderer__swatch-dot",
+                                  style: normalizeStyle({ backgroundColor: $options.swatchColor }),
+                                  "aria-hidden": "true"
+                                }, null, 4 /* STYLE */))
+                              : createCommentVNode("v-if", true),
+                            ($options.hasValue)
+                              ? (openBlock(), createElementBlock("span", {
+                                  key: 1,
+                                  title: $options.rawTitle
+                                }, toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_19))
+                              : (openBlock(), createElementBlock("span", _hoisted_20, "—"))
+                          ]))
+                        : ($options.hasBuiltinFormat)
+                          ? (openBlock(), createElementBlock("span", {
+                              key: 10,
+                              title: $options.rawTitle,
+                              class: "cn-cell-renderer--number"
+                            }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_21))
+                          : ($options.isDate)
                             ? (openBlock(), createElementBlock(Fragment, { key: 11 }, [
-                                ($options.uriHref)
-                                  ? (openBlock(), createElementBlock("a", {
+                                ($options.dateTimestamp)
+                                  ? (openBlock(), createBlock(_component_NcDateTime, {
                                       key: 0,
-                                      href: $options.uriHref,
-                                      target: "_blank",
-                                      rel: "noopener",
-                                      class: "cn-cell-renderer__link"
-                                    }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_20))
-                                  : ($options.hasValue)
-                                    ? (openBlock(), createElementBlock("span", {
-                                        key: 1,
-                                        title: $options.rawTitle
-                                      }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_21))
-                                    : (openBlock(), createElementBlock("span", _hoisted_22, "—"))
+                                      timestamp: $options.dateTimestamp
+                                    }, null, 8 /* PROPS */, ["timestamp"]))
+                                  : (openBlock(), createElementBlock("span", _hoisted_22, "—"))
                               ], 64 /* STABLE_FRAGMENT */))
-                            : ($options.propertyType === 'boolean')
+                            : ($options.isUri)
                               ? (openBlock(), createElementBlock(Fragment, { key: 12 }, [
-                                  ($props.value)
-                                    ? (openBlock(), createBlock(_component_CheckBold, {
+                                  ($options.uriHref)
+                                    ? (openBlock(), createElementBlock("a", {
                                         key: 0,
-                                        size: 16,
-                                        class: "cn-cell-renderer__icon cn-cell-renderer__icon--success"
-                                      }))
-                                    : (openBlock(), createElementBlock("span", _hoisted_23, "—"))
+                                        href: $options.uriHref,
+                                        target: "_blank",
+                                        rel: "noopener",
+                                        class: "cn-cell-renderer__link"
+                                      }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_23))
+                                    : ($options.hasValue)
+                                      ? (openBlock(), createElementBlock("span", {
+                                          key: 1,
+                                          title: $options.rawTitle
+                                        }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_24))
+                                      : (openBlock(), createElementBlock("span", _hoisted_25, "—"))
                                 ], 64 /* STABLE_FRAGMENT */))
-                              : ($options.isEnum)
+                              : ($options.propertyType === 'boolean')
                                 ? (openBlock(), createElementBlock(Fragment, { key: 13 }, [
                                     ($props.value)
-                                      ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                                      ? (openBlock(), createBlock(_component_CheckBold, {
                                           key: 0,
-                                          label: $options.enumLabel,
-                                          colorKey: String($props.value),
-                                          colorMap: $options.enumColorMap
-                                        }, null, 8 /* PROPS */, ["label", "colorKey", "colorMap"]))
-                                      : (openBlock(), createElementBlock("span", _hoisted_24, "—"))
+                                          size: 16,
+                                          class: "cn-cell-renderer__icon cn-cell-renderer__icon--success"
+                                        }))
+                                      : (openBlock(), createElementBlock("span", _hoisted_26, "—"))
                                   ], 64 /* STABLE_FRAGMENT */))
-                                : ($options.propertyType === 'array')
+                                : ($options.isEnum)
                                   ? (openBlock(), createElementBlock(Fragment, { key: 14 }, [
-                                      (!$props.value || !$props.value.length)
-                                        ? (openBlock(), createElementBlock("span", _hoisted_25, "—"))
-                                        : (openBlock(), createElementBlock("span", {
-                                            key: 1,
-                                            title: Array.isArray($props.value) ? $props.value.join(', ') : ''
-                                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_26))
+                                      ($props.value)
+                                        ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                                            key: 0,
+                                            label: $options.enumLabel,
+                                            colorKey: String($props.value),
+                                            colorMap: $options.enumColorMap
+                                          }, null, 8 /* PROPS */, ["label", "colorKey", "colorMap"]))
+                                        : (openBlock(), createElementBlock("span", _hoisted_27, "—"))
                                     ], 64 /* STABLE_FRAGMENT */))
-                                  : (openBlock(), createElementBlock("span", {
-                                      key: 15,
-                                      title: $options.rawTitle
-                                    }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_27))
+                                  : ($options.propertyType === 'array')
+                                    ? (openBlock(), createElementBlock(Fragment, { key: 15 }, [
+                                        (!$props.value || !$props.value.length)
+                                          ? (openBlock(), createElementBlock("span", _hoisted_28, "—"))
+                                          : (openBlock(), createElementBlock("span", {
+                                              key: 1,
+                                              title: Array.isArray($props.value) ? $props.value.join(', ') : ''
+                                            }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_29))
+                                      ], 64 /* STABLE_FRAGMENT */))
+                                    : (openBlock(), createElementBlock("span", {
+                                        key: 16,
+                                        title: $options.rawTitle
+                                      }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_30))
   ], 2 /* CLASS */))
 }