@conduction/nextcloud-vue 2.78.0 → 2.80.0

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

@@ -48,41 +48,60 @@ const _hoisted_16 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_17 = ["title"];
+const _hoisted_17 = ["datetime", "title"];
 const _hoisted_18 = {
-  key: 9,
-  class: "cn-cell-renderer__swatch-wrap"
+  key: 1,
+  class: "cn-cell-renderer__dash"
+};
+const _hoisted_19 = {
+  key: 0,
+  class: "cn-cell-renderer__dash"
 };
-const _hoisted_19 = ["title"];
 const _hoisted_20 = {
+  key: 1,
+  class: "cn-cell-renderer__progress"
+};
+const _hoisted_21 = { class: "cn-cell-renderer__progress-line" };
+const _hoisted_22 = {
+  class: "cn-cell-renderer__progress-bar",
+  "aria-hidden": "true"
+};
+const _hoisted_23 = ["title"];
+const _hoisted_24 = {
+  key: 11,
+  class: "cn-cell-renderer__swatch-wrap"
+};
+const _hoisted_25 = ["title"];
+const _hoisted_26 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_21 = ["title"];
-const _hoisted_22 = {
-  key: 1,
+const _hoisted_27 = ["title"];
+const _hoisted_28 = ["datetime", "title"];
+const _hoisted_29 = {
+  key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_23 = ["href"];
-const _hoisted_24 = ["title"];
-const _hoisted_25 = {
+const _hoisted_30 = ["href"];
+const _hoisted_31 = ["title"];
+const _hoisted_32 = {
   key: 2,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_26 = {
+const _hoisted_33 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_27 = {
+const _hoisted_34 = {
   key: 1,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_28 = {
+const _hoisted_35 = {
   key: 0,
   class: "cn-cell-renderer__dash"
 };
-const _hoisted_29 = ["title"];
-const _hoisted_30 = ["title"];
+const _hoisted_36 = ["title"];
+const _hoisted_37 = ["title"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnGroupNameCell = resolveComponent("CnGroupNameCell");
@@ -222,105 +241,147 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           ]))
                         : (openBlock(), createElementBlock("span", _hoisted_14, "—"))
                     ], 64 /* STABLE_FRAGMENT */))
-                  : ($props.widget === 'date')
+                  : ($props.widget === 'age')
                     ? (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]),
+                              class: normalizeClass(["cn-cell-renderer__age", $options.ageVariant ? 'cn-cell-renderer__age--' + $options.ageVariant : null]),
                               datetime: $options.dateTimestamp.toISOString(),
-                              title: $options.rawTitle
-                            }, toDisplayString($options.dateLabel), 11 /* TEXT, CLASS, PROPS */, _hoisted_15))
+                              title: $options.absoluteDateLabel
+                            }, toDisplayString($options.ageLabel), 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)
+                    : ($props.widget === 'date')
+                      ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
+                          ($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_17))
+                            : (openBlock(), createElementBlock("span", _hoisted_18, "—"))
+                        ], 64 /* STABLE_FRAGMENT */))
+                      : ($props.widget === 'progress')
+                        ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+                            ($options.progressPercent === null)
+                              ? (openBlock(), createElementBlock("span", _hoisted_19, "—"))
+                              : (openBlock(), createElementBlock("span", _hoisted_20, [
+                                  createElementVNode("span", _hoisted_21, [
+                                    createElementVNode("span", _hoisted_22, [
+                                      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: 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,
-                              class: "cn-cell-renderer--number"
-                            }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_21))
-                          : ($options.isDate)
-                            ? (openBlock(), createElementBlock(Fragment, { key: 11 }, [
-                                ($options.dateTimestamp)
-                                  ? (openBlock(), createBlock(_component_NcDateTime, {
+                              title: $options.rawTitle
+                            }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_23))
+                          : ($options.isSwatch)
+                            ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                                ($options.swatchColor)
+                                  ? (openBlock(), createElementBlock("span", {
                                       key: 0,
-                                      timestamp: $options.dateTimestamp
-                                    }, null, 8 /* PROPS */, ["timestamp"]))
-                                  : (openBlock(), createElementBlock("span", _hoisted_22, "—"))
-                              ], 64 /* STABLE_FRAGMENT */))
-                            : ($options.isUri)
-                              ? (openBlock(), createElementBlock(Fragment, { key: 12 }, [
-                                  ($options.uriHref)
-                                    ? (openBlock(), createElementBlock("a", {
-                                        key: 0,
-                                        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.propertyType === 'boolean')
+                                      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_25))
+                                  : (openBlock(), createElementBlock("span", _hoisted_26, "—"))
+                              ]))
+                            : ($options.hasBuiltinFormat)
+                              ? (openBlock(), createElementBlock("span", {
+                                  key: 12,
+                                  title: $options.rawTitle,
+                                  class: "cn-cell-renderer--number"
+                                }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_27))
+                              : ($options.isDate)
                                 ? (openBlock(), createElementBlock(Fragment, { key: 13 }, [
-                                    ($props.value)
-                                      ? (openBlock(), createBlock(_component_CheckBold, {
+                                    ($options.dateTimestamp && $options.isBoardLook)
+                                      ? (openBlock(), createElementBlock("time", {
                                           key: 0,
-                                          size: 16,
-                                          class: "cn-cell-renderer__icon cn-cell-renderer__icon--success"
-                                        }))
-                                      : (openBlock(), createElementBlock("span", _hoisted_26, "—"))
+                                          class: "cn-cell-renderer__date",
+                                          datetime: $options.dateTimestamp.toISOString(),
+                                          title: $options.absoluteDateLabel
+                                        }, toDisplayString($options.boardDateLabel), 9 /* TEXT, PROPS */, _hoisted_28))
+                                      : ($options.dateTimestamp)
+                                        ? (openBlock(), createBlock(_component_NcDateTime, {
+                                            key: 1,
+                                            timestamp: $options.dateTimestamp
+                                          }, null, 8 /* PROPS */, ["timestamp"]))
+                                        : (openBlock(), createElementBlock("span", _hoisted_29, "—"))
                                   ], 64 /* STABLE_FRAGMENT */))
-                                : ($options.isEnum)
+                                : ($options.isUri)
                                   ? (openBlock(), createElementBlock(Fragment, { key: 14 }, [
-                                      ($props.value)
-                                        ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                                      ($options.uriHref)
+                                        ? (openBlock(), createElementBlock("a", {
                                             key: 0,
-                                            label: $options.enumLabel,
-                                            colorKey: String($props.value),
-                                            colorMap: $options.enumColorMap
-                                          }, null, 8 /* PROPS */, ["label", "colorKey", "colorMap"]))
-                                        : (openBlock(), createElementBlock("span", _hoisted_27, "—"))
+                                            href: $options.uriHref,
+                                            target: "_blank",
+                                            rel: "noopener",
+                                            class: "cn-cell-renderer__link"
+                                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_30))
+                                        : ($options.hasValue)
+                                          ? (openBlock(), createElementBlock("span", {
+                                              key: 1,
+                                              title: $options.rawTitle
+                                            }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_31))
+                                          : (openBlock(), createElementBlock("span", _hoisted_32, "—"))
                                     ], 64 /* STABLE_FRAGMENT */))
-                                  : ($options.propertyType === 'array')
+                                  : ($options.propertyType === 'boolean')
                                     ? (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))
+                                        ($props.value)
+                                          ? (openBlock(), createBlock(_component_CheckBold, {
+                                              key: 0,
+                                              size: 16,
+                                              class: "cn-cell-renderer__icon cn-cell-renderer__icon--success"
+                                            }))
+                                          : (openBlock(), createElementBlock("span", _hoisted_33, "—"))
                                       ], 64 /* STABLE_FRAGMENT */))
-                                    : (openBlock(), createElementBlock("span", {
-                                        key: 16,
-                                        title: $options.rawTitle
-                                      }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_30))
+                                    : ($options.isEnum)
+                                      ? (openBlock(), createElementBlock(Fragment, { key: 16 }, [
+                                          ($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_34, "—"))
+                                        ], 64 /* STABLE_FRAGMENT */))
+                                      : ($options.propertyType === 'array')
+                                        ? (openBlock(), createElementBlock(Fragment, { key: 17 }, [
+                                            (!$props.value || !$props.value.length)
+                                              ? (openBlock(), createElementBlock("span", _hoisted_35, "—"))
+                                              : (openBlock(), createElementBlock("span", {
+                                                  key: 1,
+                                                  title: Array.isArray($props.value) ? $props.value.join(', ') : ''
+                                                }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_36))
+                                          ], 64 /* STABLE_FRAGMENT */))
+                                        : (openBlock(), createElementBlock("span", {
+                                            key: 18,
+                                            title: $options.rawTitle
+                                          }, toDisplayString($options.formattedValue), 9 /* TEXT, PROPS */, _hoisted_37))
   ], 2 /* CLASS */))
 }