vue-data-ui 2.3.75 → 2.3.77

package/dist/{vue-ui-quick-chart-BjXXSx7V.js → vue-ui-quick-chart-IqY67olA.js}

@@ -1,12 +1,12 @@
-import { ref as E, computed as W, watch as Pe, onMounted as nt, onBeforeUnmount as rt, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as F, createBlock as Ie, unref as f, createSlots as st, withCtx as ae, renderSlot as D, normalizeProps as J, guardReactiveProps as ge, createCommentVNode as p, toDisplayString as T, createElementVNode as _, Fragment as m, renderList as L, mergeProps as Ee, createVNode as me, pushScopeId as vt, popScopeId as dt } from "vue";
-import { u as ct, c as ht, t as ft, a as gt, p as U, b as mt, F as pt, e as xt, d as Te, m as yt, B as Ge, X as kt, j as bt, k as pe, n as Re, i as H, f as O, P as He, s as X, x as Ae, y as Ne } from "./index-Cm4Iry5c.js";
+import { ref as E, computed as W, watch as Pe, onMounted as nt, onBeforeUnmount as rt, openBlock as a, createElementBlock as l, normalizeClass as ne, normalizeStyle as M, createBlock as Ie, unref as f, createSlots as st, withCtx as ae, renderSlot as D, normalizeProps as J, guardReactiveProps as ge, createCommentVNode as p, toDisplayString as T, createElementVNode as _, Fragment as m, renderList as L, mergeProps as Ee, createVNode as me, pushScopeId as vt, popScopeId as dt } from "vue";
+import { u as ct, c as ht, t as ft, a as gt, p as U, b as mt, G as pt, e as xt, d as Te, m as yt, C as Ge, X as kt, j as bt, k as pe, n as Re, i as H, f as F, Q as He, v as X, x as Ae, y as Ne } from "./index-0KN57HdM.js";
 import { t as St, u as wt } from "./useResponsive-NZB-WLRF.js";
-import Le from "./BaseIcon-BAOfPaXs.js";
-import { _ as _t } from "./Tooltip-CH8GmDCG.js";
-import { u as At, U as Lt } from "./usePrinter-B8RnF8_q.js";
-import { S as zt } from "./Slicer-yaJs-izT.js";
-import $t from "./vue-ui-skeleton-C1oUnz7R.js";
-import { u as Xe } from "./useNestedProp-CurQIHTa.js";
+import Le from "./BaseIcon-Cbr8np30.js";
+import { _ as _t } from "./Tooltip-BGmkuAK4.js";
+import { u as At, U as Lt } from "./usePrinter-BvKYEc1z.js";
+import { S as zt } from "./Slicer-BlRQsQu0.js";
+import $t from "./vue-ui-skeleton-dgMXr8k9.js";
+import { u as Xe } from "./useNestedProp-NeGalTYk.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   LINE: "LINE",
@@ -87,7 +87,7 @@ function Je(s) {
     s.hasOwnProperty(g) && ($[g.toUpperCase()] = s[g]);
   return $;
 }
