@conduction/nextcloud-vue 2.96.0 → 2.98.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, mergeProps, Fragment, renderList, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeStyle, withModifiers } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, mergeProps, Fragment, renderList, createCommentVNode, createVNode, withModifiers, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeStyle } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -10,148 +10,154 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { key: 0 };
 const _hoisted_4 = {
-  key: 1,
-  class: "cn-cell-renderer__dash"
+  key: 2,
+  class: "cn-cell-renderer__actions",
+  "data-testid": "cn-cell-actions"
 };
 const _hoisted_5 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
 const _hoisted_6 = {
-  key: 0,
+  key: 1,
   class: "cn-cell-renderer__dash"
 };
 const _hoisted_7 = {
+  key: 0,
+  class: "cn-cell-renderer__dash"
+};
+const _hoisted_8 = {
   key: 1,
   class: "cn-cell-renderer__ref-labels",
   "data-testid": "cn-cell-ref-labels"
 };
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = ["href"];
-const _hoisted_10 = ["title"];
-const _hoisted_11 = {
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = ["href"];
+const _hoisted_11 = ["title"];
+const _hoisted_12 = {
   class: "cn-cell-renderer__avatar",
   "data-testid": "cn-cell-avatar-resolved"
 };
-const _hoisted_12 = { class: "cn-cell-renderer__avatar-text" };
-const _hoisted_13 = ["title"];
-const _hoisted_14 = {
+const _hoisted_13 = { class: "cn-cell-renderer__avatar-text" };
+const _hoisted_14 = ["title"];
+const _hoisted_15 = {
   key: 0,
   class: "cn-cell-renderer__avatar-secondary",
   "data-testid": "cn-cell-secondary"
 };
-const _hoisted_15 = {
+const _hoisted_16 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_16 = {
+const _hoisted_17 = {
   key: 0,
   class: "cn-cell-renderer__avatar"
 };
-const _hoisted_17 = {
+const _hoisted_18 = {
   key: 0,
   class: "cn-cell-renderer__avatar-picture",
   "aria-hidden": "true"
 };
-const _hoisted_18 = { class: "cn-cell-renderer__avatar-text" };
-const _hoisted_19 = ["title"];
-const _hoisted_20 = {
+const _hoisted_19 = { class: "cn-cell-renderer__avatar-text" };
+const _hoisted_20 = ["title"];
+const _hoisted_21 = {
   key: 0,
   class: "cn-cell-renderer__avatar-secondary",
   "data-testid": "cn-cell-secondary"
 };
-const _hoisted_21 = {
+const _hoisted_22 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_22 = ["datetime", "title"];
-const _hoisted_23 = {
+const _hoisted_23 = ["datetime", "title"];
+const _hoisted_24 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_24 = ["datetime", "title"];
-const _hoisted_25 = {
+const _hoisted_25 = ["datetime", "title"];
+const _hoisted_26 = {
   key: 1,
   class: "cn-cell-renderer__date cn-cell-renderer__due--empty",
   "data-testid": "cn-cell-renderer-due"
 };
-const _hoisted_26 = ["datetime", "title"];
-const _hoisted_27 = { class: "cn-cell-renderer__date-tile" };
-const _hoisted_28 = { class: "cn-cell-renderer__date-day" };
-const _hoisted_29 = { class: "cn-cell-renderer__date-month" };
-const _hoisted_30 = { class: "cn-cell-renderer__date-lines" };
-const _hoisted_31 = { class: "cn-cell-renderer__date-weekday" };
-const _hoisted_32 = {
+const _hoisted_27 = ["datetime", "title"];
+const _hoisted_28 = { class: "cn-cell-renderer__date-tile" };
+const _hoisted_29 = { class: "cn-cell-renderer__date-day" };
+const _hoisted_30 = { class: "cn-cell-renderer__date-month" };
+const _hoisted_31 = { class: "cn-cell-renderer__date-lines" };
+const _hoisted_32 = { class: "cn-cell-renderer__date-weekday" };
+const _hoisted_33 = {
   key: 0,
   class: "cn-cell-renderer__date-time"
 };
-const _hoisted_33 = ["datetime", "title"];
-const _hoisted_34 = {
+const _hoisted_34 = ["datetime", "title"];
+const _hoisted_35 = {
   key: 3,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_35 = {
+const _hoisted_36 = {
   key: 0,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_36 = {
+const _hoisted_37 = {
   key: 1,
   class: "cn-cell-renderer__progress"
 };
-const _hoisted_37 = { class: "cn-cell-renderer__progress-line" };
-const _hoisted_38 = {
+const _hoisted_38 = { class: "cn-cell-renderer__progress-line" };
+const _hoisted_39 = {
   class: "cn-cell-renderer__progress-bar",
   "aria-hidden": "true"
 };
-const _hoisted_39 = {
-  key: 12,
+const _hoisted_40 = {
+  key: 13,
   class: "cn-cell-renderer__icon-label",
   "data-testid": "cn-cell-icon-label"
 };
-const _hoisted_40 = { key: 2 };
-const _hoisted_41 = {
+const _hoisted_41 = { key: 2 };
+const _hoisted_42 = {
   key: 3,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_42 = ["title"];
-const _hoisted_43 = {
-  key: 14,
+const _hoisted_43 = ["title"];
+const _hoisted_44 = {
+  key: 15,
   class: "cn-cell-renderer__swatch-wrap"
 };
-const _hoisted_44 = ["title"];
-const _hoisted_45 = {
+const _hoisted_45 = ["title"];
+const _hoisted_46 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_46 = ["title"];
-const _hoisted_47 = ["datetime", "title"];
-const _hoisted_48 = {
+const _hoisted_47 = ["title"];
+const _hoisted_48 = ["datetime", "title"];
+const _hoisted_49 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_49 = ["href"];
-const _hoisted_50 = ["title"];
-const _hoisted_51 = {
+const _hoisted_50 = ["href"];
+const _hoisted_51 = ["title"];
+const _hoisted_52 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_52 = {
+const _hoisted_53 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_53 = {
+const _hoisted_54 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_54 = {
+const _hoisted_55 = {
   key: 0,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_55 = ["title"];
 const _hoisted_56 = ["title"];
+const _hoisted_57 = ["title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnGroupNameCell = resolveComponent("CnGroupNameCell");
+  const _component_NcButton = resolveComponent("NcButton");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
   const _component_CnFkResolveCell = resolveComponent("CnFkResolveCell");
   const _component_router_link = resolveComponent("router-link");
@@ -187,358 +193,376 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   }), 128 /* KEYED_FRAGMENT */))
                 ]))
           ], 64 /* STABLE_FRAGMENT */))
-        : ($props.widget === 'badge')
-          ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              ($options.hasValue)
-                ? (openBlock(), createBlock(_component_CnStatusBadge, {
-                    key: 0,
-                    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 === 'fkResolve')
+        : ($props.widget === 'actions')
+          ? (openBlock(), createElementBlock("span", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($options.actionItems, (item) => {
+                return (openBlock(), createBlock(_component_NcButton, {
+                  key: item.key,
+                  variant: item.variant,
+                  size: "small",
+                  disabled: item.disabled,
+                  "data-testid": `cn-cell-action-${item.key}`,
+                  onClick: withModifiers($event => ($options.runAction(item)), ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.label), 1 /* TEXT */)
+                  ]),
+                  _: 2 /* DYNAMIC */
+                }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "disabled", "data-testid", "onClick"]))
+              }), 128 /* KEYED_FRAGMENT */))
+            ]))
+          : ($props.widget === 'badge')
             ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                 ($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"]))
+                      label: $options.labelledValue,
+                      variant: $options.badgeVariant,
+                      colorMap: $options.badgeColorMap,
+                      colorKey: $options.badgeColorKey
+                    }, null, 8 /* PROPS */, ["label", "variant", "colorMap", "colorKey"]))
                   : (openBlock(), createElementBlock("span", _hoisted_5, "—"))
               ], 64 /* STABLE_FRAGMENT */))
-            : ($props.widget === 'refLabel')
+            : ($props.widget === 'fkResolve')
               ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-                  (!$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 */))
-                      ]))
+                  ($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_6, "—"))
                 ], 64 /* STABLE_FRAGMENT */))
