@conduction/nextcloud-vue 2.79.0 → 2.81.0

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

@@ -38,12 +38,13 @@ const _hoisted_12 = {
   class: "cn-cell-renderer__avatar-picture",
   "aria-hidden": "true"
 };
-const _hoisted_13 = ["title"];
-const _hoisted_14 = {
-  key: 1,
-  class: "cn-cell-renderer__dash"
+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 = ["datetime", "title"];
 const _hoisted_16 = {
   key: 1,
   class: "cn-cell-renderer__dash"
@@ -53,42 +54,60 @@ const _hoisted_18 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_19 = ["title"];
+const _hoisted_19 = ["datetime", "title"];
 const _hoisted_20 = {
-  key: 10,
-  class: "cn-cell-renderer__swatch-wrap"
+  key: 1,
+  class: "cn-cell-renderer__dash"
+};
+const _hoisted_21 = {
+  key: 0,
+  class: "cn-cell-renderer__dash"
 };
-const _hoisted_21 = ["title"];
 const _hoisted_22 = {
+  key: 1,
+  class: "cn-cell-renderer__progress"
+};
+const _hoisted_23 = { class: "cn-cell-renderer__progress-line" };
+const _hoisted_24 = {
+  class: "cn-cell-renderer__progress-bar",
+  "aria-hidden": "true"
+};
+const _hoisted_25 = ["title"];
+const _hoisted_26 = {
+  key: 11,
+  class: "cn-cell-renderer__swatch-wrap"
+};
+const _hoisted_27 = ["title"];
+const _hoisted_28 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_23 = ["title"];
-const _hoisted_24 = ["datetime", "title"];
-const _hoisted_25 = {
+const _hoisted_29 = ["title"];
+const _hoisted_30 = ["datetime", "title"];
+const _hoisted_31 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_26 = ["href"];
-const _hoisted_27 = ["title"];
-const _hoisted_28 = {
+const _hoisted_32 = ["href"];
+const _hoisted_33 = ["title"];
+const _hoisted_34 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_29 = {
+const _hoisted_35 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_30 = {
+const _hoisted_36 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_31 = {
+const _hoisted_37 = {
   key: 0,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_32 = ["title"];
-const _hoisted_33 = ["title"];
+const _hoisted_38 = ["title"];
+const _hoisted_39 = ["title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnGroupNameCell = resolveComponent("CnGroupNameCell");
@@ -221,12 +240,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   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)
+                            createElementVNode("span", _hoisted_13, [
+                              createElementVNode("span", {
+                                class: "cn-cell-renderer__avatar-name",
+                                title: $options.avatarName || $options.avatarUserId
+                              }, toDisplayString($options.avatarName || $options.avatarUserId), 9 /* TEXT, PROPS */, _hoisted_14),
+                              ($props.secondary)
+                                ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString($props.secondary), 1 /* TEXT */))
+                                : createCommentVNode("v-if", true)
+                            ])
                           ]))
-                        : (openBlock(), createElementBlock("span", _hoisted_14, "—"))
+                        : (openBlock(), createElementBlock("span", _hoisted_16, "—"))
                     ], 64 /* STABLE_FRAGMENT */))
                   : ($props.widget === 'age')
                     ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
@@ -236,8 +260,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               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_15))
-                          : (openBlock(), createElementBlock("span", _hoisted_16, "—"))
+                            }, toDisplayString($options.ageLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_17))
+                          : (openBlock(), createElementBlock("span", _hoisted_18, "—"))
                       ], 64 /* STABLE_FRAGMENT */))
                     : ($props.widget === 'date')
                       ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
@@ -247,104 +271,128 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 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_17))
-                            : (openBlock(), createElementBlock("span", _hoisted_18, "—"))
+                              }, toDisplayString($options.dateLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_19))
+                            : (openBlock(), createElementBlock("span", _hoisted_20, "—"))
                         ], 64 /* STABLE_FRAGMENT */))
