@conduction/nextcloud-vue 2.138.0 → 2.140.0

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

@@ -27,26 +27,27 @@ const _hoisted_7 = ["data-testid"];
 const _hoisted_8 = { class: "cn-facts-widget__value" };
 const _hoisted_9 = ["href", "target", "rel"];
 const _hoisted_10 = { key: 2 };
-const _hoisted_11 = ["aria-label", "data-testid", "onClick"];
-const _hoisted_12 = ["aria-label", "title", "data-testid", "onClick"];
-const _hoisted_13 = ["data-testid"];
+const _hoisted_11 = ["aria-label", "data-testid", "disabled", "onClick"];
+const _hoisted_12 = ["data-testid"];
+const _hoisted_13 = ["aria-label", "title", "data-testid", "onClick"];
 const _hoisted_14 = ["data-testid"];
 const _hoisted_15 = ["data-testid"];
-const _hoisted_16 = { class: "cn-facts-widget__lead-text" };
-const _hoisted_17 = { class: "cn-facts-widget__lead-title" };
-const _hoisted_18 = {
+const _hoisted_16 = ["data-testid"];
+const _hoisted_17 = { class: "cn-facts-widget__lead-text" };
+const _hoisted_18 = { class: "cn-facts-widget__lead-title" };
+const _hoisted_19 = {
   key: 0,
   class: "cn-facts-widget__lead-subtitle"
 };
-const _hoisted_19 = ["data-testid"];
-const _hoisted_20 = { class: "cn-facts-widget__meter-head" };
-const _hoisted_21 = { class: "cn-facts-widget__meter-label" };
-const _hoisted_22 = { class: "cn-facts-widget__meter-value" };
-const _hoisted_23 = ["aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "data-testid"];
-const _hoisted_24 = ["data-testid"];
-const _hoisted_25 = ["aria-label", "aria-valuenow", "data-testid"];
-const _hoisted_26 = { class: "cn-facts-widget__line" };
-const _hoisted_27 = { key: 7 };
+const _hoisted_20 = ["data-testid"];
+const _hoisted_21 = { class: "cn-facts-widget__meter-head" };
+const _hoisted_22 = { class: "cn-facts-widget__meter-label" };
+const _hoisted_23 = { class: "cn-facts-widget__meter-value" };
+const _hoisted_24 = ["aria-label", "aria-valuenow", "aria-valuemax", "aria-valuetext", "data-testid"];
+const _hoisted_25 = ["data-testid"];
+const _hoisted_26 = ["aria-label", "aria-valuenow", "data-testid"];
+const _hoisted_27 = { class: "cn-facts-widget__line" };
+const _hoisted_28 = { key: 7 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
@@ -142,11 +143,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     class: "cn-facts-widget__value-link"
                                   }, {
                                     default: withCtx(() => [
-                                      createTextVNode(toDisplayString(row.masked && !$data.revealed[row.key] ? row.masked : row.value), 1 /* TEXT */)
+                                      createTextVNode(toDisplayString($options.shownValue(row)), 1 /* TEXT */)
                                     ]),
                                     _: 2 /* DYNAMIC */
                                   }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["to"]))
-                                : (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(row.masked && !$data.revealed[row.key] ? row.masked : row.value), 1 /* TEXT */)),
+                                : (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString($options.shownValue(row)), 1 /* TEXT */)),
                             (row.reveal && !$data.revealed[row.key])
                               ? (openBlock(), createElementBlock("button", {
                                   key: 3,
@@ -154,6 +155,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   class: "cn-facts-widget__inline-button",
                                   "aria-label": $options.revealLabel(row),
                                   "data-testid": `cn-fact-reveal-${row.key}`,
+                                  disabled: $data.revealing === row.key,
                                   onClick: $event => ($options.reveal(row))
                                 }, [
                                   createVNode(_component_EyeOutline, {
@@ -163,9 +165,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   createTextVNode(" " + toDisplayString($options.showLabel), 1 /* TEXT */)
                                 ], 8 /* PROPS */, _hoisted_11))
                               : createCommentVNode("v-if", true),
+                            ($data.revealErrors[row.key])
+                              ? (openBlock(), createElementBlock("span", {
+                                  key: 4,
+                                  class: "cn-facts-widget__reveal-error",
+                                  role: "alert",
+                                  "data-testid": `cn-fact-reveal-error-${row.key}`
+                                }, toDisplayString($data.revealErrors[row.key]), 9 /* TEXT, PROPS */, _hoisted_12))
+                              : createCommentVNode("v-if", true),
                             (row.copy)
                               ? (openBlock(), createElementBlock("button", {
-                                  key: 4,
+                                  key: 5,
                                   type: "button",
                                   class: "cn-facts-widget__icon-button",
                                   "aria-label": $options.copyLabel(row),
@@ -184,7 +194,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         size: 16,
                                         "aria-hidden": "true"
                                       }))
-                                ], 8 /* PROPS */, _hoisted_12))
+                                ], 8 /* PROPS */, _hoisted_13))
                               : createCommentVNode("v-if", true)
                           ])
                         ], 8 /* PROPS */, _hoisted_7))
@@ -207,13 +217,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           key: 2,
                           class: "cn-facts-widget__line",
                           "data-testid": `cn-fact-${block.key}`
-                        }, toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_13))
+                        }, toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_14))
                       : (block.kind === 'text')
                         ? (openBlock(), createElementBlock("span", {
                             key: 3,
                             class: "cn-facts-widget__text",
                             "data-testid": `cn-fact-${block.key}`
-                          }, toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_14))
+                          }, toDisplayString(block.value), 9 /* TEXT, PROPS */, _hoisted_15))
                         : (block.kind === 'lead')
                           ? (openBlock(), createElementBlock("div", {
                               key: 4,
@@ -234,22 +244,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       createTextVNode(toDisplayString(block.initials), 1 /* TEXT */)
                                     ], 64 /* STABLE_FRAGMENT */))
                               ], 2 /* CLASS */),
-                              createElementVNode("span", _hoisted_16, [
-                                createElementVNode("strong", _hoisted_17, toDisplayString(block.value), 1 /* TEXT */),
+                              createElementVNode("span", _hoisted_17, [
+                                createElementVNode("strong", _hoisted_18, toDisplayString(block.value), 1 /* TEXT */),
                                 (block.subtitle)
-                                  ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString(block.subtitle), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(block.subtitle), 1 /* TEXT */))
                                   : createCommentVNode("v-if", true)
                               ])
-                            ], 8 /* PROPS */, _hoisted_15))
+                            ], 8 /* PROPS */, _hoisted_16))
                           : (block.kind === 'meter')
                             ? (openBlock(), createElementBlock("div", {
                                 key: 5,
                                 class: normalizeClass(["cn-facts-widget__meter", { 'cn-facts-widget__meter--over': block.over }]),
                                 "data-testid": `cn-fact-${block.key}`
                               }, [
-                                createElementVNode("div", _hoisted_20, [
-                                  createElementVNode("span", _hoisted_21, toDisplayString(block.label), 1 /* TEXT */),
-                                  createElementVNode("span", _hoisted_22, toDisplayString(block.value), 1 /* TEXT */)
+                                createElementVNode("div", _hoisted_21, [
+                                  createElementVNode("span", _hoisted_22, toDisplayString(block.label), 1 /* TEXT */),
+                                  createElementVNode("span", _hoisted_23, toDisplayString(block.value), 1 /* TEXT */)
                                 ]),
                                 (block.limit !== null)
                                   ? (openBlock(), createElementBlock("div", {
@@ -267,9 +277,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         class: "cn-facts-widget__meter-bar",
                                         style: normalizeStyle({ width: `${block.percent}%` })
                                       }, null, 4 /* STYLE */)
-                                    ], 8 /* PROPS */, _hoisted_23))
+                                    ], 8 /* PROPS */, _hoisted_24))
                                   : createCommentVNode("v-if", true)
-                              ], 10 /* CLASS, PROPS */, _hoisted_19))
+                              ], 10 /* CLASS, PROPS */, _hoisted_20))
                             : (block.kind === 'progress')
                               ? (openBlock(), createElementBlock("div", {
                                   key: 6,
@@ -291,12 +301,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           class: "cn-facts-widget__meter-bar",
                                           style: normalizeStyle({ width: `${block.percent}%` })
                                         }, null, 4 /* STYLE */)
-                                      ], 8 /* PROPS */, _hoisted_25))
+                                      ], 8 /* PROPS */, _hoisted_26))
                                     : createCommentVNode("v-if", true),
-                                  createElementVNode("span", _hoisted_26, toDisplayString(block.value), 1 /* TEXT */)
-                                ], 8 /* PROPS */, _hoisted_24))
+                                  createElementVNode("span", _hoisted_27, toDisplayString(block.value), 1 /* TEXT */)
+                                ], 8 /* PROPS */, _hoisted_25))
                               : (block.kind === 'pill')
-                                ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                                ? (openBlock(), createElementBlock("div", _hoisted_28, [
                                     createVNode(_component_CnStatusBadge, {
                                       label: block.value,
                                       variant: block.variant,