-              : ($props.widget === 'link')
+              : ($props.widget === 'refLabel')
                 ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-                    ($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))
+                    (!$options.refLabelItems.length)
+                      ? (openBlock(), createElementBlock("span", _hoisted_7, "—"))
+                      : (openBlock(), createElementBlock("span", _hoisted_8, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList($options.refLabelItems, (item, i) => {
+                            return (openBlock(), createElementBlock(Fragment, {
+                              key: item.id
+                            }, [
+                              (i > 0)
+                                ? (openBlock(), createElementBlock("span", _hoisted_9, ", "))
+                                : 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' && $options.avatarResolve)
+                : ($props.widget === 'link')
                   ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
-                      ($options.hasValue && typeof $props.value !== 'object')
-                        ? (openBlock(), createBlock(_component_CnFkResolveCell, {
+                      ($options.linkRoute)
+                        ? (openBlock(), createBlock(_component_router_link, {
                             key: 0,
-                            value: $props.value,
-                            register: $options.avatarResolve.register,
-                            schema: $options.avatarResolve.schema,
-                            labelField: $options.avatarResolve.labelField || 'name'
+                            to: $options.linkRoute,
+                            class: "cn-cell-renderer__link"
                           }, {
-                            default: withCtx(({ label, resolved }) => [
-                              createElementVNode("span", _hoisted_11, [
-                                createElementVNode("span", {
-                                  class: "cn-cell-renderer__avatar-initials",
-                                  style: normalizeStyle({ width: $options.avatarSize + 'px', height: $options.avatarSize + 'px' }),
-                                  "aria-hidden": "true"
-                                }, toDisplayString(resolved ? $options.initialsOf(label) : ''), 5 /* TEXT, STYLE */),
-                                createElementVNode("span", _hoisted_12, [
-                                  createElementVNode("span", {
-                                    class: "cn-cell-renderer__avatar-name",
-                                    title: label
-                                  }, toDisplayString(label), 9 /* TEXT, PROPS */, _hoisted_13),
-                                  ($props.secondary)
-                                    ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString($props.secondary), 1 /* TEXT */))
-                                    : createCommentVNode("v-if", true)
-                                ])
-                              ])
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString($options.labelledValue), 1 /* TEXT */)
                             ]),
                             _: 1 /* STABLE */
-                          }, 8 /* PROPS */, ["value", "register", "schema", "labelField"]))
-                        : (openBlock(), createElementBlock("span", _hoisted_15, "—"))
+                          }, 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_10))
+                          : (openBlock(), createElementBlock("span", {
+                              key: 2,
+                              title: $options.rawTitle
+                            }, toDisplayString($options.labelledValue), 9 /* TEXT, PROPS */, _hoisted_11))
                     ], 64 /* STABLE_FRAGMENT */))
-                  : ($props.widget === 'avatar')
+                  : ($props.widget === 'avatar' && $options.avatarResolve)
                     ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
-                        ($options.avatarName || $options.avatarUserId)
-                          ? (openBlock(), createElementBlock("span", _hoisted_16, [
-                              ($options.avatarUserId)
-                                ? (openBlock(), createElementBlock("span", _hoisted_17, [
-                                    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,
+                        ($options.hasValue && typeof $props.value !== 'object')
+                          ? (openBlock(), createBlock(_component_CnFkResolveCell, {
+                              key: 0,
+                              value: $props.value,
+                              register: $options.avatarResolve.register,
+                              schema: $options.avatarResolve.schema,
+                              labelField: $options.avatarResolve.labelField || 'name'
+                            }, {
+                              default: withCtx(({ label, resolved }) => [
+                                createElementVNode("span", _hoisted_12, [
+                                  createElementVNode("span", {
                                     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", _hoisted_18, [
-                                createElementVNode("span", {
-                                  class: "cn-cell-renderer__avatar-name",
-                                  title: $options.avatarName || $options.avatarUserId
-                                }, toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_19),
-                                ($props.secondary)
-                                  ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString($props.secondary), 1 /* TEXT */))
-                                  : createCommentVNode("v-if", true)
-                              ])
-                            ]))
-                          : (openBlock(), createElementBlock("span", _hoisted_21, "—"))
+                                  }, toDisplayString(resolved ? $options.initialsOf(label) : ''), 5 /* TEXT, STYLE */),
+                                  createElementVNode("span", _hoisted_13, [
+                                    createElementVNode("span", {
+                                      class: "cn-cell-renderer__avatar-name",
+                                      title: label
+                                    }, toDisplayString(label), 9 /* TEXT, PROPS */, _hoisted_14),
+                                    ($props.secondary)
+                                      ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString($props.secondary), 1 /* TEXT */))
+                                      : createCommentVNode("v-if", true)
+                                  ])
+                                ])
+                              ]),
+                              _: 1 /* STABLE */
+                            }, 8 /* PROPS */, ["value", "register", "schema", "labelField"]))
+                          : (openBlock(), createElementBlock("span", _hoisted_16, "—"))
                       ], 64 /* STABLE_FRAGMENT */))
-                    : ($props.widget === 'age')
+                    : ($props.widget === 'avatar')
                       ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
-                          ($options.dateTimestamp)
-                            ? (openBlock(), createElementBlock("time", {
-                                key: 0,
-                                class: normalizeClass(["cn-cell-renderer__age", $options.ageVariant ? 'cn-cell-renderer__age--' + $options.ageVariant : null]),
-                                datetime: $options.dateTimestamp.toISOString(),
-                                title: $options.absoluteDateLabel
-                              }, toDisplayString($options.ageLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_22))
-                            : (openBlock(), createElementBlock("span", _hoisted_23, "—"))
+                          ($options.avatarName || $options.avatarUserId)
+                            ? (openBlock(), createElementBlock("span", _hoisted_17, [
+                                ($options.avatarUserId)
+                                  ? (openBlock(), createElementBlock("span", _hoisted_18, [
+                                      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", _hoisted_19, [
+                                  createElementVNode("span", {
+                                    class: "cn-cell-renderer__avatar-name",
+                                    title: $options.avatarName || $options.avatarUserId
+                                  }, toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_20),
+                                  ($props.secondary)
+                                    ? (openBlock(), createElementBlock("span", _hoisted_21, toDisplayString($props.secondary), 1 /* TEXT */))
+                                    : createCommentVNode("v-if", true)
+                                ])
+                              ]))
+                            : (openBlock(), createElementBlock("span", _hoisted_22, "—"))
                         ], 64 /* STABLE_FRAGMENT */))
-                      : ($props.widget === 'date')
+                      : ($props.widget === 'age')
                         ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
-                            ($options.dueResult)
-                              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                  ($options.dateTimestamp)
-                                    ? (openBlock(), createElementBlock("time", {
-                                        key: 0,
-                                        class: normalizeClass(["cn-cell-renderer__date", $options.dueResult.tone === 'danger' ? 'cn-cell-renderer__date--error' : null]),
-                                        datetime: $options.dateTimestamp.toISOString(),
-                                        title: $options.absoluteDateLabel,
-                                        "data-testid": "cn-cell-renderer-due"
-                                      }, toDisplayString($options.dueResult.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_24))
-                                    : (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString($options.dueResult.text), 1 /* TEXT */))
-                                ], 64 /* STABLE_FRAGMENT */))
-                              : ($options.dateTimestamp && $options.dateBlock)
-                                ? (openBlock(), createElementBlock("time", {
-                                    key: 1,
-                                    class: "cn-cell-renderer__date-block",
-                                    datetime: $options.dateTimestamp.toISOString(),
-                                    title: $options.absoluteDateLabel,
-                                    "data-testid": "cn-cell-date-block"
-                                  }, [
-                                    createElementVNode("span", _hoisted_27, [
-                                      createElementVNode("strong", _hoisted_28, toDisplayString($options.dateBlock.day), 1 /* TEXT */),
-                                      createElementVNode("span", _hoisted_29, toDisplayString($options.dateBlock.month), 1 /* TEXT */)
-                                    ]),
-                                    createElementVNode("span", _hoisted_30, [
-                                      createElementVNode("span", _hoisted_31, toDisplayString($options.dateBlock.weekday), 1 /* TEXT */),
-                                      ($options.dateBlock.time)
-                                        ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString($options.dateBlock.time), 1 /* TEXT */))
-                                        : createCommentVNode("v-if", true)
-                                    ])
-                                  ], 8 /* PROPS */, _hoisted_26))
-                                : ($options.dateTimestamp)
-                                  ? (openBlock(), createElementBlock("time", {
-                                      key: 2,
-                                      class: normalizeClass(["cn-cell-renderer__date", $options.dateVariant ? 'cn-cell-renderer__date--' + $options.dateVariant : null]),
-                                      datetime: $options.dateTimestamp.toISOString(),
-                                      title: $options.isRelativeDate ? $options.absoluteDateLabel : $options.rawTitle
-                                    }, toDisplayString($options.dateLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_33))
-                                  : (openBlock(), createElementBlock("span", _hoisted_34, "—"))
+                            ($options.dateTimestamp)
+                              ? (openBlock(), createElementBlock("time", {
+                                  key: 0,
+                                  class: normalizeClass(["cn-cell-renderer__age", $options.ageVariant ? 'cn-cell-renderer__age--' + $options.ageVariant : null]),
+                                  datetime: $options.dateTimestamp.toISOString(),
+                                  title: $options.absoluteDateLabel
+                                }, toDisplayString($options.ageLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_23))
+                              : (openBlock(), createElementBlock("span", _hoisted_24, "—"))
                           ], 64 /* STABLE_FRAGMENT */))
