vue-data-ui 2.12.8-beta.1 → 2.12.8-beta.3

package/dist/{vue-ui-xy-canvas-BS0jWsyQ.js → vue-ui-xy-canvas-oHhzL0ui.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as J, ref as d, computed as k, useSlots as _a, onMounted as ra, watch as A, nextTick as ge, shallowRef as $e, onBeforeUnmount as Ba, createElementBlock as se, openBlock as z, unref as p, normalizeClass as Va, normalizeStyle as K, createCommentVNode as U, createBlock as D, createElementVNode as ne, createSlots as Za, withCtx as b, renderSlot as x, normalizeProps as W, guardReactiveProps as X, createVNode as Ga, toDisplayString as ua, createTextVNode as ja } from "vue";
-import { u as qa, c as Ja, t as Ka, p as _, a as Qa, C as pe, b as el, D as Ie, i as Q, f as ee, d as sa, a1 as al, H as ll, ai as tl, o as ol, e as rl, x as na, q as ul, r as sl, y as nl, s as ie, l as il } from "./index-_gtZv10q.js";
+import { defineAsyncComponent as J, ref as d, computed as k, useSlots as _a, onMounted as ra, watch as A, nextTick as ge, shallowRef as $e, onBeforeUnmount as Ba, createElementBlock as se, openBlock as z, unref as p, normalizeClass as Va, normalizeStyle as K, createCommentVNode as U, createBlock as D, createElementVNode as ne, createSlots as Za, withCtx as m, renderSlot as x, normalizeProps as W, guardReactiveProps as X, createVNode as Ga, toDisplayString as ua, createTextVNode as ja } from "vue";
+import { u as qa, c as Ja, t as Ka, p as _, a as Qa, C as pe, b as el, D as Ie, i as Q, f as ee, d as sa, a1 as al, H as ll, ai as tl, o as ol, e as rl, x as na, q as ul, r as sl, y as nl, s as ie, l as il } from "./index-CH_mJIWj.js";
 import { d as vl, t as cl, u as dl, c as hl, a as ia, l as L, r as Me, b as R, p as va } from "./useResponsive-JZ9xq-JV.js";