-const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = ["xmlns", "viewBox"], Ot = ["id"], Bt = ["id"], Ut = /* @__PURE__ */ Ke(() => /* @__PURE__ */ _("feColorMatrix", {
+const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Mt = ["id"], Ot = ["xmlns", "viewBox"], Ft = ["id"], Bt = ["id"], Ut = /* @__PURE__ */ Ke(() => /* @__PURE__ */ _("feColorMatrix", {
   type: "saturate",
   values: "0"
 }, null, -1)), Dt = ["id"], Vt = ["flood-color"], qt = {
@@ -126,7 +126,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
 }, Ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ra = ["x", "y", "font-size", "fill"], Na = {
   key: 3,
   class: "periodLabels"
-}, Fa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ma = ["font-size", "text-anchor", "transform", "fill"], Oa = { class: "plots" }, Ba = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Ua = ["to"], Da = ["from", "to"], Va = {
+}, Ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["font-size", "text-anchor", "transform", "fill"], Fa = { class: "plots" }, Ba = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], Ua = ["to"], Da = ["from", "to"], Va = {
   key: 4,
   class: "dataLabels"
 }, qa = ["x", "y", "font-size", "fill"], Wa = { class: "tooltip-traps" }, ja = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], Ga = {
@@ -156,11 +156,11 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(s, { expose: $, emit: g }) {
-    const R = s, { vue_ui_quick_chart: V } = ct(), j = E(null), le = E(null), oe = E(null), re = E(null), P = E(ht()), G = E(!1), se = E(null), Q = E(""), q = E(null), w = E([]), Fe = E(0), ye = E(0), e = W({
-      get: () => Me(),
+    const R = s, { vue_ui_quick_chart: V } = ct(), j = E(null), le = E(null), oe = E(null), re = E(null), P = E(ht()), G = E(!1), se = E(null), Q = E(""), q = E(null), w = E([]), Me = E(0), ye = E(0), e = W({
+      get: () => Oe(),
       set: (u) => u
     });
-    function Me() {
+    function Oe() {
       const u = Xe({
         userConfig: R.config,
         defaultConfig: V
@@ -174,7 +174,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
       } : u;
     }
     Pe(() => R.config, (u) => {
-      e.value = Me(), k.value.width = e.value.width, k.value.height = e.value.height, Ue();
+      e.value = Oe(), k.value.width = e.value.width, k.value.height = e.value.height, Ue();
     }, { deep: !0 }), Pe(() => R.dataset, (u) => {
       y.value = de.value, b.value.start = 0, b.value.end = y.value.maxSeriesLength, ye.value += 1;
     }, { deep: !0 });
@@ -195,7 +195,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
         type: "dataset"
       });
     }, { immediate: !0 });
-    const { isPrinting: ke, isImaging: be, generatePdf: Oe, generateImage: Be } = At({
+    const { isPrinting: ke, isImaging: be, generatePdf: Fe, generateImage: Be } = At({
       elementId: `${z.value}_${P.value}`,
       fileName: e.value.title || z.value
     }), k = E({
@@ -308,7 +308,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
         immutableValue: o.value
       }));
       function c(o, i) {
-        return O({
+        return F({
           v: isNaN(o.value / De(i)) ? 0 : o.value / De(i) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
@@ -318,7 +318,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
         return o.proportion * 100 > e.value.donutHideLabelUnderPercentage;
       }
       function n(o, i) {
-        const S = de.value.dataset.find((I, M) => `donut_${M}` === o).VALUE;
+        const S = de.value.dataset.find((I, O) => `donut_${O}` === o).VALUE;
         return Math.abs(String(Number(S.toFixed(0))).length - String(Number(i.toFixed(0))).length);
       }
       function r({ datapoint: o, seriesIndex: i }) {
@@ -341,14 +341,14 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
           x += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, x += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${o.color}"/></svg>`, x += `<b>${H(
             e.value.formatter,
             o.value,
-            O({
+            F({
               p: e.value.valuePrefix,
               v: o.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
             { datapoint: o, seriesIndex: i }
-          )}</b>`, x += `<span>(${O({ v: o.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, Q.value = `<div>${x}</div>`;
+          )}</b>`, x += `<span>(${F({ v: o.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, Q.value = `<div>${x}</div>`;
         }
         G.value = !0;
       }
@@ -497,7 +497,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
           });
         else {
           let x = "";
-          e.value.xyPeriods[i[0].absoluteIndex] && (x += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[i[0].absoluteIndex]}</div>`), i.forEach((I, M) => {
+          e.value.xyPeriods[i[0].absoluteIndex] && (x += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[i[0].absoluteIndex]}</div>`), i.forEach((I, O) => {
             x += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${I.color}"/></svg>
@@ -505,13 +505,13 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
                         <b>${H(
               e.value.formatter,
               I.value,
-              O({
+              F({
                 p: e.value.valuePrefix,
                 v: I.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: I, seriesIndex: M }
+              { datapoint: I, seriesIndex: O }
             )}
                         </b>
                     </div>
@@ -578,11 +578,11 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
       })), K = t.map((i, S) => ({
         ...i,
         coordinates: i.values.map((x, I) => {
-          const M = (x + h) / (n.max + h) * c.height, he = Math.abs(x) / Math.abs(n.min) * (c.height - N), Ce = h / (n.max + h) * c.height, fe = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+          const O = (x + h) / (n.max + h) * c.height, he = Math.abs(x) / Math.abs(n.min) * (c.height - N), Ce = h / (n.max + h) * c.height, fe = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
             x: c.left + B * I + fe * S + e.value.barGap / 2,
-            y: x > 0 ? c.bottom - M : N,
-            height: x > 0 ? M - Ce : he,
+            y: x > 0 ? c.bottom - O : N,
+            height: x > 0 ? O - Ce : he,
             value: x,
             width: fe
           };
@@ -590,11 +590,11 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
       })), ue = t.filter((i) => !w.value.includes(i.id)).map((i, S) => ({
         ...i,
         coordinates: i.values.map((x, I) => {
-          const M = (x + h) / (n.max + h) * c.height, he = Math.abs(x) / (n.max + h) * c.height, Ce = h / (n.max + h) * c.height, fe = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
+          const O = (x + h) / (n.max + h) * c.height, he = Math.abs(x) / (n.max + h) * c.height, Ce = h / (n.max + h) * c.height, fe = B / t.filter((te) => !w.value.includes(te.id)).length - e.value.barGap / t.filter((te) => !w.value.includes(te.id)).length;
           return {
             x: c.left + B * I + fe * S + e.value.barGap / 2,
-            y: x > 0 ? c.bottom - M : N,
-            height: x > 0 ? M - Ce : he,
+            y: x > 0 ? c.bottom - O : N,
+            height: x > 0 ? O - Ce : he,
             value: x,
             width: fe
           };
@@ -623,21 +623,21 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
           });
         else {
           let I = "";
-          e.value.xyPeriods[S[0].absoluteIndex] && (I += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[S[0].absoluteIndex]}</div>`), S.forEach((M, he) => {
+          e.value.xyPeriods[S[0].absoluteIndex] && (I += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${e.value.xyPeriods[S[0].absoluteIndex]}</div>`), S.forEach((O, he) => {
             I += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${M.color}"/></svg>
-                        <span>${M.name}:</span>
+                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${O.color}"/></svg>
+                        <span>${O.name}:</span>
                         <b>${H(
               e.value.formatter,
-              M.value,
-              O({
+              O.value,
+              F({
                 p: e.value.valuePrefix,
-                v: M.value,
+                v: O.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: M, seriesIndex: he }
+              { datapoint: O, seriesIndex: he }
             )}
                         </b>
                     </div>
@@ -662,13 +662,13 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
       };
     }), $e = E(!1);
     function ut(u) {
-      $e.value = u, Fe.value += 1;
+      $e.value = u, Me.value += 1;
     }
     function je() {
       Se.value.showTooltip = !Se.value.showTooltip;
     }
     return $({
-      generatePdf: Oe,
+      generatePdf: Fe,
       generateImage: Be,
       toggleTooltip: je
     }), (u, c) => et.value ? (a(), l("div", {
@@ -677,11 +677,11 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
       ref_key: "quickChart",
       ref: j,
       class: ne({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": $e.value }),
-      style: F(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`)
+      style: M(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`)
     }, [
       e.value.showUserOptions ? (a(), Ie(Lt, {
         ref: "details",
-        key: `user_option_${Fe.value}`,
+        key: `user_option_${Me.value}`,
         backgroundColor: e.value.backgroundColor,
         color: e.value.color,
         isPrinting: f(ke),
@@ -697,7 +697,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
         titles: { ...e.value.userOptionsButtonTitles },
         chartElement: j.value,
         onToggleFullscreen: ut,
-        onGeneratePdf: f(Oe),
+        onGeneratePdf: f(Fe),
         onGenerateImage: f(Be),
         onToggleTooltip: je
       }, st({ _: 2 }, [
@@ -735,13 +735,13 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
         ref_key: "quickChartTitle",
         ref: le,
         class: "vue-ui-quick-chart-title",
-        style: F(`background:${e.value.backgroundColor};color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
+        style: M(`background:${e.value.backgroundColor};color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
       }, T(e.value.title), 5)) : p("", !0),
       z.value ? (a(), l("svg", {
         key: 2,
         xmlns: f(kt),
         viewBox: tt.value,
-        style: F(`max-width:100%;overflow:visible;background:${e.value.backgroundColor};color:${e.value.color}`)
+        style: M(`max-width:100%;overflow:visible;background:${e.value.backgroundColor};color:${e.value.color}`)
       }, [
         _("defs", null, [
           _("filter", {
@@ -757,7 +757,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               id: `blur_std_${P.value}`
             }, null, 8, Bt),
             Ut
-          ], 8, Ot),
+          ], 8, Ft),
           _("filter", {
             id: `shadow_${P.value}`,
             "color-interpolation-filters": "sRGB"
@@ -837,7 +837,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               }, T(C.value.displayArcPercentage(t, C.value.chart)) + " (" + T(f(H)(
                 e.value.formatter,
                 t.value,
-                f(O)({
+                f(F)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
@@ -870,7 +870,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               y: C.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, T(f(O)({
+            }, T(f(F)({
               p: e.value.valuePrefix,
               v: C.value.total,
               s: e.value.valueSuffix,
@@ -944,7 +944,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               }, T(f(H)(
                 e.value.formatter,
                 t.value,
-                f(O)({
+                f(F)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
@@ -1037,7 +1037,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               }, T(f(H)(
                 e.value.formatter,
                 f(X)(r.value),
-                f(O)({
+                f(F)({
                   p: e.value.valuePrefix,
                   v: f(X)(r.value),
                   s: e.value.valueSuffix,
@@ -1054,7 +1054,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
               width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
               fill: [q.value, Y.value].includes(n) ? e.value.xyHighlighterColor : "transparent",
-              style: F(`opacity:${e.value.xyHighlighterOpacity}`),
+              style: M(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => d.value.useTooltip(n),
               onMouseleave: c[1] || (c[1] = (r) => d.value.killTooltip()),
               onClick: (r) => g("selectDatapoint", d.value.dataset.map((h) => ({
@@ -1130,7 +1130,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               }, T(f(H)(
                 e.value.formatter,
                 t.value,
-                f(O)({
+                f(F)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
@@ -1149,15 +1149,15 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Fa))), 256)),
+            }, null, 8, Ma))), 256)),
             (a(!0), l(m, null, L(e.value.xyPeriods.slice(b.value.start, b.value.end), (t, n) => (a(), l("text", {
               "font-size": e.value.xyLabelsXFontSize,
               "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               transform: `translate(${v.value.drawingArea.left + v.value.slotSize * (n + 1) - v.value.slotSize / 2}, ${v.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}) rotate(${e.value.xyPeriodLabelsRotation})`,
               fill: e.value.color
-            }, T(t), 9, Ma))), 256))
+            }, T(t), 9, Oa))), 256))
           ])) : p("", !0),
-          _("g", Oa, [
+          _("g", Fa, [
             (a(!0), l(m, null, L(v.value.dataset, (t, n) => (a(), l(m, null, [
               (a(!0), l(m, null, L(t.coordinates, (r, h) => (a(), l("rect", {
                 x: r.x,
@@ -1199,7 +1199,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               }, T(f(H)(
                 e.value.formatter,
                 f(X)(r.value),
-                f(O)({
+                f(F)({
                   p: e.value.valuePrefix,
                   v: f(X)(r.value),
                   s: e.value.valueSuffix,
@@ -1216,7 +1216,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
               width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
               fill: [q.value, Y.value].includes(n) ? e.value.xyHighlighterColor : "transparent",
-              style: F(`opacity:${e.value.xyHighlighterOpacity}`),
+              style: M(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (r) => v.value.useTooltip(n),
               onMouseleave: c[2] || (c[2] = (r) => v.value.killTooltip()),
               onClick: (r) => g("selectDatapoint", v.value.dataset.map((h) => ({
@@ -1262,7 +1262,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
             }, T(e.value.yAxisLabel), 9, el)
           ])) : p("", !0)
         ])) : p("", !0)
-      ], 12, Mt)) : p("", !0),
+      ], 12, Ot)) : p("", !0),
       z.value ? p("", !0) : (a(), Ie($t, {
         key: 3,
         config: {
@@ -1330,14 +1330,14 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
         ref_key: "quickChartLegend",
         ref: oe,
         class: "vue-ui-quick-chart-legend",
-        style: F(`background:${e.value.backgroundColor};color:${e.value.color}`)
+        style: M(`background:${e.value.backgroundColor};color:${e.value.color}`)
       }, [
         z.value === A.DONUT ? (a(!0), l(m, { key: 0 }, L(C.value.legend, (t, n) => (a(), l("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (r) => {
             at(t, C.value.dataset), g("selectLegend", t);
           },
-          style: F(`cursor: ${C.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: M(`cursor: ${C.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
           e.value.useCustomLegend ? D(u.$slots, "legend", J(Ee({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
             me(Le, {
@@ -1346,14 +1346,14 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             _("span", {
-              style: F(`font-size:${e.value.legendFontSize}px`)
+              style: M(`font-size:${e.value.legendFontSize}px`)
             }, T(t.name), 5),
             _("span", {
-              style: F(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
+              style: M(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
             }, T(w.value.includes(t.id) ? "-" : f(H)(
               e.value.formatter,
               t.absoluteValue,
-              f(O)({
+              f(F)({
                 p: e.value.valuePrefix,
                 v: t.absoluteValue,
                 s: e.value.valueSuffix,
@@ -1363,14 +1363,14 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
             )), 5),
             w.value.includes(t.id) ? (a(), l("span", {
               key: 0,
-              style: F(`font-size:${e.value.legendFontSize}px`)
+              style: M(`font-size:${e.value.legendFontSize}px`)
             }, " ( - % ) ", 4)) : _e.value ? (a(), l("span", {
               key: 1,
-              style: F(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+              style: M(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
             }, " ( - % ) ", 4)) : (a(), l("span", {
               key: 2,
-              style: F(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-            }, " (" + T(f(O)({
+              style: M(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+            }, " (" + T(f(F)({
               v: t.value / C.value.total * 100,
               s: "%",
               r: e.value.dataLabelRoundingPercentage
@@ -1382,7 +1382,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
           onClick: (r) => {
             Ve(t.id, d.value.legend.length - 1), g("selectLegend", t);
           },
-          style: F(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: M(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
           e.value.useCustomLegend ? D(u.$slots, "legend", J(Ee({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
             me(Le, {
@@ -1391,7 +1391,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             _("span", {
-              style: F(`font-size:${e.value.legendFontSize}px`)
+              style: M(`font-size:${e.value.legendFontSize}px`)
             }, T(t.name), 5)
           ], 64))
         ], 12, ll))), 256)) : p("", !0),
@@ -1400,7 +1400,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
           onClick: (r) => {
             Ve(t.id, v.value.legend.length - 1), g("selectLegend", t);
           },
-          style: F(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+          style: M(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
         }, [
           e.value.useCustomLegend ? D(u.$slots, "legend", J(Ee({ key: 0 }, { legend: t })), void 0, !0) : (a(), l(m, { key: 1 }, [
             me(Le, {
@@ -1409,7 +1409,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
               size: e.value.legendIconSize
             }, null, 8, ["name", "stroke", "size"]),
             _("span", {
-              style: F(`font-size:${e.value.legendFontSize}px`)
+              style: M(`font-size:${e.value.legendFontSize}px`)
             }, T(t.name), 5)
           ], 64))
         ], 12, ol))), 256)) : p("", !0)
@@ -1437,7 +1437,7 @@ const Ke = (s) => (vt("data-v-0b4fa3fa"), s = s(), dt(), s), Ft = ["id"], Mt = [
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"])
-    ], 14, Ft)) : (a(), l("div", il, [
+    ], 14, Mt)) : (a(), l("div", il, [
       me(Le, {
         name: "circleCancel",
         stroke: "red"

package/dist/{vue-ui-quick-chart-Dt9AsEU6.cjs → vue-ui-quick-chart-YFEmJP_6.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-DYUBiaGS.cjs"),ye=require("./useResponsive-B3TrDDIG.cjs"),ne=require("./BaseIcon--PMhZ3f-.cjs"),$e=require("./Tooltip-DxtWkIt5.cjs"),xe=require("./usePrinter-ZlHxdaEz.cjs"),Pe=require("./Slicer-i_oECHxH.cjs"),Te=require("./vue-ui-skeleton-ClpTCY1x.cjs"),Se=require("./useNestedProp-w7AMWWmz.cjs"),Re=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={LINE:"LINE",BAR:"BAR",DONUT:"DONUT"},Ie=["SERIE","SERIES","DATA","VALUE","VALUES","NUM"];function Me({dataset:s,barLineSwitch:B=6}){let h=null,L=null,z=0;if((typeof s=="number"||typeof s=="string")&&console.warn(`The provided dataset (${s}) is not sufficient to build a chart`),Q(s)&&(P(s)&&(s.length<B?h=S.BAR:h=S.LINE,L=s,z=s.length),re(s))){if(!De(s))return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."),!1;const U=Object.keys(s[0]),j=Object.values(s[0]);if(!U.some(E=>Ue(E)))return console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."),!1;be(j,E=>typeof E=="number")&&(h=S.DONUT,L=s),be(j,E=>Array.isArray(E)&&P(E))&&(Be(s)>B?h=S.LINE:h=S.BAR,z=Be(s),L=s.map(E=>({...E,data:qe(E,$=>P($))}))),s=s.map(E=>we(E)),L=L.map(E=>we(E))}return Q(s)&&[...new Set(s.flatMap(U=>Array.isArray(U)))][0],{dataset:s,type:h,usableDataset:L,maxSeriesLength:z}}function Ee(s){return!s||Q(s)&&!s.length}function Q(s){return Array.isArray(s)}function P(s){if(!Q(s)||Ee(s))return!1;const B=s.map(h=>Number(h));return![...new Set(B.flatMap(h=>typeof h=="number"&&!isNaN(h)))].includes(!1)}function re(s){return!Q(s)||Ee(s)||!![...new Set(s.flatMap(h=>typeof h=="object"&&!Array.isArray(h)))].includes(!1)?!1:!s.map(h=>Object.keys(h).length>0).includes(!1)}function Oe(s,B){const h=Object.keys(s).sort(),L=Object.keys(B).sort();if(h.length!==L.length)return!1;for(let z=0;z<h.length;z+=1){const F=h[z],D=L[z];if(F!==D||typeof s[F]!=typeof B[D])return!1}return!0}function De(s){if(s.length<=1)return!0;for(let B=0;B<s.length;B+=1)for(let h=B+1;h<s.length;h+=1)if(!Oe(s[B],s[h]))return!1;return!0}function Ue(s){return Ie.includes(s.toUpperCase())}function be(s,B){let h=[];for(let L=0;L<s.length;L+=1)h.push(B(s[L]));return h.includes(!0)}function Be(s){return Math.max(...[...s].flatMap(B=>Object.values(B).filter(h=>P(h)).map(h=>h.length)))}function qe(s,B){return Object.values(s).filter(h=>B(h))[0]}function we(s){const B={};for(let h in s)s.hasOwnProperty(h)&&(B[h.toUpperCase()]=s[h]);return B}const _e=s=>(e.pushScopeId("data-v-0b4fa3fa"),s=s(),e.popScopeId(),s),We=["id"],je=["xmlns","viewBox"],Ge=["id"],He=["id"],Xe=_e(()=>e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),Ye=["id"],Ze=["flood-color"],Je={key:0,class:"donut-label-connectors"},Qe=["d","stroke","stroke-width","filter"],Ke=["cx","cy","r","fill"],et=["cx","cy","r","fill","filter"],tt={class:"donut"},lt=["d","fill","stroke","stroke-width","filter"],at=["d","onMouseenter","onClick"],ot={key:1,class:"donut-labels quick-animation"},nt=["cx","cy","fill","filter"],rt=["text-anchor","x","y","fill","font-size","filter"],it=["text-anchor","x","y","fill","font-size","filter"],ut={key:2,class:"donut-hollow quick-animation"},st=["x","y","font-size","fill"],ct=["x","y","font-size","fill"],dt={key:0,class:"line-grid"},vt=["x1","x2","y1","y2","stroke","stroke-width"],mt=["x1","x2","y1","y2","stroke","stroke-width"],ht={key:1,class:"line-axis"},ft=["x1","x2","y1","y2","stroke","stroke-width"],pt=["x1","x2","y1","y2","stroke","stroke-width"],kt={key:2,class:"yLabels"},gt=["x1","x2","y1","y2","stroke","stroke-width"],yt=["x","y","font-size","fill"],xt={key:3,class:"periodLabels"},St=["x1","x2","y1","y2","stroke","stroke-width"],bt=["font-size","text-anchor","fill","transform"],Bt={class:"plots"},wt={class:"line-plot-series"},Et=["d","stroke","stroke-width"],_t=["d","stroke","stroke-width"],Lt=["d","stroke","stroke-width"],At=["d","stroke","stroke-width"],Ct=["cx","cy","fill","stroke"],Nt={key:4,class:"dataLabels"},zt=["font-size","fill","x","y"],Vt={class:"tooltip-traps"},Ft=["x","y","height","width","fill","onMouseenter","onClick"],$t={key:0,class:"line-grid"},Pt=["x1","x2","y1","y2","stroke","stroke-width"],Tt=["x1","x2","y1","y2","stroke","stroke-width"],Rt={key:1,class:"line-axis"},It=["x1","x2","y1","y2","stroke","stroke-width"],Mt=["x1","x2","y1","y2","stroke","stroke-width"],Ot={key:2,class:"yLabels"},Dt=["x1","x2","y1","y2","stroke","stroke-width"],Ut=["x","y","font-size","fill"],qt={key:3,class:"periodLabels"},Wt=["x1","x2","y1","y2","stroke","stroke-width"],jt=["font-size","text-anchor","transform","fill"],Gt={class:"plots"},Ht=["x","width","height","y","fill","stroke","stroke-width"],Xt=["to"],Yt=["from","to"],Zt={key:4,class:"dataLabels"},Jt=["x","y","font-size","fill"],Qt={class:"tooltip-traps"},Kt=["x","y","height","width","fill","onMouseenter","onClick"],el={key:3,class:"axis-labels"},tl={key:0},ll=["font-size","fill","x","y"],al={key:1},ol=["font-size","fill","x","y"],nl={key:2},rl=["font-size","fill","transform"],il={key:3},ul=["font-size","fill","transform"],sl={key:4,class:"vue-data-ui-watermark"},cl=["onClick"],dl=["onClick"],vl=["onClick"],ml={key:1,class:"vue-ui-quick-chart-not-processable"},hl=_e(()=>e.createElementVNode("span",null,"Dataset is not processable",-1)),fl={__name:"vue-ui-quick-chart",props:{config:{type:Object,default(){return{}}},dataset:{type:[Array,Object,String,Number],default(){return null}}},emits:["selectDatapoint","selectLegend"],setup(s,{expose:B,emit:h}){const L=s,{vue_ui_quick_chart:z}=u.useConfig(),F=e.ref(null),D=e.ref(null),U=e.ref(null),j=e.ref(null),E=e.ref(u.createUid()),$=e.ref(!1),G=e.ref(null),R=e.ref(""),V=e.ref(null),x=e.ref([]),se=e.ref(0),K=e.ref(0),t=e.computed({get:()=>ce(),set:n=>n});function ce(){const n=Se.useNestedProp({userConfig:L.config,defaultConfig:z});return n.theme?{...Se.useNestedProp({userConfig:u.themes.vue_ui_quick_chart[n.theme]||L.config,defaultConfig:n}),customPalette:u.themePalettes[n.theme]||u.palette}:n}e.watch(()=>L.config,n=>{t.value=ce(),k.value.width=t.value.width,k.value.height=t.value.height,me()},{deep:!0}),e.watch(()=>L.dataset,n=>{p.value=X.value,g.value.start=0,g.value.end=p.value.maxSeriesLength,K.value+=1},{deep:!0});const H=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),X=e.computed(()=>{const n=Me({dataset:u.sanitizeArray(L.dataset,["serie","series","data","value","values","num"]),barLineSwitch:t.value.chartIsBarUnderDatasetLength});return n||console.error("VueUiQuickChart : Dataset is not processable"),n}),p=e.ref(X.value),Le=e.computed(()=>!!p.value),b=e.computed(()=>p.value?p.value.type:null);e.watch(()=>b.value,n=>{n||u.error({componentName:"VueUiQuickChart",type:"dataset"})},{immediate:!0});const{isPrinting:ee,isImaging:te,generatePdf:de,generateImage:ve}=xe.usePrinter({elementId:`${b.value}_${E.value}`,fileName:t.value.title||b.value}),k=e.ref({width:t.value.width,height:t.value.height}),le=e.ref({showTooltip:t.value.showTooltip}),ae=e.ref(null);e.onMounted(()=>{me()});function me(){if(t.value.responsive){const n=ye.throttle(()=>{const{width:v,height:l}=ye.useResponsive({chart:F.value,title:t.value.title?D.value:null,legend:t.value.showLegend?U.value:null,slicer:[S.BAR,S.LINE].includes(b.value)&&t.value.zoomXy&&p.value.maxSeriesLength>1?j.value:null});k.value.width=v,k.value.height=l});ae.value=new ResizeObserver(n),ae.value.observe(F.value.parentNode)}}e.onBeforeUnmount(()=>{ae.value&&ae.value.disconnect()});const Ae=e.computed(()=>{switch(b.value){case S.LINE:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`;case S.BAR:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`;case S.DONUT:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`;default:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`}});function he(n){return[...n].map(v=>v.value).reduce((v,l)=>v+l,0)}function Y(n){return t.value.blurOnHover&&![null,void 0].includes(V.value)&&V.value!==n?`url(#blur_${E.value})`:""}function fe(n,v){x.value.includes(n)?x.value=x.value.filter(l=>l!==n):x.value.length<v&&x.value.push(n)}const pe=e.ref(null),ke=e.ref(null),oe=e.ref(!1);function Ce(n,v){oe.value=!0;let l=n.value;if(x.value.includes(n.id)){let i=function(){l>r?(oe.value=!1,cancelAnimationFrame(ke.value),p.value={...p.value,dataset:p.value.dataset.map((m,A)=>n.id===`donut_${A}`?{...m,value:r,VALUE:r}:m)}):(l+=r*.025,p.value={...p.value,dataset:p.value.dataset.map((m,A)=>n.id===`donut_${A}`?{...m,value:l,VALUE:l}:m)},ke.value=requestAnimationFrame(i))};x.value=x.value.filter(m=>m!==n.id);const r=X.value.dataset.find((m,A)=>n.id===`donut_${A}`).VALUE;i()}else if(v.length>1){let r=function(){l<.1?(oe.value=!1,cancelAnimationFrame(pe.value),x.value.push(n.id),p.value={...p.value,dataset:p.value.dataset.map((i,m)=>n.id===`donut_${m}`?{...i,value:0,VALUE:0}:i)}):(l/=1.1,p.value={...p.value,dataset:p.value.dataset.map((i,m)=>n.id===`donut_${m}`?{...i,value:l,VALUE:l}:i)},pe.value=requestAnimationFrame(r))};r()}}const T=e.ref(null);function Ne(n){T.value=n}const w=e.computed(()=>{if(b.value!==S.DONUT)return null;const n=p.value.dataset.map((a,o)=>({...a,value:a.VALUE||a.DATA||a.SERIE||a.VALUES||a.NUM||0,name:a.NAME||a.DESCRIPTION||a.TITLE||a.LABEL||`Serie ${o}`,id:`donut_${o}`})).map((a,o)=>({...a,color:a.COLOR?u.convertColorToHex(a.COLOR):H.value[o+t.value.paletteStartIndex]||u.palette[o+t.value.paletteStartIndex]||u.palette[(o+t.value.paletteStartIndex)%u.palette.length],immutableValue:a.value}));function v(a,o){return u.dataLabel({v:isNaN(a.value/he(o))?0:a.value/he(o)*100,s:"%",r:t.value.dataLabelRoundingPercentage})}function l(a){return a.proportion*100>t.value.donutHideLabelUnderPercentage}function r(a,o){const y=X.value.dataset.find((_,C)=>`donut_${C}`===a).VALUE;return Math.abs(String(Number(y.toFixed(0))).length-String(Number(o.toFixed(0))).length)}function i({datapoint:a,seriesIndex:o}){G.value={datapoint:a,seriesIndex:o,config:t.value,dataset:n},V.value=a.id;const y=t.value.tooltipCustomFormat;if(u.isFunction(y)&&u.functionReturnsString(()=>y({datapoint:a,seriesIndex:o,series:n,config:t.value})))R.value=y({datapoint:a,seriesIndex:o,series:n,config:t.value});else{let f="";f+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`,f+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${a.color}"/></svg>`,f+=`<b>${u.applyDataLabel(t.value.formatter,a.value,u.dataLabel({p:t.value.valuePrefix,v:a.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:a,seriesIndex:o})}</b>`,f+=`<span>(${u.dataLabel({v:a.proportion*100,s:"%",r:t.value.dataLabelRoundingPercentage})})</span></div>`,R.value=`<div>${f}</div>`}$.value=!0}function m(){$.value=!1,V.value=null,T.value=null}const A={centerX:k.value.width/2,centerY:k.value.height/2},N=n.filter(a=>!x.value.includes(a.id)).map(a=>a.value||0).reduce((a,o)=>a+o,0),q=n.map((a,o)=>({...a,proportion:(a.value||0)/N,value:a.value||0,absoluteValue:X.value.dataset.find((y,f)=>`donut_${f}`===a.id).VALUE})),I=k.value.width/2,W=k.value.height/2,M=k.value.height*t.value.donutRadiusRatio;return{dataset:q.filter(a=>!x.value.includes(a.id)),legend:q,drawingArea:A,displayArcPercentage:v,isArcBigEnough:l,useTooltip:i,killTooltip:m,getSpaces:r,total:N,cx:I,cy:W,radius:M,chart:u.makeDonut({series:n.filter(a=>!x.value.includes(a.id))},I,W,M,M,1.99999,2,1,360,105.25,k.value.height*t.value.donutThicknessRatio)}}),g=e.ref({start:0,end:p.value.maxSeriesLength});function ze(){g.value={start:0,end:p.value.maxSeriesLength},K.value+=1}const Ve=e.computed(()=>{if(!t.value.zoomMinimap.show||b.value===S.DONUT)return[];let n=[];P(p.value.dataset)&&(n=p.value.dataset),re(p.value.dataset)&&(n=p.value.dataset.map((i,m)=>({values:i.VALUE||i.DATA||i.SERIE||i.SERIES||i.VALUES||i.NUM||0,id:b.value===S.LINE?`line_${m}`:`bar_${m}`})).filter(i=>!x.value.includes(i.id)));const v=P(n)?n.length:Math.max(...n.map(i=>i.values.length));let l=[];if(P(n))l=n;else for(let i=0;i<v;i+=1)l.push(n.map(m=>m.values[i]||0).reduce((m,A)=>(m||0)+(A||0),0));const r=Math.min(...l);return l.map(i=>i+(r<0?Math.abs(r):0))}),d=e.computed(()=>{if(b.value!==S.LINE)return null;const n={height:k.value.height,width:k.value.width},v={left:t.value.xyPaddingLeft,top:t.value.xyPaddingTop,right:n.width-t.value.xyPaddingRight,bottom:n.height-t.value.xyPaddingBottom,width:n.width-t.value.xyPaddingLeft-t.value.xyPaddingRight,height:n.height-t.value.xyPaddingTop-t.value.xyPaddingBottom};let l=[];P(p.value.dataset)&&(l=[{values:p.value.dataset.slice(g.value.start,g.value.end),absoluteIndices:p.value.dataset.map((a,o)=>o).slice(g.value.start,g.value.end),name:t.value.title,color:H.value[t.value.paletteStartIndex]||u.palette[t.value.paletteStartIndex],id:"line_0"}]),re(p.value.dataset)&&(l=p.value.dataset.map((a,o)=>({...a,values:a.VALUE||a.DATA||a.SERIE||a.SERIES||a.VALUES||a.NUM||0,name:a.NAME||a.DESCRIPTION||a.TITLE||a.LABEL||`Serie ${o}`,id:`line_${o}`})).map((a,o)=>({...a,color:a.COLOR?u.convertColorToHex(a.COLOR):H.value[o+t.value.paletteStartIndex]||u.palette[o+t.value.paletteStartIndex]||u.palette[(o+t.value.paletteStartIndex)%u.palette.length],values:a.values.slice(g.value.start,g.value.end),absoluteIndices:a.values.map((y,f)=>f).slice(g.value.start,g.value.end)})));const r={max:Math.max(...l.filter(a=>!x.value.includes(a.id)).flatMap(a=>a.values)),min:Math.min(...l.filter(a=>!x.value.includes(a.id)).flatMap(a=>a.values)),maxSeries:Math.max(...l.map(a=>a.values.length))},i=u.calculateNiceScale(r.min<0?r.min:0,r.max<0?0:r.max,t.value.xyScaleSegments),m=r.min<0?Math.abs(r.min):0,A=r.max<0?v.top:v.bottom-m/(i.max+m)*v.height,N=v.width/r.maxSeries,q=i.ticks.map(a=>({y:v.bottom-v.height*((a+m)/(i.max+m)),x:v.left-8,value:a})),I=l.map((a,o)=>({...a,coordinates:a.values.map((y,f)=>({x:v.left+N*(f+1)-N/2,y:v.bottom-(y+m)/(i.max+m)*v.height,value:y}))})).map(a=>{let o=[];return a.coordinates.forEach(y=>{o.push(`${y.x},${y.y} `)}),{...a,linePath:o.join(" ")}});function W(a){V.value=a,T.value=a;const o=l.map(f=>({...f,value:f.values[a],absoluteIndex:f.absoluteIndices[a]})).filter(f=>!x.value.includes(f.id));G.value={datapoint:o,seriesIndex:a,config:t.value,dataset:l};const y=t.value.tooltipCustomFormat;if(u.isFunction(y)&&u.functionReturnsString(()=>y({datapoint:o,seriesIndex:a,series:l,config:t.value})))R.value=y({datapoint:o,seriesIndex:a,series:l,config:t.value});else{let f="";t.value.xyPeriods[o[0].absoluteIndex]&&(f+=`<div style="border-bottom:1px solid ${t.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.value.xyPeriods[o[0].absoluteIndex]}</div>`),o.forEach((_,C)=>{f+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-TabZg_HV.cjs"),ye=require("./useResponsive-B3TrDDIG.cjs"),ne=require("./BaseIcon-CP535rdy.cjs"),$e=require("./Tooltip-C0PSN8vf.cjs"),xe=require("./usePrinter--7sLxlpn.cjs"),Pe=require("./Slicer-Dt9iqvAA.cjs"),Te=require("./vue-ui-skeleton-CYeXVNFu.cjs"),Se=require("./useNestedProp-CoLyVvV9.cjs"),Re=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={LINE:"LINE",BAR:"BAR",DONUT:"DONUT"},Ie=["SERIE","SERIES","DATA","VALUE","VALUES","NUM"];function Me({dataset:s,barLineSwitch:B=6}){let h=null,L=null,z=0;if((typeof s=="number"||typeof s=="string")&&console.warn(`The provided dataset (${s}) is not sufficient to build a chart`),Q(s)&&(P(s)&&(s.length<B?h=S.BAR:h=S.LINE,L=s,z=s.length),re(s))){if(!De(s))return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."),!1;const U=Object.keys(s[0]),j=Object.values(s[0]);if(!U.some(E=>Ue(E)))return console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."),!1;be(j,E=>typeof E=="number")&&(h=S.DONUT,L=s),be(j,E=>Array.isArray(E)&&P(E))&&(Be(s)>B?h=S.LINE:h=S.BAR,z=Be(s),L=s.map(E=>({...E,data:qe(E,$=>P($))}))),s=s.map(E=>we(E)),L=L.map(E=>we(E))}return Q(s)&&[...new Set(s.flatMap(U=>Array.isArray(U)))][0],{dataset:s,type:h,usableDataset:L,maxSeriesLength:z}}function Ee(s){return!s||Q(s)&&!s.length}function Q(s){return Array.isArray(s)}function P(s){if(!Q(s)||Ee(s))return!1;const B=s.map(h=>Number(h));return![...new Set(B.flatMap(h=>typeof h=="number"&&!isNaN(h)))].includes(!1)}function re(s){return!Q(s)||Ee(s)||!![...new Set(s.flatMap(h=>typeof h=="object"&&!Array.isArray(h)))].includes(!1)?!1:!s.map(h=>Object.keys(h).length>0).includes(!1)}function Oe(s,B){const h=Object.keys(s).sort(),L=Object.keys(B).sort();if(h.length!==L.length)return!1;for(let z=0;z<h.length;z+=1){const F=h[z],D=L[z];if(F!==D||typeof s[F]!=typeof B[D])return!1}return!0}function De(s){if(s.length<=1)return!0;for(let B=0;B<s.length;B+=1)for(let h=B+1;h<s.length;h+=1)if(!Oe(s[B],s[h]))return!1;return!0}function Ue(s){return Ie.includes(s.toUpperCase())}function be(s,B){let h=[];for(let L=0;L<s.length;L+=1)h.push(B(s[L]));return h.includes(!0)}function Be(s){return Math.max(...[...s].flatMap(B=>Object.values(B).filter(h=>P(h)).map(h=>h.length)))}function qe(s,B){return Object.values(s).filter(h=>B(h))[0]}function we(s){const B={};for(let h in s)s.hasOwnProperty(h)&&(B[h.toUpperCase()]=s[h]);return B}const _e=s=>(e.pushScopeId("data-v-0b4fa3fa"),s=s(),e.popScopeId(),s),We=["id"],je=["xmlns","viewBox"],Ge=["id"],He=["id"],Xe=_e(()=>e.createElementVNode("feColorMatrix",{type:"saturate",values:"0"},null,-1)),Ye=["id"],Ze=["flood-color"],Je={key:0,class:"donut-label-connectors"},Qe=["d","stroke","stroke-width","filter"],Ke=["cx","cy","r","fill"],et=["cx","cy","r","fill","filter"],tt={class:"donut"},lt=["d","fill","stroke","stroke-width","filter"],at=["d","onMouseenter","onClick"],ot={key:1,class:"donut-labels quick-animation"},nt=["cx","cy","fill","filter"],rt=["text-anchor","x","y","fill","font-size","filter"],it=["text-anchor","x","y","fill","font-size","filter"],ut={key:2,class:"donut-hollow quick-animation"},st=["x","y","font-size","fill"],ct=["x","y","font-size","fill"],dt={key:0,class:"line-grid"},vt=["x1","x2","y1","y2","stroke","stroke-width"],mt=["x1","x2","y1","y2","stroke","stroke-width"],ht={key:1,class:"line-axis"},ft=["x1","x2","y1","y2","stroke","stroke-width"],pt=["x1","x2","y1","y2","stroke","stroke-width"],kt={key:2,class:"yLabels"},gt=["x1","x2","y1","y2","stroke","stroke-width"],yt=["x","y","font-size","fill"],xt={key:3,class:"periodLabels"},St=["x1","x2","y1","y2","stroke","stroke-width"],bt=["font-size","text-anchor","fill","transform"],Bt={class:"plots"},wt={class:"line-plot-series"},Et=["d","stroke","stroke-width"],_t=["d","stroke","stroke-width"],Lt=["d","stroke","stroke-width"],At=["d","stroke","stroke-width"],Ct=["cx","cy","fill","stroke"],Nt={key:4,class:"dataLabels"},zt=["font-size","fill","x","y"],Vt={class:"tooltip-traps"},Ft=["x","y","height","width","fill","onMouseenter","onClick"],$t={key:0,class:"line-grid"},Pt=["x1","x2","y1","y2","stroke","stroke-width"],Tt=["x1","x2","y1","y2","stroke","stroke-width"],Rt={key:1,class:"line-axis"},It=["x1","x2","y1","y2","stroke","stroke-width"],Mt=["x1","x2","y1","y2","stroke","stroke-width"],Ot={key:2,class:"yLabels"},Dt=["x1","x2","y1","y2","stroke","stroke-width"],Ut=["x","y","font-size","fill"],qt={key:3,class:"periodLabels"},Wt=["x1","x2","y1","y2","stroke","stroke-width"],jt=["font-size","text-anchor","transform","fill"],Gt={class:"plots"},Ht=["x","width","height","y","fill","stroke","stroke-width"],Xt=["to"],Yt=["from","to"],Zt={key:4,class:"dataLabels"},Jt=["x","y","font-size","fill"],Qt={class:"tooltip-traps"},Kt=["x","y","height","width","fill","onMouseenter","onClick"],el={key:3,class:"axis-labels"},tl={key:0},ll=["font-size","fill","x","y"],al={key:1},ol=["font-size","fill","x","y"],nl={key:2},rl=["font-size","fill","transform"],il={key:3},ul=["font-size","fill","transform"],sl={key:4,class:"vue-data-ui-watermark"},cl=["onClick"],dl=["onClick"],vl=["onClick"],ml={key:1,class:"vue-ui-quick-chart-not-processable"},hl=_e(()=>e.createElementVNode("span",null,"Dataset is not processable",-1)),fl={__name:"vue-ui-quick-chart",props:{config:{type:Object,default(){return{}}},dataset:{type:[Array,Object,String,Number],default(){return null}}},emits:["selectDatapoint","selectLegend"],setup(s,{expose:B,emit:h}){const L=s,{vue_ui_quick_chart:z}=u.useConfig(),F=e.ref(null),D=e.ref(null),U=e.ref(null),j=e.ref(null),E=e.ref(u.createUid()),$=e.ref(!1),G=e.ref(null),R=e.ref(""),V=e.ref(null),x=e.ref([]),se=e.ref(0),K=e.ref(0),t=e.computed({get:()=>ce(),set:n=>n});function ce(){const n=Se.useNestedProp({userConfig:L.config,defaultConfig:z});return n.theme?{...Se.useNestedProp({userConfig:u.themes.vue_ui_quick_chart[n.theme]||L.config,defaultConfig:n}),customPalette:u.themePalettes[n.theme]||u.palette}:n}e.watch(()=>L.config,n=>{t.value=ce(),k.value.width=t.value.width,k.value.height=t.value.height,me()},{deep:!0}),e.watch(()=>L.dataset,n=>{p.value=X.value,g.value.start=0,g.value.end=p.value.maxSeriesLength,K.value+=1},{deep:!0});const H=e.computed(()=>u.convertCustomPalette(t.value.customPalette)),X=e.computed(()=>{const n=Me({dataset:u.sanitizeArray(L.dataset,["serie","series","data","value","values","num"]),barLineSwitch:t.value.chartIsBarUnderDatasetLength});return n||console.error("VueUiQuickChart : Dataset is not processable"),n}),p=e.ref(X.value),Le=e.computed(()=>!!p.value),b=e.computed(()=>p.value?p.value.type:null);e.watch(()=>b.value,n=>{n||u.error({componentName:"VueUiQuickChart",type:"dataset"})},{immediate:!0});const{isPrinting:ee,isImaging:te,generatePdf:de,generateImage:ve}=xe.usePrinter({elementId:`${b.value}_${E.value}`,fileName:t.value.title||b.value}),k=e.ref({width:t.value.width,height:t.value.height}),le=e.ref({showTooltip:t.value.showTooltip}),ae=e.ref(null);e.onMounted(()=>{me()});function me(){if(t.value.responsive){const n=ye.throttle(()=>{const{width:v,height:l}=ye.useResponsive({chart:F.value,title:t.value.title?D.value:null,legend:t.value.showLegend?U.value:null,slicer:[S.BAR,S.LINE].includes(b.value)&&t.value.zoomXy&&p.value.maxSeriesLength>1?j.value:null});k.value.width=v,k.value.height=l});ae.value=new ResizeObserver(n),ae.value.observe(F.value.parentNode)}}e.onBeforeUnmount(()=>{ae.value&&ae.value.disconnect()});const Ae=e.computed(()=>{switch(b.value){case S.LINE:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`;case S.BAR:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`;case S.DONUT:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`;default:return`0 0 ${k.value.width<=0?10:k.value.width} ${k.value.height<=0?10:k.value.height}`}});function he(n){return[...n].map(v=>v.value).reduce((v,l)=>v+l,0)}function Y(n){return t.value.blurOnHover&&![null,void 0].includes(V.value)&&V.value!==n?`url(#blur_${E.value})`:""}function fe(n,v){x.value.includes(n)?x.value=x.value.filter(l=>l!==n):x.value.length<v&&x.value.push(n)}const pe=e.ref(null),ke=e.ref(null),oe=e.ref(!1);function Ce(n,v){oe.value=!0;let l=n.value;if(x.value.includes(n.id)){let i=function(){l>r?(oe.value=!1,cancelAnimationFrame(ke.value),p.value={...p.value,dataset:p.value.dataset.map((m,A)=>n.id===`donut_${A}`?{...m,value:r,VALUE:r}:m)}):(l+=r*.025,p.value={...p.value,dataset:p.value.dataset.map((m,A)=>n.id===`donut_${A}`?{...m,value:l,VALUE:l}:m)},ke.value=requestAnimationFrame(i))};x.value=x.value.filter(m=>m!==n.id);const r=X.value.dataset.find((m,A)=>n.id===`donut_${A}`).VALUE;i()}else if(v.length>1){let r=function(){l<.1?(oe.value=!1,cancelAnimationFrame(pe.value),x.value.push(n.id),p.value={...p.value,dataset:p.value.dataset.map((i,m)=>n.id===`donut_${m}`?{...i,value:0,VALUE:0}:i)}):(l/=1.1,p.value={...p.value,dataset:p.value.dataset.map((i,m)=>n.id===`donut_${m}`?{...i,value:l,VALUE:l}:i)},pe.value=requestAnimationFrame(r))};r()}}const T=e.ref(null);function Ne(n){T.value=n}const w=e.computed(()=>{if(b.value!==S.DONUT)return null;const n=p.value.dataset.map((a,o)=>({...a,value:a.VALUE||a.DATA||a.SERIE||a.VALUES||a.NUM||0,name:a.NAME||a.DESCRIPTION||a.TITLE||a.LABEL||`Serie ${o}`,id:`donut_${o}`})).map((a,o)=>({...a,color:a.COLOR?u.convertColorToHex(a.COLOR):H.value[o+t.value.paletteStartIndex]||u.palette[o+t.value.paletteStartIndex]||u.palette[(o+t.value.paletteStartIndex)%u.palette.length],immutableValue:a.value}));function v(a,o){return u.dataLabel({v:isNaN(a.value/he(o))?0:a.value/he(o)*100,s:"%",r:t.value.dataLabelRoundingPercentage})}function l(a){return a.proportion*100>t.value.donutHideLabelUnderPercentage}function r(a,o){const y=X.value.dataset.find((_,C)=>`donut_${C}`===a).VALUE;return Math.abs(String(Number(y.toFixed(0))).length-String(Number(o.toFixed(0))).length)}function i({datapoint:a,seriesIndex:o}){G.value={datapoint:a,seriesIndex:o,config:t.value,dataset:n},V.value=a.id;const y=t.value.tooltipCustomFormat;if(u.isFunction(y)&&u.functionReturnsString(()=>y({datapoint:a,seriesIndex:o,series:n,config:t.value})))R.value=y({datapoint:a,seriesIndex:o,series:n,config:t.value});else{let f="";f+=`<div style="width:100%;text-align:center;border-bottom:1px solid ${t.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${a.name}</div>`,f+=`<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${a.color}"/></svg>`,f+=`<b>${u.applyDataLabel(t.value.formatter,a.value,u.dataLabel({p:t.value.valuePrefix,v:a.value,s:t.value.valueSuffix,r:t.value.dataLabelRoundingValue}),{datapoint:a,seriesIndex:o})}</b>`,f+=`<span>(${u.dataLabel({v:a.proportion*100,s:"%",r:t.value.dataLabelRoundingPercentage})})</span></div>`,R.value=`<div>${f}</div>`}$.value=!0}function m(){$.value=!1,V.value=null,T.value=null}const A={centerX:k.value.width/2,centerY:k.value.height/2},N=n.filter(a=>!x.value.includes(a.id)).map(a=>a.value||0).reduce((a,o)=>a+o,0),q=n.map((a,o)=>({...a,proportion:(a.value||0)/N,value:a.value||0,absoluteValue:X.value.dataset.find((y,f)=>`donut_${f}`===a.id).VALUE})),I=k.value.width/2,W=k.value.height/2,M=k.value.height*t.value.donutRadiusRatio;return{dataset:q.filter(a=>!x.value.includes(a.id)),legend:q,drawingArea:A,displayArcPercentage:v,isArcBigEnough:l,useTooltip:i,killTooltip:m,getSpaces:r,total:N,cx:I,cy:W,radius:M,chart:u.makeDonut({series:n.filter(a=>!x.value.includes(a.id))},I,W,M,M,1.99999,2,1,360,105.25,k.value.height*t.value.donutThicknessRatio)}}),g=e.ref({start:0,end:p.value.maxSeriesLength});function ze(){g.value={start:0,end:p.value.maxSeriesLength},K.value+=1}const Ve=e.computed(()=>{if(!t.value.zoomMinimap.show||b.value===S.DONUT)return[];let n=[];P(p.value.dataset)&&(n=p.value.dataset),re(p.value.dataset)&&(n=p.value.dataset.map((i,m)=>({values:i.VALUE||i.DATA||i.SERIE||i.SERIES||i.VALUES||i.NUM||0,id:b.value===S.LINE?`line_${m}`:`bar_${m}`})).filter(i=>!x.value.includes(i.id)));const v=P(n)?n.length:Math.max(...n.map(i=>i.values.length));let l=[];if(P(n))l=n;else for(let i=0;i<v;i+=1)l.push(n.map(m=>m.values[i]||0).reduce((m,A)=>(m||0)+(A||0),0));const r=Math.min(...l);return l.map(i=>i+(r<0?Math.abs(r):0))}),d=e.computed(()=>{if(b.value!==S.LINE)return null;const n={height:k.value.height,width:k.value.width},v={left:t.value.xyPaddingLeft,top:t.value.xyPaddingTop,right:n.width-t.value.xyPaddingRight,bottom:n.height-t.value.xyPaddingBottom,width:n.width-t.value.xyPaddingLeft-t.value.xyPaddingRight,height:n.height-t.value.xyPaddingTop-t.value.xyPaddingBottom};let l=[];P(p.value.dataset)&&(l=[{values:p.value.dataset.slice(g.value.start,g.value.end),absoluteIndices:p.value.dataset.map((a,o)=>o).slice(g.value.start,g.value.end),name:t.value.title,color:H.value[t.value.paletteStartIndex]||u.palette[t.value.paletteStartIndex],id:"line_0"}]),re(p.value.dataset)&&(l=p.value.dataset.map((a,o)=>({...a,values:a.VALUE||a.DATA||a.SERIE||a.SERIES||a.VALUES||a.NUM||0,name:a.NAME||a.DESCRIPTION||a.TITLE||a.LABEL||`Serie ${o}`,id:`line_${o}`})).map((a,o)=>({...a,color:a.COLOR?u.convertColorToHex(a.COLOR):H.value[o+t.value.paletteStartIndex]||u.palette[o+t.value.paletteStartIndex]||u.palette[(o+t.value.paletteStartIndex)%u.palette.length],values:a.values.slice(g.value.start,g.value.end),absoluteIndices:a.values.map((y,f)=>f).slice(g.value.start,g.value.end)})));const r={max:Math.max(...l.filter(a=>!x.value.includes(a.id)).flatMap(a=>a.values)),min:Math.min(...l.filter(a=>!x.value.includes(a.id)).flatMap(a=>a.values)),maxSeries:Math.max(...l.map(a=>a.values.length))},i=u.calculateNiceScale(r.min<0?r.min:0,r.max<0?0:r.max,t.value.xyScaleSegments),m=r.min<0?Math.abs(r.min):0,A=r.max<0?v.top:v.bottom-m/(i.max+m)*v.height,N=v.width/r.maxSeries,q=i.ticks.map(a=>({y:v.bottom-v.height*((a+m)/(i.max+m)),x:v.left-8,value:a})),I=l.map((a,o)=>({...a,coordinates:a.values.map((y,f)=>({x:v.left+N*(f+1)-N/2,y:v.bottom-(y+m)/(i.max+m)*v.height,value:y}))})).map(a=>{let o=[];return a.coordinates.forEach(y=>{o.push(`${y.x},${y.y} `)}),{...a,linePath:o.join(" ")}});function W(a){V.value=a,T.value=a;const o=l.map(f=>({...f,value:f.values[a],absoluteIndex:f.absoluteIndices[a]})).filter(f=>!x.value.includes(f.id));G.value={datapoint:o,seriesIndex:a,config:t.value,dataset:l};const y=t.value.tooltipCustomFormat;if(u.isFunction(y)&&u.functionReturnsString(()=>y({datapoint:o,seriesIndex:a,series:l,config:t.value})))R.value=y({datapoint:o,seriesIndex:a,series:l,config:t.value});else{let f="";t.value.xyPeriods[o[0].absoluteIndex]&&(f+=`<div style="border-bottom:1px solid ${t.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.value.xyPeriods[o[0].absoluteIndex]}</div>`),o.forEach((_,C)=>{f+=`
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${_.color}"/></svg>
                         <span>${_.name}:</span>