-                        : ($props.widget === 'progress')
+                        : ($props.widget === 'date')
                           ? (openBlock(), createElementBlock(Fragment, { key: 10 }, [
-                              ($options.progressPercent === null)
-                                ? (openBlock(), createElementBlock("span", _hoisted_35, "—"))
-                                : (openBlock(), createElementBlock("span", _hoisted_36, [
-                                    createElementVNode("span", _hoisted_37, [
+                              ($options.dueResult)
+                                ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                    ($options.dateTimestamp)
+                                      ? (openBlock(), createElementBlock("time", {
+                                          key: 0,
+                                          class: normalizeClass(["cn-cell-renderer__date", $options.dueResult.tone === 'danger' ? 'cn-cell-renderer__date--error' : null]),
+                                          datetime: $options.dateTimestamp.toISOString(),
+                                          title: $options.absoluteDateLabel,
+                                          "data-testid": "cn-cell-renderer-due"
+                                        }, toDisplayString($options.dueResult.text), 11 /* TEXT, CLASS, PROPS */, _hoisted_25))
+                                      : (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString($options.dueResult.text), 1 /* TEXT */))
+                                  ], 64 /* STABLE_FRAGMENT */))
+                                : ($options.dateTimestamp && $options.dateBlock)
+                                  ? (openBlock(), createElementBlock("time", {
+                                      key: 1,
+                                      class: "cn-cell-renderer__date-block",
+                                      datetime: $options.dateTimestamp.toISOString(),
+                                      title: $options.absoluteDateLabel,
+                                      "data-testid": "cn-cell-date-block"
+                                    }, [
+                                      createElementVNode("span", _hoisted_28, [
+                                        createElementVNode("strong", _hoisted_29, toDisplayString($options.dateBlock.day), 1 /* TEXT */),
+                                        createElementVNode("span", _hoisted_30, toDisplayString($options.dateBlock.month), 1 /* TEXT */)
+                                      ]),
+                                      createElementVNode("span", _hoisted_31, [
+                                        createElementVNode("span", _hoisted_32, toDisplayString($options.dateBlock.weekday), 1 /* TEXT */),
+                                        ($options.dateBlock.time)
+                                          ? (openBlock(), createElementBlock("span", _hoisted_33, toDisplayString($options.dateBlock.time), 1 /* TEXT */))
+                                          : createCommentVNode("v-if", true)
+                                      ])
+                                    ], 8 /* PROPS */, _hoisted_27))
+                                  : ($options.dateTimestamp)
+                                    ? (openBlock(), createElementBlock("time", {
+                                        key: 2,
+                                        class: normalizeClass(["cn-cell-renderer__date", $options.dateVariant ? 'cn-cell-renderer__date--' + $options.dateVariant : null]),
+                                        datetime: $options.dateTimestamp.toISOString(),
+                                        title: $options.isRelativeDate ? $options.absoluteDateLabel : $options.rawTitle
+                                      }, toDisplayString($options.dateLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_34))
+                                    : (openBlock(), createElementBlock("span", _hoisted_35, "—"))
+                            ], 64 /* STABLE_FRAGMENT */))
+                          : ($props.widget === 'progress')
+                            ? (openBlock(), createElementBlock(Fragment, { key: 11 }, [
+                                ($options.progressPercent === null)
+                                  ? (openBlock(), createElementBlock("span", _hoisted_36, "—"))
+                                  : (openBlock(), createElementBlock("span", _hoisted_37, [
                                       createElementVNode("span", _hoisted_38, [
-                                        createElementVNode("span", {
-                                          class: normalizeClass(["cn-cell-renderer__progress-fill", 'cn-cell-renderer__progress-fill--' + $options.progressTone]),
-                                          style: normalizeStyle({ width: $options.progressPercent + '%' })
-                                        }, null, 6 /* CLASS, STYLE */)
+                                        createElementVNode("span", _hoisted_39, [
+                                          createElementVNode("span", {
+                                            class: normalizeClass(["cn-cell-renderer__progress-fill", 'cn-cell-renderer__progress-fill--' + $options.progressTone]),
+                                            style: normalizeStyle({ width: $options.progressPercent + '%' })
+                                          }, null, 6 /* CLASS, STYLE */)
+                                        ]),
+                                        createElementVNode("strong", {
+                                          class: normalizeClass(["cn-cell-renderer__progress-value", 'cn-cell-renderer__progress-value--' + $options.progressTone])
+                                        }, toDisplayString($options.progressPercent) + "%", 3 /* TEXT, CLASS */)
                                       ]),
-                                      createElementVNode("strong", {
-                                        class: normalizeClass(["cn-cell-renderer__progress-value", 'cn-cell-renderer__progress-value--' + $options.progressTone])
-                                      }, toDisplayString($options.progressPercent) + "%", 3 /* TEXT, CLASS */)
+                                      ($options.progressBadge)
+                                        ? (openBlock(), createElementBlock("span", {
+                                            key: 0,
+                                            class: normalizeClass(["cn-cell-renderer__progress-badge", 'cn-cell-renderer__progress-badge--' + $options.progressBadge.tone])
+                                          }, toDisplayString($options.progressBadge.label), 3 /* TEXT, CLASS */))
+                                        : createCommentVNode("v-if", true)
+                                    ]))
+                              ], 64 /* STABLE_FRAGMENT */))
+                            : ($props.widget === 'switch')
+                              ? (openBlock(), createElementBlock("span", {
+                                  key: 12,
+                                  class: "cn-cell-renderer__switch",
+                                  "data-testid": "cn-cell-switch",
+                                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+                                  onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+                                }, [
+                                  createVNode(_component_NcCheckboxRadioSwitch, {
+                                    type: "switch",
+                                    modelValue: $options.switchChecked,
+                                    disabled: $options.switchBusy || typeof ($props.widgetProps && $props.widgetProps.onToggle) !== 'function',
+                                    "onUpdate:modelValue": $options.onSwitchToggle
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString($options.hasValue ? $options.labelledValue : ''), 1 /* TEXT */)
                                     ]),
-                                    ($options.progressBadge)
-                                      ? (openBlock(), createElementBlock("span", {
+                                    _: 1 /* STABLE */
+                                  }, 8 /* PROPS */, ["modelValue", "disabled", "onUpdate:modelValue"])
+                                ], 32 /* NEED_HYDRATION */))
+                              : ($props.widget === 'iconLabel')
+                                ? (openBlock(), createElementBlock("span", _hoisted_40, [
+                                    (typeof $options.iconLabelIcon === 'string' && $options.iconLabelIcon)
+                                      ? (openBlock(), createBlock(_component_CnIcon, {
                                           key: 0,
-                                          class: normalizeClass(["cn-cell-renderer__progress-badge", 'cn-cell-renderer__progress-badge--' + $options.progressBadge.tone])
-                                        }, toDisplayString($options.progressBadge.label), 3 /* TEXT, CLASS */))
-                                      : createCommentVNode("v-if", true)
-                                  ]))
-                            ], 64 /* STABLE_FRAGMENT */))
-                          : ($props.widget === 'switch')
-                            ? (openBlock(), createElementBlock("span", {
-                                key: 11,
-                                class: "cn-cell-renderer__switch",
-                                "data-testid": "cn-cell-switch",
-                                onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
-                                onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-                              }, [
-                                createVNode(_component_NcCheckboxRadioSwitch, {
-                                  type: "switch",
-                                  modelValue: $options.switchChecked,
-                                  disabled: $options.switchBusy || typeof ($props.widgetProps && $props.widgetProps.onToggle) !== 'function',
-                                  "onUpdate:modelValue": $options.onSwitchToggle
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString($options.hasValue ? $options.labelledValue : ''), 1 /* TEXT */)
-                                  ]),
-                                  _: 1 /* STABLE */
-                                }, 8 /* PROPS */, ["modelValue", "disabled", "onUpdate:modelValue"])
-                              ], 32 /* NEED_HYDRATION */))
-                            : ($props.widget === 'iconLabel')
-                              ? (openBlock(), createElementBlock("span", _hoisted_39, [
-                                  (typeof $options.iconLabelIcon === 'string' && $options.iconLabelIcon)
-                                    ? (openBlock(), createBlock(_component_CnIcon, {
-                                        key: 0,
-                                        name: $options.iconLabelIcon,
-                                        size: 16,
-                                        "aria-hidden": "true"
-                                      }, null, 8 /* PROPS */, ["name"]))
-                                    : ($options.iconLabelIcon)
-                                      ? (openBlock(), createBlock(resolveDynamicComponent($options.iconLabelIcon), {
-                                          key: 1,
+                                          name: $options.iconLabelIcon,
                                           size: 16,
                                           "aria-hidden": "true"
-                                        }))
-                                      : createCommentVNode("v-if", true),
-                                  ($options.hasValue)
-                                    ? (openBlock(), createElementBlock("span", _hoisted_40, toDisplayString($options.labelledValue), 1 /* TEXT */))
-                                    : (openBlock(), createElementBlock("span", _hoisted_41, "—"))
-                                ]))
-                              : ($options.hasFormatter)
-                                ? (openBlock(), createElementBlock("span", {
-                                    key: 13,
-                                    title: $options.rawTitle
-                                  }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_42))
-                                : ($options.isSwatch)
-                                  ? (openBlock(), createElementBlock("span", _hoisted_43, [
-                                      ($options.swatchColor)
-                                        ? (openBlock(), createElementBlock("span", {
-                                            key: 0,
-                                            class: "cn-cell-renderer__swatch-dot",
-                                            style: normalizeStyle({ backgroundColor: $options.swatchColor }),
+                                        }, null, 8 /* PROPS */, ["name"]))
+                                      : ($options.iconLabelIcon)
+                                        ? (openBlock(), createBlock(resolveDynamicComponent($options.iconLabelIcon), {
+                                            key: 1,
+                                            size: 16,
                                             "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_44))
-                                        : (openBlock(), createElementBlock("span", _hoisted_45, "—"))
-                                    ]))
-                                  : ($options.hasBuiltinFormat)
-                                    ? (openBlock(), createElementBlock("span", {
-                                        key: 15,
-                                        title: $options.rawTitle,
-                                        class: "cn-cell-renderer--number"
-                                      }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_46))
-                                    : ($options.isDate)
-                                      ? (openBlock(), createElementBlock(Fragment, { key: 16 }, [
-                                          ($options.dateTimestamp && $options.isBoardLook)
-                                            ? (openBlock(), createElementBlock("time", {
-                                                key: 0,
-                                                class: "cn-cell-renderer__date",
-                                                datetime: $options.dateTimestamp.toISOString(),
-                                                title: $options.absoluteDateLabel
-                                              }, toDisplayString($options.boardDateLabel), 9 /* TEXT, PROPS */, _hoisted_47))
-                                            : ($options.dateTimestamp)
-                                              ? (openBlock(), createBlock(_component_NcDateTime, {
-                                                  key: 1,
-                                                  timestamp: $options.dateTimestamp
-                                                }, null, 8 /* PROPS */, ["timestamp"]))
-                                              : (openBlock(), createElementBlock("span", _hoisted_48, "—"))
-                                        ], 64 /* STABLE_FRAGMENT */))
-                                      : ($options.isUri)
+                                    ($options.hasValue)
+                                      ? (openBlock(), createElementBlock("span", _hoisted_41, toDisplayString($options.labelledValue), 1 /* TEXT */))
+                                      : (openBlock(), createElementBlock("span", _hoisted_42, "—"))
+                                  ]))
+                                : ($options.hasFormatter)
+                                  ? (openBlock(), createElementBlock("span", {
+                                      key: 14,
+                                      title: $options.rawTitle
+                                    }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_43))
+                                  : ($options.isSwatch)
+                                    ? (openBlock(), createElementBlock("span", _hoisted_44, [
+                                        ($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_45))
+                                          : (openBlock(), createElementBlock("span", _hoisted_46, "—"))
+                                      ]))
+                                    : ($options.hasBuiltinFormat)
+                                      ? (openBlock(), createElementBlock("span", {
+                                          key: 16,
+                                          title: $options.rawTitle,
+                                          class: "cn-cell-renderer--number"
+                                        }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_47))
+                                      : ($options.isDate)
                                         ? (openBlock(), createElementBlock(Fragment, { key: 17 }, [
-                                            ($options.uriHref)
-                                              ? (openBlock(), createElementBlock("a", {
+                                            ($options.dateTimestamp && $options.isBoardLook)
+                                              ? (openBlock(), createElementBlock("time", {
                                                   key: 0,
-                                                  href: $options.uriHref,
-                                                  target: "_blank",
-                                                  rel: "noopener",
-                                                  class: "cn-cell-renderer__link"
-                                                }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_49))
-                                              : ($options.hasValue)
-                                                ? (openBlock(), createElementBlock("span", {
+                                                  class: "cn-cell-renderer__date",
+                                                  datetime: $options.dateTimestamp.toISOString(),
+                                                  title: $options.absoluteDateLabel
+                                                }, toDisplayString($options.boardDateLabel), 9 /* TEXT, PROPS */, _hoisted_48))
+                                              : ($options.dateTimestamp)
+                                                ? (openBlock(), createBlock(_component_NcDateTime, {
                                                     key: 1,
-                                                    title: $options.rawTitle
-                                                  }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_50))
-                                                : (openBlock(), createElementBlock("span", _hoisted_51, "—"))
+                                                    timestamp: $options.dateTimestamp
+                                                  }, null, 8 /* PROPS */, ["timestamp"]))
+                                                : (openBlock(), createElementBlock("span", _hoisted_49, "—"))
                                           ], 64 /* STABLE_FRAGMENT */))
