vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4

package/dist/{vue-ui-xy-canvas-B2kkKb64.js → vue-ui-xy-canvas-DuAgXbBB.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-CbcpITE_.js";
+import { defineAsyncComponent as J, ref as d, computed as C, 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-BzQ0j5xI.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-y56W8I7J.js";
-import { u as yl } from "./usePrinter-u-gQiRNz.js";
+import { u as ca } from "./useNestedProp-DqpZEE3h.js";
+import { u as yl } from "./usePrinter-CpG5jh_z.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as gl } from "./useChartAccessibility-9icAAmYg.js";
-import pl from "./Legend-ZW-PFcHg.js";
-import ml from "./Title-Dx8ctnVy.js";
-import { S as bl } from "./Slicer-Vh74fjdf.js";
+import pl from "./Legend-YPYnzTBz.js";
+import ml from "./Title-CJcZXNtK.js";
+import { S as bl } from "./Slicer-CaMHCF_p.js";
 import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ll = ["id"], kl = ["onClick"], Cl = {
   key: 2,
@@ -30,11 +30,11 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
   },
   emits: ["selectLegend"],
   setup(Te, { expose: da, emit: ha }) {
-    const ya = J(() => import("./vue-ui-accordion-BkA7rtwr.js")), fa = J(() => import("./DataTable-CsoAI95B.js")), ga = J(() => import("./NonSvgPenAndPaper-DJTUaQ94.js")), pa = J(() => import("./vue-ui-skeleton-miKWlCAi.js")), ma = J(() => import("./Tooltip-COHlzpZI.js")), ba = J(() => import("./UserOptions-CGn3YdRV.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-bpaEpjqI.js")), fa = J(() => import("./DataTable-CmbjnjRg.js")), ga = J(() => import("./NonSvgPenAndPaper-SD-bH_GI.js")), pa = J(() => import("./vue-ui-skeleton-CavMQlAm.js")), ma = J(() => import("./Tooltip-dXp8FaUj.js")), ba = J(() => import("./UserOptions-Cs7JW3dK.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 = C(() => !!g.dataset && g.dataset.length), La = ha, ka = _a();
     ra(() => {
       ka["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
-    const a = k({
+    const a = C({
       get: () => Ye(),
       set: (e) => e
     }), { userOptionsVisible: we, setUserOptionsVisibility: He, keepUserOptionState: Ne } = fl({ config: a.value }), { svgRef: T } = gl({ config: a.value.style.chart.title });
@@ -70,7 +70,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
     function Ca(e) {
       de.value = e, Pe.value += 1;
     }
-    const Ve = k(() => el(a.value.customPalette)), I = k(() => Z.value ? Math.max(...Z.value.filter((e, t) => !$.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0), l = k(() => {
+    const Ve = C(() => el(a.value.customPalette)), I = C(() => Z.value ? Math.max(...Z.value.filter((e, t) => !$.value.includes(e.absoluteIndex)).map((e) => e.series.length)) : 0), l = C(() => {
       const e = y.value - y.value * (a.value.style.chart.paddingProportions.left + a.value.style.chart.paddingProportions.right);
       return {
         canvasWidth: y.value,
@@ -87,21 +87,21 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
     function Ze(e, t) {
       return e / t;
     }
-    function wa({ hasAutoScale: e, series: t, min: o, max: n, scale: c, yOffset: w, individualHeight: i, stackIndex: f = null }) {
+    function wa({ hasAutoScale: e, series: t, min: o, max: n, scale: c, yOffset: k, individualHeight: i, stackIndex: f = null }) {
       return t.map((N, S) => {
         const F = c.min < 0 ? Math.abs(c.min) : 0, Y = Ze(N + F, F + c.max);
         let re, ue;
         e && (re = c.min, ue = Ze(N - re, c.max - re));
         let O = 0;
-        return f === null ? O = l.value.bottom - l.value.height * (e ? ue : Y) : O = l.value.bottom - w - i * (e ? ue : Y), {
+        return f === null ? O = l.value.bottom - l.value.height * (e ? ue : Y) : O = l.value.bottom - k - i * (e ? ue : Y), {
           x: l.value.left + l.value.slot * S + l.value.slot / 2,
           y: O,
           value: N
         };
       });
     }
-    const m = 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) => ({
+    const m = C(() => {
+      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)), k = o.ticks.map((i) => ({
         y: l.value.bottom - l.value.height * ((i + n) / (o.max + n)),
         x: l.value.left - 8,
         value: i
@@ -111,10 +111,10 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         max: t,
         min: e,
         scale: o,
-        yLabels: w,
+        yLabels: k,
         zero: c
       };
-    }), za = k(() => h.value.map((e) => `
+    }), za = C(() => h.value.map((e) => `
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
@@ -132,7 +132,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       { datapoint: e, seriesIndex: v.value }
     )}</span>
             </div>
-        `)), Z = k(() => g.dataset.map((e, t) => ({
+        `)), Z = C(() => g.dataset.map((e, t) => ({
       ...e,
       series: al({
         data: ll(e.series),
@@ -144,7 +144,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
     A(I, (e) => {
       e && Ge();
     });
-    const h = k(() => tl(Z.value.filter((e, t) => !$.value.includes(e.absoluteIndex))).map((e, t) => ({
+    const h = C(() => tl(Z.value.filter((e, t) => !$.value.includes(e.absoluteIndex))).map((e, t) => ({
       ...e,
       series: e.series.slice(r.value.start, r.value.end)
     })).map((e, t) => {
@@ -153,9 +153,9 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       const c = {
         valueMin: o,
         valueMax: n
-      }, w = e.scaleSteps || a.value.style.chart.scale.ticks;
+      }, k = e.scaleSteps || a.value.style.chart.scale.ticks;
       let i;
-      e.autoScaling ? i = Ie(c.valueMin, c.valueMax, w) : i = Ie(c.valueMin < 0 ? c.valueMin : 0, c.valueMax <= 0 ? 0 : c.valueMax, w);
+      e.autoScaling ? i = Ie(c.valueMin, c.valueMax, k) : i = Ie(c.valueMin < 0 ? c.valueMin : 0, c.valueMax <= 0 ? 0 : c.valueMax, k);
       const f = u.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, N = u.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = u.value.stacked ? l.value.height * e.stackRatio - N : l.value.height, F = i.min < 0 ? Math.abs(i.min) : 0;
       let Y;
       e.autoScaling && u.value.stacked && n <= 0 ? Y = l.value.bottom - f - S : Y = l.value.bottom - f - S * (F / (i.max + F));
@@ -203,7 +203,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       const t = I.value;
       return e > t ? t : e < 0 || a.value.style.chart.zoom.startIndex !== null && e < a.value.style.chart.zoom.startIndex ? a.value.style.chart.zoom.startIndex !== null ? a.value.style.chart.zoom.startIndex + 1 : 1 : e;
     }
-    const $a = k(() => h.value.filter((e) => ["line", "plot", void 0].includes(e.type))), C = k(() => h.value.filter((e) => e.type === "bar"));
+    const $a = C(() => h.value.filter((e) => ["line", "plot", void 0].includes(e.type))), w = C(() => h.value.filter((e) => e.type === "bar"));
     function Ia() {
       if (!T.value)
         return;
@@ -586,25 +586,25 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       );
     }
     function Aa() {
-      C.value.forEach((e, t) => {
+      w.value.forEach((e, t) => {
         for (let o = 0; o < e.coordinatesLine.length; o += 1)
           Me(
             s.value,
             [
               {
-                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)),
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)),
                 y: u.value.stacked ? e.localZero : m.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),
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.8 / (u.value.stacked ? 1 : w.value.length),
                 y: u.value.stacked ? e.localZero : m.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),
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.8 / (u.value.stacked ? 1 : w.value.length),
                 y: e.coordinatesLine[o].y
               },
               {
-                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)),
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)),
                 y: e.coordinatesLine[o].y
               }
             ],
@@ -639,7 +639,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),
+            l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.4 / (u.value.stacked ? 1 : w.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,
             {
               align: "center",
@@ -723,7 +723,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       }
       const c = n * 2 - l.value.left;
       if (v.value = Math.floor(c / l.value.slot), ve.value = !0, !V.value) return;
-      let w = "";
+      let k = "";
       const i = a.value.style.chart.tooltip.customFormat;
       na(i) && nl(() => i({
         seriesIndex: v.value,
@@ -747,7 +747,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         })),
         series: h.value,
         config: a.value
-      }) : (a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[v.value] && (w += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[v.value]}</div>`), w += za.value.join(""), ce.value = w), V.value = !1;
+      }) : (a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[v.value] && (k += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[v.value]}</div>`), k += za.value.join(""), ce.value = k), V.value = !1;
     }
     A(() => v.value, (e) => {
       he();
@@ -799,7 +799,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
     function Je(e) {
       La("selectLegend", h.value.find((t) => t.absoluteIndex === e)), $.value.includes(e) ? $.value = $.value.filter((t) => t !== e) : $.value.push(e), H.value = !0, he();
     }
-    const Ke = k(() => Z.value.map((e, t) => ({
+    const Ke = C(() => Z.value.map((e, t) => ({
       ...e,
       name: e.name,
       color: sa(e.color) || Ve.value[t] || _[t] || _[t % _.length],
@@ -812,19 +812,19 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       opacity: $.value.includes(e.absoluteIndex) ? 0.5 : 1,
       segregate: () => Je(e.absoluteIndex),
       isSegregated: $.value.includes(e.absoluteIndex)
-    }))), Ua = k(() => ({
+    }))), Ua = C(() => ({
       cy: "donut-div-legend",
       backgroundColor: a.value.style.chart.legend.backgroundColor,
       color: a.value.style.chart.legend.color,
       fontSize: a.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: a.value.style.chart.legend.bold ? "bold" : ""
-    })), ye = k(() => {
+    })), ye = C(() => {
       const e = [""].concat(h.value.map((c) => c.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
       let t = [];
       for (let c = 0; c < I.value; c += 1) {
-        const w = h.value.map((i) => i.series[c] ?? 0).reduce((i, f) => i + f, 0);
-        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[c] ?? c + 1].concat(h.value.map((i) => (i.series[c] ?? 0).toFixed(a.value.table.rounding))).concat((w ?? 0).toFixed(a.value.table.rounding)));
+        const k = h.value.map((i) => i.series[c] ?? 0).reduce((i, f) => i + f, 0);
+        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[c] ?? c + 1].concat(h.value.map((i) => (i.series[c] ?? 0).toFixed(a.value.table.rounding))).concat((k ?? 0).toFixed(a.value.table.rounding)));
       }
       const o = {
         th: {
@@ -840,7 +840,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
         breakpoint: a.value.table.responsiveBreakpoint
       }, n = [a.value.table.columnNames.period].concat(h.value.map((c) => c.name)).concat(a.value.table.columnNames.total);
       return { head: e, body: t.slice(0, r.value.end - r.value.start), config: o, colNames: n };
-    }), Qe = k(() => {
+    }), Qe = C(() => {
       if (h.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const e = h.value.map((o) => ({
         label: o.name,
@@ -855,9 +855,9 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
       }
       return { head: e, body: t };
     });
-    function ea() {
-      const e = [[a.value.style.chart.title.text], [a.value.style.chart.title.subtitle.text], [""]], t = ["", ...Qe.value.head.map((w) => w.label)], o = Qe.value.body, n = e.concat([t]).concat(o), c = ul(n);
-      sl({ csvContent: c, title: a.value.style.chart.title.text || "vue-ui-xy-canvas" });
+    function ea(e = null) {
+      const t = [[a.value.style.chart.title.text], [a.value.style.chart.title.subtitle.text], [""]], o = ["", ...Qe.value.head.map((i) => i.label)], n = Qe.value.body, c = t.concat([o]).concat(n), k = ul(c);
+      e ? e(k) : sl({ csvContent: k, title: a.value.style.chart.title.text || "vue-ui-xy-canvas" });
     }
     function Wa() {
       return h.value;
@@ -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,
@@ -1024,7 +1025,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
           ]),
           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}`),
@@ -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-3390327e"]]);
 export {
   Dl as default
 };

package/package.json

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

package/dist/dom-to-png-BjSUS-jY.js

@@ -1,243 +0,0 @@
-import { X as x } from "./index-CbcpITE_.js";
-async function A(n) {
-  const i = n.querySelectorAll("img"), o = Array.from(i).map((t) => new Promise((s) => {
-    if (!t.src || t.src.startsWith("data:")) return s();
-    if (t.complete && t.naturalWidth !== 0) {
-      try {
-        const e = document.createElement("canvas");
-        e.width = t.naturalWidth, e.height = t.naturalHeight, e.getContext("2d").drawImage(t, 0, 0), t.src = e.toDataURL();
-      } catch {
-      }
-      return s();
-    }
-    const a = new window.Image();
-    a.crossOrigin = "anonymous", a.onload = function() {
-      try {
-        const e = document.createElement("canvas");
-        e.width = a.naturalWidth, e.height = a.naturalHeight, e.getContext("2d").drawImage(a, 0, 0), t.src = e.toDataURL();
-      } catch {
-      }
-      s();
-    }, a.onerror = function() {
-      s();
-    }, a.src = t.src;
-  }));
-  await Promise.all(o);
-}
-function T(n) {
-  n.querySelectorAll("[data-dom-to-png-ignore]").forEach((o) => {
-    o.remove();
-  });
-}
-function v(n, i, o) {
-  const t = window.getComputedStyle(i), s = i.getBoundingClientRect(), a = t.display.includes("flex");
-  let e = {}, c = n.getAttribute("style");
-  typeof c != "string" && (c = ""), c.split(";").forEach((r) => {
-    if (typeof r == "string" && r.trim()) {
-      const [d, m] = r.split(":");
-      d && m !== void 0 && (e[d.trim()] = m.trim());
-    }
-  });
-  for (let r = 0; r < t.length; r += 1) {
-    const d = t[r], m = t.getPropertyValue(d);
-    e[d] = m;
-  }
-  e.color = t.color, e["background-color"] = t.backgroundColor;
-  let l = t.fontFamily || o || "";
-  (!l || l.trim() === "" || l === "inherit" || l === "initial" || l.toLowerCase().startsWith("system-ui") || l.toLowerCase() === "sans-serif" || l.toLowerCase() === "serif" || l.toLowerCase() === "monospace") && (l = "Helvetica, Arial, sans-serif"), e["font-family"] = l, e["font-size"] = t.fontSize, e["font-weight"] = t.fontWeight, (a || t.display.includes("grid") || ["inline-block", "absolute", "fixed"].includes(t.position)) && (s.width > 0 && (e.width = s.width + "px"), s.height > 0 && (e.height = s.height + "px")), a && t.flexWrap === "nowrap" && (e["white-space"] = "nowrap"), ["box-sizing", "padding", "margin", "border"].forEach((r) => {
-    e[r] = t.getPropertyValue(r);
-  }), e.overflow = "visible", e["overflow-x"] = "visible", e["overflow-y"] = "visible";
-  let u = "";
-  for (const r in e)
-    u += `${r}:${e[r]};`;
-  n.setAttribute("style", u);
-  const g = n.children || [], y = i.children || [];
-  for (let r = 0; r < g.length; r++)
-    g[r].nodeType === 1 && y[r] && v(g[r], y[r], l);
-}
-function I(n, i) {
-  n.querySelectorAll("text").forEach((t) => {
-    t.setAttribute("font-family", i), t.style.fontFamily = i;
-  });
-}
-function E(n) {
-  const i = new TextEncoder().encode(n);
-  let o = "";
-  return i.forEach((t) => o += String.fromCharCode(t)), btoa(o);
-}
-function $(n, i, o) {
-  let s = new XMLSerializer().serializeToString(n);
-  s.match(/^<svg[^>]+xmlns="http\:\/\/www\.w3\.org\/2000\/svg"/) || (s = s.replace(/^<svg/, '<svg xmlns="http://www.w3.org/2000/svg"'));
-  const a = window.btoa(unescape(encodeURIComponent(s))), e = new window.Image();
-  return e.src = `data:image/svg+xml;base64,${a}`, new Promise((c, l) => {
-    e.onload = function() {
-      const u = document.createElement("canvas");
-      u.width = i, u.height = o, u.getContext("2d").drawImage(e, 0, 0, i, o), c(u.toDataURL("image/png", 1));
-    }, e.onerror = (u) => l(u);
-  });
-}
-function O(n) {
-  if (n.nodeType !== 1) return;
-  const i = window.getComputedStyle(n);
-  let o = "";
-  for (let t = 0; t < i.length; t++) {
-    const s = i[t];
-    o += `${s}:${i.getPropertyValue(s)};`;
-  }
-  n.setAttribute("style", o);
-  for (let t = 0; t < n.children.length; t++)
-    O(n.children[t]);
-}
-function W() {
-  const n = [];
-  for (const i of document.styleSheets)
-    try {
-      const o = i.cssRules;
-      if (!o) continue;
-      for (const t of o)
-        (typeof CSSFontFaceRule < "u" && t instanceof CSSFontFaceRule || t.cssText.trim().startsWith("@font-face")) && n.push(t.cssText);
-    } catch {
-      continue;
-    }
-  return n;
-}
-function z(n) {
-  const i = W();
-  if (!i.length) return;
-  const o = document.createElement("style");
-  o.setAttribute("type", "text/css"), o.textContent = i.join(`
-`);
-  const t = n.querySelector("defs") || document.createElementNS(x, "defs");
-  t.appendChild(o), n.querySelector("defs") || n.insertBefore(t, n.firstChild);
-}
-function M(n, i) {
-  const o = n.querySelectorAll("foreignObject"), t = i.querySelectorAll("foreignObject");
-  o.forEach((s, a) => {
-    const e = t[a];
-    if (!e) return;
-    function c(l, u) {
-      if (!l || !u) return;
-      if (l.nodeType === 1 && u.nodeType === 1) {
-        const r = window.getComputedStyle(u);
-        let d = "";
-        for (let m = 0; m < r.length; m++) {
-          const C = r[m];
-          d += `${C}:${r.getPropertyValue(C)};`;
-        }
-        l.setAttribute("style", d);
-      }
-      const g = l.children || [], y = u.children || [];
-      for (let r = 0; r < g.length; r++)
-        c(g[r], y[r]);
-    }
-    c(s, e);
-  });
-}
-function P(n) {
-  n.querySelectorAll("foreignObject").forEach((o) => {
-    let t = "";
-    const s = Array.from(o.querySelectorAll("*"));
-    if (s.length !== 0) {
-      for (const a of document.styleSheets) {
-        let e;
-        try {
-          e = a.cssRules;
-        } catch {
-          continue;
-        }
-        if (e) {
-          for (const c of e)
-            if (!(typeof CSSStyleRule < "u" && !(c instanceof CSSStyleRule)))
-              try {
-                s.some((l) => l.matches(c.selectorText)) && (t += c.cssText + `
-`);
-              } catch {
-                continue;
-              }
-        }
-      }
-      if (t) {
-        const a = document.createElement("style");
-        a.textContent = t, o.insertBefore(a, o.firstChild);
-      }
-    }
-  });
-}
-function H(n) {
-  n.querySelectorAll("foreignObject").forEach((o) => {
-    const t = o.firstElementChild;
-    t && t.tagName.toLowerCase() !== "svg" && t.setAttribute("xmlns", "http://www.w3.org/1999/xhtml");
-  });
-}
-function D(n, i) {
-  const o = n.querySelectorAll("foreignObject"), t = i.querySelectorAll("foreignObject");
-  o.forEach((s, a) => {
-    const e = t[a];
-    if (!s || !e) return;
-    const c = s.firstElementChild, l = e.firstElementChild;
-    c && l && R(c, l);
-  });
-}
-function R(n, i) {
-  if (n.nodeType !== 1 || !i) return;
-  v(n, i);
-  const o = n.children || [], t = i.children || [];
-  for (let s = 0; s < o.length; s++)
-    R(o[s], t[s]);
-}
-function F(n, i) {
-  const o = Array.from(i.querySelectorAll("img"));
-  n.querySelectorAll("img").forEach((t) => {
-    const s = t.getAttribute("src"), a = o.find((e) => e.getAttribute("src") === s);
-    if (a) {
-      const e = window.getComputedStyle(a);
-      let c = "";
-      for (let l = 0; l < e.length; l++) {
-        const u = e[l];
-        c += `${u}:${e.getPropertyValue(u)};`;
-      }
-      t.setAttribute("style", c);
-    }
-  });
-}
-async function B({ container: n, scale: i = 2 }) {
-  if (!n) throw new Error("No container provided");
-  await document.fonts.ready;
-  let o = window.getComputedStyle(n).fontFamily || "Helvetica";
-  o.toLowerCase().includes("helvetica") || (o += ", Helvetica");
-  const t = n.cloneNode(!0), s = t.querySelectorAll("canvas"), a = n.querySelectorAll("canvas");
-  for (let p = 0; p < a.length; p += 1) {
-    const f = a[p], h = s[p];
-    if (f && h) {
-      const w = document.createElement("img");
-      w.src = f.toDataURL("image/png"), w.width = f.width, w.height = f.height, w.style.width = f.style.width || f.width + "px", w.style.height = f.style.height || f.height + "px", h.replaceWith(w);
-    }
-  }
-  const e = n.querySelector("svg[aria-label]"), c = t.querySelector("svg[aria-label]");
-  if (e && c) {
-    H(c), P(c), M(c, e), D(c, e), O(c), I(c, o), F(c, e), await A(c);
-    const p = e.getBoundingClientRect(), f = p.width, h = p.height, w = Math.round(f * i), q = Math.round(h * i), L = await $(c, w, q), S = document.createElement("img");
-    S.src = L, S.width = f, S.height = h, S.style.width = f + "px", S.style.height = h + "px", c.parentNode.replaceChild(S, c);
-  }
-  v(t, n, o), F(t, n), T(t), await A(t);
-  const { width: l, height: u } = n.getBoundingClientRect(), g = Math.round(Math.max(t.scrollWidth, l) * i), y = Math.round(Math.max(t.scrollHeight, u) * 1.01 * i), r = document.createElementNS(x, "svg");
-  r.setAttribute("viewBox", `0 0 ${g} ${y}`), r.setAttribute("width", g), r.setAttribute("height", y), r.setAttribute("style", `font-family:${o};`);
-  const d = document.createElementNS(x, "foreignObject");
-  d.setAttribute("x", 0), d.setAttribute("y", 0), d.setAttribute("width", g), d.setAttribute("height", y), d.setAttribute("style", `font-family:${o};`), t.style.transform = `scale(${i})`, t.style.transformOrigin = "top left", t.style.width = l + "px", t.style.height = u + "px", t.style.background = window.getComputedStyle(n).backgroundColor, d.appendChild(t), z(r), r.appendChild(d);
-  const C = new XMLSerializer().serializeToString(r), j = E(C), b = new window.Image();
-  return b.crossOrigin = "anonymous", b.src = `data:image/svg+xml;base64,${j}`, new Promise((p, f) => {
-    b.onload = function() {
-      try {
-        const h = document.createElement("canvas");
-        h.width = g, h.height = y, h.getContext("2d").drawImage(b, 0, 0, g, y), p(h.toDataURL("image/png", 1));
-      } catch (h) {
-        f("Failed to draw SVG on canvas: " + h);
-      }
-    }, b.onerror = function() {
-      f("Failed to load SVG image for conversion");
-    };
-  });
-}
-export {
-  B as d
-};

package/dist/img-DWfzRJdv.js

@@ -1,19 +0,0 @@
-import { d as i } from "./dom-to-png-BjSUS-jY.js";
-async function a({ domElement: r, fileName: n, format: t = "png", scale: c = 2 }) {
-  if (!r) return Promise.reject("No element provided");
-  if (t === "svg") {
-    const o = converter.convertToImg({ container: r, scale: c });
-    if (!o) return Promise.reject("Could not create SVG image");
-    const e = document.createElement("a");
-    return e.href = o.src, e.download = `${n}.svg`, document.body.appendChild(e), e.click(), document.body.removeChild(e), Promise.resolve();
-  }
-  try {
-    const o = await i({ container: r, scale: c }), e = document.createElement("a");
-    e.href = o, e.download = `${n}.${t}`, document.body.appendChild(e), e.click(), document.body.removeChild(e);
-  } catch (o) {
-    throw console.error("Error generating image:", o), o;
-  }
-}
-export {
-  a as default
-};