-import { u as ca } from "./useNestedProp-Bz6Z0t8M.js";
-import { u as yl } from "./usePrinter-LFM5suk6.js";
+import { u as ca } from "./useNestedProp-rMR-JeOJ.js";
+import { u as yl } from "./usePrinter-DJ7WfWUs.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as gl } from "./useChartAccessibility-9icAAmYg.js";
-import pl from "./Legend-B3x9Et6h.js";
-import ml from "./Title-BEQiIKjn.js";
-import { S as bl } from "./Slicer-COOEkKtu.js";
+import pl from "./Legend-DRqzYrP9.js";
+import bl from "./Title-apr_T9tg.js";
+import { S as ml } from "./Slicer-o6jJH5bw.js";
 import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ll = ["id"], kl = ["onClick"], Cl = {
   key: 2,
@@ -30,7 +30,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
   },
   emits: ["selectLegend"],
   setup(Te, { expose: da, emit: ha }) {
-    const ya = J(() => import("./vue-ui-accordion-DFfQ5rpF.js")), fa = J(() => import("./DataTable-DN8VsGNp.js")), ga = J(() => import("./NonSvgPenAndPaper-D9ieEyKs.js")), pa = J(() => import("./vue-ui-skeleton-g2ChSAKh.js")), ma = J(() => import("./Tooltip-R_tsQZO3.js")), ba = J(() => import("./UserOptions-CIOyDPmN.js")), { vue_ui_xy_canvas: xa } = qa(), g = Te, me = d(Ja()), ae = d(null), le = d(null), s = d(null), y = d(1), P = d(1), ve = d(!1), v = d(null), ce = d(""), Oe = d(null), $ = d([]), B = d(1), H = d(!0), V = d(!0), be = d(null), Re = d(0), Pe = d(0), de = d(!1), Ee = d(null), Fe = d(null), Ae = d(null), De = d(null), xe = d(0), Le = d(0), ke = d(0), M = d(null), Ce = k(() => !!g.dataset && g.dataset.length), La = ha, ka = _a();
+    const ya = J(() => import("./vue-ui-accordion-Ds4zkPIx.js")), fa = J(() => import("./DataTable-BBqbcutV.js")), ga = J(() => import("./NonSvgPenAndPaper-CQIC2PMP.js")), pa = J(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ba = J(() => import("./Tooltip-BuHsMAfp.js")), ma = J(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_xy_canvas: xa } = qa(), g = Te, be = d(Ja()), ae = d(null), le = d(null), s = d(null), y = d(1), P = d(1), ve = d(!1), v = d(null), ce = d(""), Oe = d(null), $ = d([]), B = d(1), H = d(!0), V = d(!0), me = d(null), Re = d(0), Pe = d(0), de = d(!1), Ee = d(null), Fe = d(null), Ae = d(null), De = d(null), xe = d(0), Le = d(0), ke = d(0), M = d(null), Ce = k(() => !!g.dataset && g.dataset.length), La = ha, ka = _a();
     ra(() => {
       ka["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
@@ -58,7 +58,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       ze(), xe.value += 1, Le.value += 1, ke.value += 1;
     }, { deep: !0 });
     const Ue = d(a.value.style.chart.aspectRatio), { isPrinting: We, isImaging: Xe, generatePdf: _e, generateImage: Be } = yl({
-      elementId: `xy_canvas_${me.value}`,
+      elementId: `xy_canvas_${be.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-xy-canvas",
       options: a.value.userOptions.print
     }), u = d({
@@ -100,7 +100,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         };
       });
     }
-    const m = k(() => {
+    const b = k(() => {
       const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...Z.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(r.value.start, r.value.end))), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(...Z.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(r.value.start, r.value.end))), o = Ie(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, a.value.style.chart.scale.ticks), n = o.min < 0 ? Math.abs(o.min) : 0, c = l.value.bottom - l.value.height * (n / (o.max + n)), w = o.ticks.map((i) => ({
         y: l.value.bottom - l.value.height * ((i + n) / (o.max + n)),
         x: l.value.left - 8,
@@ -166,9 +166,9 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       })), ue = wa({
         hasAutoScale: u.value.stacked && e.autoScaling,
         series: e.series,
-        min: u.value.stacked ? o : m.value.min,
-        max: u.value.stacked ? n : m.value.max,
-        scale: u.value.stacked ? i : m.value.scale,
+        min: u.value.stacked ? o : b.value.min,
+        max: u.value.stacked ? n : b.value.max,
+        scale: u.value.stacked ? i : b.value.scale,
         yOffset: f,
         individualHeight: S,
         stackIndex: u.value.stacked ? t : null
@@ -348,21 +348,21 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
                 color: a.value.style.chart.grid.y.verticalLines.color
               }
             );
-        a.value.style.chart.grid.x.horizontalLines.show && (a.value.style.chart.grid.x.horizontalLines.alternate ? m.value.yLabels.forEach((e, t) => {
-          t < m.value.yLabels.length - 1 && Me(
+        a.value.style.chart.grid.x.horizontalLines.show && (a.value.style.chart.grid.x.horizontalLines.alternate ? b.value.yLabels.forEach((e, t) => {
+          t < b.value.yLabels.length - 1 && Me(
             s.value,
             [
               { x: l.value.left, y: e.y },
               { x: l.value.right, y: e.y },
-              { x: l.value.right, y: m.value.yLabels[t + 1].y },
-              { x: l.value.left, y: m.value.yLabels[t + 1].y }
+              { x: l.value.right, y: b.value.yLabels[t + 1].y },
+              { x: l.value.left, y: b.value.yLabels[t + 1].y }
             ],
             {
               fillColor: t % 2 === 0 ? "transparent" : ie(a.value.style.chart.grid.x.horizontalLines.color, a.value.style.chart.grid.x.horizontalLines.opacity),
               strokeColor: "transparent"
             }
           );
-        }) : m.value.yLabels.forEach((e) => {
+        }) : b.value.yLabels.forEach((e) => {
           L(
             s.value,
             [
@@ -396,8 +396,8 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         ), a.value.style.chart.grid.zeroLine.show && L(
           s.value,
           [
-            { x: l.value.left, y: m.value.zero },
-            { x: l.value.right, y: m.value.zero }
+            { x: l.value.left, y: b.value.zero },
+            { x: l.value.right, y: b.value.zero }
           ],
           {
             color: a.value.style.chart.grid.zeroLine.color,
@@ -493,7 +493,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
             }
           );
         });
-      }) : m.value.yLabels.forEach((e, t) => {
+      }) : b.value.yLabels.forEach((e, t) => {
         R(
           s.value,
           Q(
@@ -593,11 +593,11 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
             [
               {
                 x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / C.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * C.value.length) * t)),
-                y: u.value.stacked ? e.localZero : m.value.zero
+                y: u.value.stacked ? e.localZero : b.value.zero
               },
               {
                 x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / C.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * C.value.length) * t)) + l.value.slot * 0.8 / (u.value.stacked ? 1 : C.value.length),
-                y: u.value.stacked ? e.localZero : m.value.zero
+                y: u.value.stacked ? e.localZero : b.value.zero
               },
               {
                 x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / C.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * C.value.length) * t)) + l.value.slot * 0.8 / (u.value.stacked ? 1 : C.value.length),
@@ -618,7 +618,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
                 },
                 end: {
                   x: e.coordinatesLine[o].x,
-                  y: u.value.stacked ? e.localZero : m.value.zero
+                  y: u.value.stacked ? e.localZero : b.value.zero
                 },
                 stops: [
                   { offset: 0, color: e.color },
@@ -640,7 +640,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
               { datapoint: e.coordinatesLine[o], seriesIndex: o }
             ),
             l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / C.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * C.value.length) * t)) + l.value.slot * 0.4 / (u.value.stacked ? 1 : C.value.length),
-            (e.coordinatesLine[o].value < 0 ? u.value.stacked ? e.localZero : m.value.zero : e.coordinatesLine[o].y) + a.value.style.chart.dataLabels.offsetY,
+            (e.coordinatesLine[o].value < 0 ? u.value.stacked ? e.localZero : b.value.zero : e.coordinatesLine[o].y) + a.value.style.chart.dataLabels.offsetY,
             {
               align: "center",
               font: `${Math.round(y.value / 40 * a.value.style.chart.dataLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
@@ -661,7 +661,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         }
       ) : va(
         s.value,
-        [{ x: e.coordinatesLine[0].x, y: m.value.zero }, ...e.coordinatesLine, { x: e.coordinatesLine.at(-1).x, y: m.value.zero }],
+        [{ x: e.coordinatesLine[0].x, y: b.value.zero }, ...e.coordinatesLine, { x: e.coordinatesLine.at(-1).x, y: b.value.zero }],
         {
           fillColor: ie(e.color, a.value.style.chart.area.opacity),
           strokeColor: "transparent"
@@ -689,7 +689,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
     function te() {
       Ma(), H.value ? (v.value !== null && a.value.style.chart.selector.show && qe(), Aa(), u.value.stacked && a.value.style.chart.grid.x.showAxis && Ha(), $a.value.forEach((e) => {
         (e.type === "line" || !e.type) && Da(e), V.value && (Ta(e), u.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Pa(e));
-      }), be.value = hl(T.value)) : (be.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(be.value, 0, 0)), v.value !== null && a.value.style.chart.selector.show && qe(), v.value !== null && h.value.forEach((e) => {
+      }), me.value = hl(T.value)) : (me.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(me.value, 0, 0)), v.value !== null && a.value.style.chart.selector.show && qe(), v.value !== null && h.value.forEach((e) => {
         if (e.type === "line" || !e.type || e.type === "plot") {
           if (!e.coordinatesLine[v.value]) return;
           e.coordinatesLine[v.value].x !== void 0 && e.coordinatesLine[v.value].y !== void 0 && ia(
@@ -892,7 +892,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       style: K(`width:100%; position:relative; ${a.value.responsive ? "height: 100%" : ""}`),
       ref_key: "xy",
       ref: ae,
-      id: `xy_canvas_${me.value}`,
+      id: `xy_canvas_${be.value}`,
       class: Va(`vue-ui-donut ${de.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       onMouseenter: t[5] || (t[5] = () => p(He)(!0)),
       onMouseleave: t[6] || (t[6] = () => p(He)(!1))
@@ -903,7 +903,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         ref: Ee,
         style: K(`width:100%;background:${a.value.style.chart.backgroundColor};`)
       }, [
-        (z(), D(ml, {
+        (z(), D(bl, {
           key: `title_${xe.value}`,
           config: {
             title: {
@@ -917,14 +917,14 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
           }
         }, null, 8, ["config"]))
       ], 4)) : U("", !0),
-      a.value.userOptions.show && Ce.value && (p(Ne) || p(we)) ? (z(), D(p(ba), {
+      a.value.userOptions.show && Ce.value && (p(Ne) || p(we)) ? (z(), D(p(ma), {
         ref: "details",
         key: `user_option_${Pe.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
         color: a.value.style.chart.color,
         isPrinting: p(We),
         isImaging: p(Xe),
-        uid: me.value,
+        uid: be.value,
         hasTooltip: a.value.userOptions.buttons.tooltip && a.value.style.chart.tooltip.show,
         hasPdf: a.value.userOptions.buttons.pdf,
         hasImg: a.value.userOptions.buttons.img,
@@ -941,6 +941,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         position: a.value.userOptions.position,
         hasAnnotator: a.value.userOptions.buttons.annotator,
         isAnnotation: fe.value,
+        callbacks: a.value.userOptions.callbacks,
         onToggleFullscreen: Ca,
         onGeneratePdf: p(_e),
         onGenerateCsv: ea,
@@ -956,75 +957,75 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       }, Za({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: o, color: n }) => [
+          fn: m(({ isOpen: o, color: n }) => [
             x(e.$slots, "menuIcon", W(X({ isOpen: o, color: n })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         e.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: b(() => [
+          fn: m(() => [
             x(e.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: b(() => [
+          fn: m(() => [
             x(e.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         e.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: b(() => [
+          fn: m(() => [
             x(e.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         e.$slots.optionImg ? {
           name: "optionImg",
-          fn: b(() => [
+          fn: m(() => [
             x(e.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         e.$slots.optionTable ? {
           name: "optionTable",
-          fn: b(() => [
+          fn: m(() => [
             x(e.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         e.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: b(() => [
+          fn: m(() => [
             x(e.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         e.$slots.optionStack ? {
           name: "optionStack",
-          fn: b(() => [
+          fn: m(() => [
             x(e.$slots, "optionStack", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: o, isFullscreen: n }) => [
+          fn: m(({ toggleFullscreen: o, isFullscreen: n }) => [
             x(e.$slots, "optionFullscreen", W(X({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: b(({ toggleAnnotator: o, isAnnotator: n }) => [
+          fn: m(({ toggleAnnotator: o, isAnnotator: n }) => [
             x(e.$slots, "optionAnnotator", W(X({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasLabel", "hasStack", "hasFullscreen", "hasTable", "isFullscreen", "isTooltip", "isStacked", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : U("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasLabel", "hasStack", "hasFullscreen", "hasTable", "isFullscreen", "isTooltip", "isStacked", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : U("", !0),
       ne("div", {
         class: "vue-ui-xy-canvas",
         style: K(`position: relative; aspect-ratio: ${Ue.value}`),
@@ -1056,7 +1057,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
             }
           }
         }, null, 8, ["config"])),
-        Ga(p(ma), {
+        Ga(p(ba), {
           show: u.value.showTooltip && ve.value,
           backgroundColor: a.value.style.chart.tooltip.backgroundColor,
           color: a.value.style.chart.tooltip.color,
@@ -1072,10 +1073,10 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
           backgroundOpacity: a.value.style.chart.tooltip.backgroundOpacity,
           isCustom: p(na)(a.value.style.chart.tooltip.customFormat)
         }, {
-          "tooltip-before": b(() => [
+          "tooltip-before": m(() => [
             x(e.$slots, "tooltip-before", W(X({ ...Oe.value })), void 0, !0)
           ]),
-          "tooltip-after": b(() => [
+          "tooltip-after": m(() => [
             x(e.$slots, "tooltip-after", W(X({ ...Oe.value })), void 0, !0)
           ]),
           _: 3
@@ -1087,7 +1088,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         style: K(`width:100%;background:${a.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        a.value.style.chart.zoom.show && I.value > 1 ? (z(), D(bl, {
+        a.value.style.chart.zoom.show && I.value > 1 ? (z(), D(ml, {
           ref_key: "slicerComponent",
           ref: G,
           key: `slicer_${Re.value}`,
@@ -1114,7 +1115,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
           enableSelectionDrag: a.value.style.chart.zoom.enableSelectionDrag,
           onReset: Ge
         }, {
-          "reset-action": b(({ reset: o }) => [
+          "reset-action": m(({ reset: o }) => [
             x(e.$slots, "reset-action", W(X({ reset: o })), void 0, !0)
           ]),
           _: 3
@@ -1130,7 +1131,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
           key: `legend_${ke.value}`,
           onClickMarker: t[3] || (t[3] = ({ i: o }) => Je(o))
         }, {
-          item: b(({ legend: o, index: n }) => [
+          item: m(({ legend: o, index: n }) => [
             ne("div", {
               onClick: (c) => o.segregate(),
               style: K(`opacity:${$.value.includes(n) ? 0.5 : 1}`)
@@ -1169,7 +1170,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
           }
         }
       }, {
-        content: b(() => [
+        content: m(() => [
           (z(), D(p(fa), {
             key: `table_${Le.value}`,
             colNames: ye.value.colNames,
@@ -1179,10 +1180,10 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
             title: `${a.value.style.chart.title.text}${a.value.style.chart.title.subtitle.text ? ` : ${a.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: t[4] || (t[4] = (o) => u.value.showTable = !1)
           }, {
-            th: b(({ th: o }) => [
+            th: m(({ th: o }) => [
               ne("div", { innerHTML: o }, null, 8, wl)
             ]),
-            td: b(({ td: o }) => [
+            td: m(({ td: o }) => [
               ja(ua(o), 1)
             ]),
             _: 1
@@ -1200,7 +1201,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : U("", !0)
     ], 46, Ll));
   }
-}, Dl = /* @__PURE__ */ xl(zl, [["__scopeId", "data-v-557b6e93"]]);
+}, Dl = /* @__PURE__ */ xl(zl, [["__scopeId", "data-v-e72e8115"]]);
 export {
   Dl as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.12.8-beta.1",
+  "version": "2.12.8-beta.3",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [