@conduction/nextcloud-vue 2.139.0 → 2.141.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, createCommentVNode, createBlock, createElementVNode, resolveDynamicComponent, withCtx, normalizeStyle, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, createCommentVNode, createBlock, createElementVNode, resolveDynamicComponent, withCtx, normalizeStyle, renderSlot, createTextVNode } from 'vue';
 
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = ["aria-pressed", "data-testid", "onClick"];
@@ -12,53 +12,60 @@ const _hoisted_4 = {
   class: "cn-chart-widget__html",
   "data-testid": "cn-chart-widget-bar-list"
 };
-const _hoisted_5 = { class: "cn-chart-widget__bar-list" };
-const _hoisted_6 = { class: "cn-chart-widget__bar-label" };
-const _hoisted_7 = {
+const _hoisted_5 = { class: "cn-chart-widget__bar-label" };
+const _hoisted_6 = {
+  key: 0,
+  class: "cn-chart-widget__bar-track"
+};
+const _hoisted_7 = { class: "cn-chart-widget__bar-value" };
+const _hoisted_8 = {
   class: "cn-chart-widget__bar-track",
   "aria-hidden": "true"
 };
-const _hoisted_8 = { class: "cn-chart-widget__bar-value" };
-const _hoisted_9 = {
+const _hoisted_9 = { class: "cn-chart-widget__bar-value" };
+const _hoisted_10 = {
   key: 0,
   class: "cn-chart-widget__footnote"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   key: 6,
   class: "cn-chart-widget__html",
   "data-testid": "cn-chart-widget-matrix"
 };
-const _hoisted_11 = ["aria-label"];
-const _hoisted_12 = {
+const _hoisted_12 = ["aria-label"];
+const _hoisted_13 = {
   role: "row",
   class: "cn-chart-widget__matrix-row"
 };
-const _hoisted_13 = {
+const _hoisted_14 = {
   role: "rowheader",
   class: "cn-chart-widget__matrix-label"
 };
-const _hoisted_14 = ["aria-current"];
-const _hoisted_15 = {
+const _hoisted_15 = ["aria-current"];
+const _hoisted_16 = {
   key: 0,
   class: "cn-chart-widget__footnote"
 };
-const _hoisted_16 = {
+const _hoisted_17 = {
   key: 7,
   class: "cn-chart-widget__canvas"
 };
-const _hoisted_17 = {
+const _hoisted_18 = {
   key: 8,
   class: "cn-chart-widget__fallback"
 };
-const _hoisted_18 = { class: "cn-chart-widget__error" };
-const _hoisted_19 = {
+const _hoisted_19 = { class: "cn-chart-widget__error" };
+const _hoisted_20 = {
   key: 9,
   class: "cn-chart-widget__footnote",
   "data-testid": "cn-chart-widget-footnote"
 };
+const _hoisted_21 = { class: "cn-chart-widget__notice-text" };
+const _hoisted_22 = { key: 0 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnEndpointNotice = resolveComponent("CnEndpointNotice");
+  const _component_NcNoteCard = resolveComponent("NcNoteCard");
 
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["cn-chart-widget", { 'cn-chart-widget--fit': $options.fitToContainer }])
@@ -108,7 +115,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString($options.hostTranslate($props.emptyLabel)), 1 /* TEXT */))
           : ($props.type === 'bar-list')
             ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                createElementVNode("ul", _hoisted_5, [
+                createElementVNode("ul", {
+                  class: normalizeClass(["cn-chart-widget__bar-list", { 'cn-chart-widget__bar-list--value-at-end': $props.barValueAtEnd }])
+                }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.barListRows, (row) => {
                     return (openBlock(), createElementBlock("li", {
                       key: row.index,
@@ -121,33 +130,44 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         onClick: $event => (row.drill ? $options.onDataPointSelection(null, null, { dataPointIndex: row.index }) : null)
                       }, {
                         default: withCtx(() => [
-                          createElementVNode("span", _hoisted_6, toDisplayString(row.label), 1 /* TEXT */),
-                          createElementVNode("span", _hoisted_7, [
-                            createElementVNode("span", {
-                              class: "cn-chart-widget__bar-fill",
-                              style: normalizeStyle({ width: `${row.share}%` })
-                            }, null, 4 /* STYLE */)
-                          ]),
-                          createElementVNode("span", _hoisted_8, toDisplayString(row.text), 1 /* TEXT */)
+                          createElementVNode("span", _hoisted_5, toDisplayString(row.label), 1 /* TEXT */),
+                          ($props.barValueAtEnd)
+                            ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                                createElementVNode("span", {
+                                  class: "cn-chart-widget__bar-fill",
+                                  "aria-hidden": "true",
+                                  style: normalizeStyle({ flexBasis: `${row.share}%` })
+                                }, null, 4 /* STYLE */),
+                                createElementVNode("span", _hoisted_7, toDisplayString(row.text), 1 /* TEXT */)
+                              ]))
+                            : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                createElementVNode("span", _hoisted_8, [
+                                  createElementVNode("span", {
+                                    class: "cn-chart-widget__bar-fill",
+                                    style: normalizeStyle({ width: `${row.share}%` })
+                                  }, null, 4 /* STYLE */)
+                                ]),
+                                createElementVNode("span", _hoisted_9, toDisplayString(row.text), 1 /* TEXT */)
+                              ], 64 /* STABLE_FRAGMENT */))
                         ]),
                         _: 2 /* DYNAMIC */
                       }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["type", "class", "onClick"]))
                     ]))
                   }), 128 /* KEYED_FRAGMENT */))