-                      : ($options.hasFormatter)
-                        ? (openBlock(), createElementBlock("span", {
-                            key: 9,
-                            title: $options.rawTitle
-                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_19))
-                        : ($options.isSwatch)
-                          ? (openBlock(), createElementBlock("span", _hoisted_20, [
-                              ($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_21))
-                                : (openBlock(), createElementBlock("span", _hoisted_22, "—"))
-                            ]))
-                          : ($options.hasBuiltinFormat)
-                            ? (openBlock(), createElementBlock("span", {
-                                key: 11,
-                                title: $options.rawTitle,
-                                class: "cn-cell-renderer--number"
-                              }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_23))
-                            : ($options.isDate)
-                              ? (openBlock(), createElementBlock(Fragment, { key: 12 }, [
-                                  ($options.dateTimestamp && $options.isBoardLook)
-                                    ? (openBlock(), createElementBlock("time", {
+                      : ($props.widget === 'progress')
+                        ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+                            ($options.progressPercent === null)
+                              ? (openBlock(), createElementBlock("span", _hoisted_21, "—"))
+                              : (openBlock(), createElementBlock("span", _hoisted_22, [
+                                  createElementVNode("span", _hoisted_23, [
+                                    createElementVNode("span", _hoisted_24, [
+                                      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 */)
+                                  ]),
+                                  ($options.progressBadge)
+                                    ? (openBlock(), createElementBlock("span", {
                                         key: 0,
-                                        class: "cn-cell-renderer__date",
-                                        datetime: $options.dateTimestamp.toISOString(),
-                                        title: $options.absoluteDateLabel
-                                      }, toDisplayString($options.boardDateLabel), 9 /* TEXT, PROPS */, _hoisted_24))
-                                    : ($options.dateTimestamp)
-                                      ? (openBlock(), createBlock(_component_NcDateTime, {
-                                          key: 1,
-                                          timestamp: $options.dateTimestamp
-                                        }, null, 8 /* PROPS */, ["timestamp"]))
-                                      : (openBlock(), createElementBlock("span", _hoisted_25, "—"))
-                                ], 64 /* STABLE_FRAGMENT */))
-                              : ($options.isUri)
+                                        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 */))
+                        : ($options.hasFormatter)
+                          ? (openBlock(), createElementBlock("span", {
+                              key: 10,
+                              title: $options.rawTitle
+                            }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_25))
+                          : ($options.isSwatch)
+                            ? (openBlock(), createElementBlock("span", _hoisted_26, [
+                                ($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_27))
+                                  : (openBlock(), createElementBlock("span", _hoisted_28, "—"))
+                              ]))
+                            : ($options.hasBuiltinFormat)
+                              ? (openBlock(), createElementBlock("span", {
+                                  key: 12,
+                                  title: $options.rawTitle,
+                                  class: "cn-cell-renderer--number"
+                                }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_29))
+                              : ($options.isDate)
                                 ? (openBlock(), createElementBlock(Fragment, { key: 13 }, [
-                                    ($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_26))
-                                      : ($options.hasValue)
-                                        ? (openBlock(), createElementBlock("span", {
+                                          class: "cn-cell-renderer__date",
+                                          datetime: $options.dateTimestamp.toISOString(),
+                                          title: $options.absoluteDateLabel
+                                        }, toDisplayString($options.boardDateLabel), 9 /* TEXT, PROPS */, _hoisted_30))
+                                      : ($options.dateTimestamp)
+                                        ? (openBlock(), createBlock(_component_NcDateTime, {
                                             key: 1,
-                                            title: $options.rawTitle
-                                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_27))
-                                        : (openBlock(), createElementBlock("span", _hoisted_28, "—"))
+                                            timestamp: $options.dateTimestamp
+                                          }, null, 8 /* PROPS */, ["timestamp"]))
+                                        : (openBlock(), createElementBlock("span", _hoisted_31, "—"))
                                   ], 64 /* STABLE_FRAGMENT */))
-                                : ($options.propertyType === 'boolean')
+                                : ($options.isUri)
                                   ? (openBlock(), createElementBlock(Fragment, { key: 14 }, [
-                                      ($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_29, "—"))
+                                            href: $options.uriHref,
+                                            target: "_blank",
+                                            rel: "noopener",
+                                            class: "cn-cell-renderer__link"
+                                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_32))
+                                        : ($options.hasValue)
+                                          ? (openBlock(), createElementBlock("span", {
+                                              key: 1,
+                                              title: $options.rawTitle
+                                            }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_33))
+                                          : (openBlock(), createElementBlock("span", _hoisted_34, "—"))
                                     ], 64 /* STABLE_FRAGMENT */))
-                                  : ($options.isEnum)
+                                  : ($options.propertyType === 'boolean')
                                     ? (openBlock(), createElementBlock(Fragment, { key: 15 }, [
                                         ($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_30, "—"))
+                                              size: 16,
+                                              class: "cn-cell-renderer__icon cn-cell-renderer__icon--success"
+                                            }))
+                                          : (openBlock(), createElementBlock("span", _hoisted_35, "—"))
                                       ], 64 /* STABLE_FRAGMENT */))
-                                    : ($options.propertyType === 'array')
+                                    : ($options.isEnum)
                                       ? (openBlock(), createElementBlock(Fragment, { key: 16 }, [
-                                          (!$props.value || !$props.value.length)
-                                            ? (openBlock(), createElementBlock("span", _hoisted_31, "—"))
-                                            : (openBlock(), createElementBlock("span", {
-                                                key: 1,
-                                                title: Array.isArray($props.value) ? $props.value.join(', ') : ''
-                                              }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_32))
+                                          ($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_36, "—"))
                                         ], 64 /* STABLE_FRAGMENT */))
-                                      : (openBlock(), createElementBlock("span", {
-                                          key: 17,
-                                          title: $options.rawTitle
-                                        }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_33))
+                                      : ($options.propertyType === 'array')
+                                        ? (openBlock(), createElementBlock(Fragment, { key: 17 }, [
+                                            (!$props.value || !$props.value.length)
+                                              ? (openBlock(), createElementBlock("span", _hoisted_37, "—"))
+                                              : (openBlock(), createElementBlock("span", {
+                                                  key: 1,
+                                                  title: Array.isArray($props.value) ? $props.value.join(', ') : ''
+                                                }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_38))
+                                          ], 64 /* STABLE_FRAGMENT */))
+                                        : (openBlock(), createElementBlock("span", {
+                                            key: 18,
+                                            title: $options.rawTitle
+                                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_39))
   ], 2 /* CLASS */))
 }