-                                        : ($options.propertyType === 'boolean')
+                                        : ($options.isUri)
                                           ? (openBlock(), createElementBlock(Fragment, { key: 18 }, [
-                                              ($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_52, "—"))
+                                                    href: $options.uriHref,
+                                                    target: "_blank",
+                                                    rel: "noopener",
+                                                    class: "cn-cell-renderer__link"
+                                                  }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_50))
+                                                : ($options.hasValue)
+                                                  ? (openBlock(), createElementBlock("span", {
+                                                      key: 1,
+                                                      title: $options.rawTitle
+                                                    }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_51))
+                                                  : (openBlock(), createElementBlock("span", _hoisted_52, "—"))
                                             ], 64 /* STABLE_FRAGMENT */))
-                                          : ($options.isEnum)
+                                          : ($options.propertyType === 'boolean')
                                             ? (openBlock(), createElementBlock(Fragment, { key: 19 }, [
                                                 ($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"]))
+                                                      size: 16,
+                                                      class: "cn-cell-renderer__icon cn-cell-renderer__icon--success"
+                                                    }))
                                                   : (openBlock(), createElementBlock("span", _hoisted_53, "—"))
                                               ], 64 /* STABLE_FRAGMENT */))
-                                            : ($options.propertyType === 'array')
+                                            : ($options.isEnum)
                                               ? (openBlock(), createElementBlock(Fragment, { key: 20 }, [
-                                                  (!$props.value || !$props.value.length)
-                                                    ? (openBlock(), createElementBlock("span", _hoisted_54, "—"))
-                                                    : (openBlock(), createElementBlock("span", {
-                                                        key: 1,
-                                                        title: Array.isArray($props.value) ? $props.value.join(', ') : ''
-                                                      }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_55))
+                                                  ($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_54, "—"))
                                                 ], 64 /* STABLE_FRAGMENT */))
-                                              : (openBlock(), createElementBlock("span", {
-                                                  key: 21,
-                                                  title: $options.rawTitle
-                                                }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_56))
+                                              : ($options.propertyType === 'array')
+                                                ? (openBlock(), createElementBlock(Fragment, { key: 21 }, [
+                                                    (!$props.value || !$props.value.length)
+                                                      ? (openBlock(), createElementBlock("span", _hoisted_55, "—"))
+                                                      : (openBlock(), createElementBlock("span", {
+                                                          key: 1,
+                                                          title: Array.isArray($props.value) ? $props.value.join(', ') : ''
+                                                        }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_56))
+                                                  ], 64 /* STABLE_FRAGMENT */))
+                                                : (openBlock(), createElementBlock("span", {
+                                                    key: 22,
+                                                    title: $options.rawTitle
+                                                  }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_57))
   ], 2 /* CLASS */))
 }