-                ]),
+                ], 2 /* CLASS */),
                 ($props.footnote)
-                  ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
+                  ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
                   : createCommentVNode("v-if", true)
               ]))
             : ($props.type === 'matrix')
-              ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              ? (openBlock(), createElementBlock("div", _hoisted_11, [
                   createElementVNode("div", {
                     role: "table",
                     class: "cn-chart-widget__matrix",
                     "aria-label": $options.matrixLabel,
                     style: normalizeStyle({ gridTemplateColumns: `${$options.matrixLabelColumn} repeat(${$options.matrix.columns.length}, minmax(0, 1fr))` })
                   }, [
-                    createElementVNode("div", _hoisted_12, [
+                    createElementVNode("div", _hoisted_13, [
                       _cache[0] || (_cache[0] = createElementVNode("span", {
                         role: "columnheader",
                         class: "cn-chart-widget__matrix-corner"
@@ -166,7 +186,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         role: "row",
                         class: "cn-chart-widget__matrix-row"
                       }, [
-                        createElementVNode("span", _hoisted_13, toDisplayString(row.label), 1 /* TEXT */),
+                        createElementVNode("span", _hoisted_14, toDisplayString(row.label), 1 /* TEXT */),
                         (openBlock(true), createElementBlock(Fragment, null, renderList(row.cells, (cell, column) => {
                           return (openBlock(), createElementBlock("span", {
                             key: column,
@@ -175,17 +195,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             style: normalizeStyle(cell.color ? { background: cell.color } : null),
                             "aria-current": cell.current ? 'true' : null,
                             "data-testid": "cn-chart-widget-matrix-cell"
-                          }, toDisplayString(cell.text), 15 /* TEXT, CLASS, STYLE, PROPS */, _hoisted_14))
+                          }, toDisplayString(cell.text), 15 /* TEXT, CLASS, STYLE, PROPS */, _hoisted_15))
                         }), 128 /* KEYED_FRAGMENT */))
                       ]))
                     }), 128 /* KEYED_FRAGMENT */))
-                  ], 12 /* STYLE, PROPS */, _hoisted_11),
+                  ], 12 /* STYLE, PROPS */, _hoisted_12),
                   ($props.footnote)
-                    ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
+                    ? (openBlock(), createElementBlock("p", _hoisted_16, toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
                     : createCommentVNode("v-if", true)
                 ]))
               : ($data.chartComponent)
-                ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                ? (openBlock(), createElementBlock("div", _hoisted_17, [
                     (openBlock(), createBlock(resolveDynamicComponent($data.chartComponent), {
                       ref: "chart",
                       type: $props.type,
@@ -195,13 +215,32 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       series: $options.plottedSeries
                     }, null, 8 /* PROPS */, ["type", "height", "width", "options", "series"]))
                   ]))
-                : (openBlock(), createElementBlock("div", _hoisted_17, [
+                : (openBlock(), createElementBlock("div", _hoisted_18, [
                     renderSlot(_ctx.$slots, "fallback", {}, () => [
-                      createElementVNode("p", _hoisted_18, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
+                      createElementVNode("p", _hoisted_19, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
                     ])
                   ])),
     ($props.footnote && $data.chartComponent && !$options.showEmptyState && $props.type !== 'bar-list' && $props.type !== 'matrix')
-      ? (openBlock(), createElementBlock("p", _hoisted_19, toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_20, toDisplayString($options.hostTranslate($props.footnote)), 1 /* TEXT */))
+      : createCommentVNode("v-if", true),
+    ($options.noticeParts)
+      ? (openBlock(), createBlock(_component_NcNoteCard, {
+          key: 10,
+          type: $options.noticeParts.type,
+          "data-tone": $options.noticeParts.type,
+          class: "cn-chart-widget__notice",
+          "data-testid": "cn-chart-widget-notice"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("p", _hoisted_21, [
+              ($options.noticeParts.lead)
+                ? (openBlock(), createElementBlock("strong", _hoisted_22, toDisplayString($options.noticeParts.lead), 1 /* TEXT */))
+                : createCommentVNode("v-if", true),
+              createTextVNode(toDisplayString($options.noticeParts.lead && $options.noticeParts.text ? ' ' : '') + toDisplayString($options.noticeParts.text), 1 /* TEXT */)
+            ])
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["type", "data-tone"]))
       : createCommentVNode("v-if", true)
   ], 2 /* CLASS */))
 }