vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-xy-canvas-DqnK_i0Q.js → vue-ui-xy-canvas-DPnb5mqS.js}

@@ -1,22 +1,23 @@
-import { ref as i, computed as x, useSlots as Ea, onMounted as la, watch as E, nextTick as ye, onBeforeUnmount as Aa, createElementBlock as te, openBlock as w, unref as z, normalizeClass as Da, normalizeStyle as V, createCommentVNode as Y, createBlock as A, createElementVNode as oe, createSlots as Ha, withCtx as m, renderSlot as L, normalizeProps as Z, guardReactiveProps as G, createVNode as Na, toDisplayString as ta, createTextVNode as Ya } from "vue";
-import { u as _a, c as Ua, t as Wa, p as _, a as Xa, C as fe, b as Ba, D as ze, i as j, f as q, d as oa, _ as Va, J as Za, a9 as Ga, o as ja, e as qa, x as ra, q as Ja, r as Ka, y as Qa, s as re, l as el } from "./index-B9qF6XbP.js";
+import { ref as v, computed as x, useSlots as Ea, onMounted as la, watch as E, nextTick as ye, onBeforeUnmount as Aa, createElementBlock as te, openBlock as z, unref as w, normalizeClass as Da, normalizeStyle as V, createCommentVNode as Y, createBlock as A, createElementVNode as oe, createSlots as Ha, withCtx as m, renderSlot as L, normalizeProps as Z, guardReactiveProps as G, createVNode as Na, toDisplayString as ta, createTextVNode as Ya } from "vue";
+import { u as _a, c as Ua, t as Wa, p as _, a as Xa, C as fe, b as Ba, D as ze, i as j, f as q, d as oa, _ as Va, J as Za, a9 as Ga, o as ja, e as qa, x as ra, q as Ja, r as Ka, y as Qa, s as re, l as el } from "./index-CZlI7PiS.js";
 import { d as al, t as ll, u as tl, c as ol, a as ua, l as b, r as Se, b as R, p as sa } from "./useResponsive-BWapHhVH.js";
-import { _ as rl } from "./Tooltip-BonEVaob.js";
-import { L as ul } from "./Legend-BDyPoYfp.js";
-import { _ as sl } from "./Title-D6h1gTvZ.js";
-import { S as nl } from "./Slicer-BQP3UIW-.js";
-import { u as il, U as vl } from "./usePrinter-DsiBLAy1.js";
-import cl from "./vue-ui-accordion-DBmchkva.js";
-import { D as dl } from "./DataTable-CJN0sipt.js";
-import hl from "./vue-ui-skeleton-CHEZlRpn.js";
-import { u as na } from "./useNestedProp-g5oKzlVy.js";
-import { P as yl } from "./PenAndPaper-6UYizrkQ.js";
+import { _ as rl } from "./Tooltip-DRw9RoFp.js";
+import { L as ul } from "./Legend-Oaw0MY8Y.js";
+import { _ as sl } from "./Title-DePxeqVl.js";
+import { S as nl } from "./Slicer-BAcq2vD0.js";
+import { u as il, U as vl } from "./usePrinter-D-sSdR2l.js";
+import cl from "./vue-ui-accordion-DVtmOO3I.js";
+import { D as dl } from "./DataTable-D0-zzsJg.js";
+import hl from "./vue-ui-skeleton-D8r-yAkW.js";
+import { u as na } from "./useNestedProp-Cg0NIwr6.js";
+import { P as yl } from "./PenAndPaper-CoEXEMcN.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const pl = ["id"], ml = ["onClick"], bl = {
+import { u as gl } from "./useChartAccessibility-BWojgys7.js";
+import { _ as pl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ml = ["id"], bl = ["onClick"], xl = {
   key: 2,
   class: "vue-data-ui-watermark"
-}, xl = ["innerHTML"], Ll = {
+}, Ll = ["innerHTML"], kl = {
   __name: "vue-ui-xy-canvas",
   props: {
     dataset: {
@@ -34,14 +35,14 @@ const pl = ["id"], ml = ["onClick"], bl = {
   },
   emits: ["selectLegend"],
   setup($e, { expose: ia, emit: va }) {
-    const { vue_ui_xy_canvas: ca } = _a(), g = $e, ge = i(Ua()), J = i(null), M = i(null), K = i(null), s = i(null), y = i(1), P = i(1), ue = i(!1), c = i(null), se = i(""), Ie = i(null), $ = i([]), U = i(1), D = i(!0), W = i(!0), pe = i(null), Me = i(0), Te = i(0), ne = i(!1), Oe = i(null), Re = i(null), Pe = i(null), Fe = i(null), me = i(0), be = i(0), xe = i(0), T = i(null), Le = x(() => !!g.dataset && g.dataset.length), da = va, ha = Ea();
+    const { vue_ui_xy_canvas: ca } = _a(), g = $e, ge = v(Ua()), J = v(null), K = v(null), s = v(null), y = v(1), P = v(1), ue = v(!1), c = v(null), se = v(""), Ie = v(null), $ = v([]), U = v(1), D = v(!0), W = v(!0), pe = v(null), Me = v(0), Te = v(0), ne = v(!1), Oe = v(null), Re = v(null), Pe = v(null), Fe = v(null), me = v(0), be = v(0), xe = v(0), M = v(null), Le = x(() => !!g.dataset && g.dataset.length), da = va, ha = Ea();
     la(() => {
       ha["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
     const a = x({
       get: () => De(),
       set: (e) => e
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ee, keepUserOptionState: Ae } = fl({ config: a.value });
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ee, keepUserOptionState: Ae } = fl({ config: a.value }), { svgRef: T } = gl({ config: a.value.style.chart.title });
     function De() {
       const e = na({
         userConfig: g.config,
@@ -61,10 +62,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
     }, { deep: !0 }), E(() => g.dataset, () => {
       Ce(), me.value += 1, be.value += 1, xe.value += 1;
     }, { deep: !0 });
-    const He = i(a.value.style.chart.aspectRatio), { isPrinting: Ne, isImaging: Ye, generatePdf: _e, generateImage: Ue } = il({
+    const He = v(a.value.style.chart.aspectRatio), { isPrinting: Ne, isImaging: Ye, generatePdf: _e, generateImage: Ue } = il({
       elementId: `xy_canvas_${ge.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-xy-canvas"
-    }), u = i({
+    }), u = v({
       showTable: a.value.table.show,
       showDataLabels: a.value.style.chart.dataLabels.show,
       stacked: a.value.style.chart.stacked,
@@ -90,13 +91,13 @@ const pl = ["id"], ml = ["onClick"], bl = {
     function Xe(e, t) {
       return e / t;
     }
-    function fa({ hasAutoScale: e, series: t, min: o, max: n, scale: d, yOffset: C, individualHeight: v, stackIndex: f = null }) {
+    function fa({ hasAutoScale: e, series: t, min: o, max: n, scale: d, yOffset: C, individualHeight: i, stackIndex: f = null }) {
       return t.map((H, S) => {
         const F = d.min < 0 ? Math.abs(d.min) : 0, N = Xe(H + F, F + d.max);
         let ae, le;
         e && (ae = d.min, le = Xe(H - ae, d.max - ae));
         let O = 0;
-        return f === null ? O = l.value.bottom - l.value.height * (e ? le : N) : O = l.value.bottom - C - v * (e ? le : N), {
+        return f === null ? O = l.value.bottom - l.value.height * (e ? le : N) : O = l.value.bottom - C - i * (e ? le : N), {
           x: l.value.left + l.value.slot * S + l.value.slot / 2,
           y: O,
           value: H
@@ -104,10 +105,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
       });
     }
     const p = x(() => {
-      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...X.value.filter((v, f) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(r.value.start, r.value.end))), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(...X.value.filter((v, f) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(r.value.start, r.value.end))), o = ze(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, d = l.value.bottom - l.value.height * (n / (o.max + n)), C = o.ticks.map((v) => ({
-        y: l.value.bottom - l.value.height * ((v + n) / (o.max + n)),
+      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...X.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(...X.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(r.value.start, r.value.end))), o = ze(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, d = l.value.bottom - l.value.height * (n / (o.max + n)), C = o.ticks.map((i) => ({
+        y: l.value.bottom - l.value.height * ((i + n) / (o.max + n)),
         x: l.value.left - 8,
-        value: v
+        value: i
       }));
       return {
         absoluteMin: n,
@@ -157,13 +158,13 @@ const pl = ["id"], ml = ["onClick"], bl = {
         valueMin: o,
         valueMax: n
       }, C = e.scaleSteps || a.value.style.chart.scale.ticks;
-      let v;
-      e.autoScaling ? v = ze(d.valueMin, d.valueMax, C) : v = ze(d.valueMin < 0 ? d.valueMin : 0, d.valueMax <= 0 ? 0 : d.valueMax, C);
-      const f = u.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, H = u.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = u.value.stacked ? l.value.height * e.stackRatio - H : l.value.height, F = v.min < 0 ? Math.abs(v.min) : 0;
+      let i;
+      e.autoScaling ? i = ze(d.valueMin, d.valueMax, C) : i = ze(d.valueMin < 0 ? d.valueMin : 0, d.valueMax <= 0 ? 0 : d.valueMax, C);
+      const f = u.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, H = u.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = u.value.stacked ? l.value.height * e.stackRatio - H : l.value.height, F = i.min < 0 ? Math.abs(i.min) : 0;
       let N;
-      e.autoScaling && u.value.stacked && n <= 0 ? N = l.value.bottom - f - S : N = l.value.bottom - f - S * (F / (v.max + F));
-      const ae = v.ticks.map((O, Fa) => ({
-        y: l.value.bottom - f - S * (Fa / (v.ticks.length - 1)),
+      e.autoScaling && u.value.stacked && n <= 0 ? N = l.value.bottom - f - S : N = l.value.bottom - f - S * (F / (i.max + F));
+      const ae = i.ticks.map((O, Fa) => ({
+        y: l.value.bottom - f - S * (Fa / (i.ticks.length - 1)),
         x: l.value.left - 8,
         value: O
       })), le = fa({
@@ -171,7 +172,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         series: e.series,
         min: u.value.stacked ? o : p.value.min,
         max: u.value.stacked ? n : p.value.max,
-        scale: u.value.stacked ? v : p.value.scale,
+        scale: u.value.stacked ? i : p.value.scale,
         yOffset: f,
         individualHeight: S,
         stackIndex: u.value.stacked ? t : null
@@ -181,21 +182,21 @@ const pl = ["id"], ml = ["onClick"], bl = {
         coordinatesLine: le,
         min: o,
         max: n,
-        localScale: v,
+        localScale: i,
         localZero: N,
         localMin: F,
         localYLabels: ae,
         yOffset: f,
         individualHeight: S
       };
-    })), r = i({
+    })), r = v({
       start: 0,
       end: I.value
     });
     function Be() {
       Ve();
     }
-    const B = i(null);
+    const B = v(null);
     async function Ve() {
       (a.value.style.chart.zoom.startIndex !== null || a.value.style.chart.zoom.endIndex !== null) && B.value ? (a.value.style.chart.zoom.startIndex !== null && (await ye(), await ye(), B.value && B.value.setStartValue(a.value.style.chart.zoom.startIndex)), a.value.style.chart.zoom.endIndex !== null && (await ye(), await ye(), B.value && B.value.setEndValue(pa(a.value.style.chart.zoom.endIndex + 1)))) : (r.value = {
         start: 0,
@@ -208,10 +209,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
     }
     const ma = x(() => h.value.filter((e) => ["line", "plot", void 0].includes(e.type))), k = x(() => h.value.filter((e) => e.type === "bar"));
     function ba() {
-      if (!M.value)
+      if (!T.value)
         return;
       const e = K.value.offsetWidth, t = K.value.offsetHeight;
-      M.value.width = e * U.value * 2, M.value.height = t * U.value * 2, y.value = e * U.value * 2, P.value = t * U.value * 2, s.value.scale(U.value, U.value), Q();
+      T.value.width = e * U.value * 2, T.value.height = t * U.value * 2, y.value = e * U.value * 2, P.value = t * U.value * 2, s.value.scale(U.value, U.value), Q();
     }
     function xa() {
       if (s.value.clearRect(0, 0, 1e4, 1e4), s.value.fillStyle = a.value.style.chart.backgroundColor, s.value.fillRect(0, 0, l.value.canvasWidth, l.value.canvasHeight), u.value.stacked)
@@ -577,11 +578,11 @@ const pl = ["id"], ml = ["onClick"], bl = {
       );
     }
     function Sa() {
-      T.value && b(
+      M.value && b(
         s.value,
         [
-          { x: l.value.left, y: T.value },
-          { x: l.value.right, y: T.value }
+          { x: l.value.left, y: M.value },
+          { x: l.value.right, y: M.value }
         ],
         {
           color: a.value.style.chart.selector.color,
@@ -694,7 +695,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
     function Q() {
       xa(), D.value ? (c.value !== null && a.value.style.chart.selector.show && Ze(), $a(), u.value.stacked && a.value.style.chart.grid.x.showAxis && Ma(), ma.value.forEach((e) => {
         (e.type === "line" || !e.type) && Ia(e), W.value && (La(e), u.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && wa(e));
-      }), pe.value = ol(M.value)) : (pe.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(pe.value, 0, 0)), c.value !== null && a.value.style.chart.selector.show && Ze(), c.value !== null && h.value.forEach((e) => {
+      }), pe.value = ol(T.value)) : (pe.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(pe.value, 0, 0)), c.value !== null && a.value.style.chart.selector.show && Ze(), c.value !== null && h.value.forEach((e) => {
         if (e.type === "line" || !e.type || e.type === "plot") {
           if (!e.coordinatesLine[c.value]) return;
           e.coordinatesLine[c.value].x !== void 0 && e.coordinatesLine[c.value].y !== void 0 && ua(
@@ -721,16 +722,16 @@ const pl = ["id"], ml = ["onClick"], bl = {
       return { y: t, value: o };
     }
     function Ta(e) {
-      const { left: t, top: o } = M.value.getBoundingClientRect(), n = e.clientX - t;
-      if (T.value = (e.clientY - o) * 2, (T.value < l.value.top || T.value > l.value.bottom) && (T.value = null), n * 2 < l.value.left || n * 2 > l.value.right) {
+      const { left: t, top: o } = T.value.getBoundingClientRect(), n = e.clientX - t;
+      if (M.value = (e.clientY - o) * 2, (M.value < l.value.top || M.value > l.value.bottom) && (M.value = null), n * 2 < l.value.left || n * 2 > l.value.right) {
         ue.value = !1, c.value = null;
         return;
       }
       const d = n * 2 - l.value.left;
       if (c.value = Math.floor(d / l.value.slot), ue.value = !0, !W.value) return;
       let C = "";
-      const v = a.value.style.chart.tooltip.customFormat;
-      ra(v) && Qa(() => v({
+      const i = a.value.style.chart.tooltip.customFormat;
+      ra(i) && Qa(() => i({
         seriesIndex: c.value,
         datapoint: h.value.map((f) => ({
           shape: f.shape || null,
@@ -741,7 +742,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         })),
         series: h.value,
         config: a.value
-      })) ? se.value = v({
+      })) ? se.value = i({
         seriesIndex: c.value,
         datapoint: h.value.map((f) => ({
           shape: f.shape || null,
@@ -762,15 +763,15 @@ const pl = ["id"], ml = ["onClick"], bl = {
       deep: !0
     }), E(() => u.value.showDataLabels, (e) => {
       D.value = !0, Q();
-    }), E(() => T.value, (e) => {
+    }), E(() => M.value, (e) => {
       e && Q();
     }), E(() => u.value.stacked, (e) => {
       D.value = !0, W.value = !0, ie();
     });
     function Oa() {
-      ue.value = !1, c.value = null, se.value = "", T.value = null, Q();
+      ue.value = !1, c.value = null, se.value = "", M.value = null, Q();
     }
-    const ve = i(null), ce = i(null);
+    const ve = v(null), ce = v(null);
     la(() => {
       Ce();
     });
@@ -778,7 +779,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
       if (ja(g.dataset) ? qa({
         componentName: "VueUiXyCanvas",
         type: "dataset"
-      }) : M.value && (s.value = M.value.getContext("2d", { willReadFrequently: !0 })), a.value.responsive) {
+      }) : T.value && (s.value = T.value.getContext("2d", { willReadFrequently: !0 })), a.value.responsive) {
         const e = ll(() => {
           const { width: t, height: o } = tl({
             chart: J.value,
@@ -828,8 +829,8 @@ const pl = ["id"], ml = ["onClick"], bl = {
       const e = [""].concat(h.value.map((d) => d.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 d = 0; d < I.value; d += 1) {
-        const C = h.value.map((v) => v.series[d] ?? 0).reduce((v, f) => v + f, 0);
-        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[d] ?? d + 1].concat(h.value.map((v) => (v.series[d] ?? 0).toFixed(a.value.table.rounding))).concat((C ?? 0).toFixed(a.value.table.rounding)));
+        const C = h.value.map((i) => i.series[d] ?? 0).reduce((i, f) => i + f, 0);
+        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[d] ?? d + 1].concat(h.value.map((i) => (i.series[d] ?? 0).toFixed(a.value.table.rounding))).concat((C ?? 0).toFixed(a.value.table.rounding)));
       }
       const o = {
         th: {
@@ -879,7 +880,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
     function aa() {
       u.value.showTooltip = !u.value.showTooltip;
     }
-    const he = i(!1);
+    const he = v(!1);
     function we() {
       he.value = !he.value;
     }
@@ -893,22 +894,22 @@ const pl = ["id"], ml = ["onClick"], bl = {
       toggleStack: ea,
       toggleTooltip: aa,
       toggleAnnotator: we
-    }), (e, t) => (w(), te("div", {
+    }), (e, t) => (z(), te("div", {
       style: V(`width:100%; position:relative; ${a.value.responsive ? "height: 100%" : ""}`),
       ref_key: "xy",
       ref: J,
       id: `xy_canvas_${ge.value}`,
       class: Da(`vue-ui-donut ${ne.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      onMouseenter: t[5] || (t[5] = () => z(Ee)(!0)),
-      onMouseleave: t[6] || (t[6] = () => z(Ee)(!1))
+      onMouseenter: t[5] || (t[5] = () => w(Ee)(!0)),
+      onMouseleave: t[6] || (t[6] = () => w(Ee)(!1))
     }, [
-      a.value.style.chart.title.text ? (w(), te("div", {
+      a.value.style.chart.title.text ? (z(), te("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: Oe,
         style: V(`width:100%;background:${a.value.style.chart.backgroundColor};`)
       }, [
-        (w(), A(sl, {
+        (z(), A(sl, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -922,13 +923,13 @@ const pl = ["id"], ml = ["onClick"], bl = {
           }
         }, null, 8, ["config"]))
       ], 4)) : Y("", !0),
-      a.value.userOptions.show && Le.value && (z(Ae) || z(ke)) ? (w(), A(vl, {
+      a.value.userOptions.show && Le.value && (w(Ae) || w(ke)) ? (z(), A(vl, {
         ref: "details",
         key: `user_option_${Te.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
         color: a.value.style.chart.color,
-        isPrinting: z(Ne),
-        isImaging: z(Ye),
+        isPrinting: w(Ne),
+        isImaging: w(Ye),
         uid: ge.value,
         hasTooltip: a.value.userOptions.buttons.tooltip && a.value.style.chart.tooltip.show,
         hasPdf: a.value.userOptions.buttons.pdf,
@@ -947,16 +948,16 @@ const pl = ["id"], ml = ["onClick"], bl = {
         hasAnnotator: a.value.userOptions.buttons.annotator,
         isAnnotation: he.value,
         onToggleFullscreen: ya,
-        onGeneratePdf: z(_e),
+        onGeneratePdf: w(_e),
         onGenerateCsv: Je,
-        onGenerateImage: z(Ue),
+        onGenerateImage: w(Ue),
         onToggleTable: Ke,
         onToggleLabels: Qe,
         onToggleStack: ea,
         onToggleTooltip: aa,
         onToggleAnnotator: we,
         style: V({
-          visibility: z(Ae) ? z(ke) ? "visible" : "hidden" : "visible"
+          visibility: w(Ae) ? w(ke) ? "visible" : "hidden" : "visible"
         })
       }, Ha({ _: 2 }, [
         e.$slots.optionTooltip ? {
@@ -1029,14 +1030,14 @@ const pl = ["id"], ml = ["onClick"], bl = {
         ref_key: "container",
         ref: K
       }, [
-        Le.value ? (w(), te("canvas", {
+        Le.value ? (z(), te("canvas", {
           key: 0,
           ref_key: "canvas",
-          ref: M,
+          ref: T,
           style: { width: "100%", height: "100%" },
           onMousemove: t[0] || (t[0] = (o) => Ta(o)),
           onMouseleave: Oa
-        }, null, 544)) : (w(), A(hl, {
+        }, null, 544)) : (z(), A(hl, {
           key: 1,
           config: {
             type: "line",
@@ -1064,11 +1065,11 @@ const pl = ["id"], ml = ["onClick"], bl = {
           borderWidth: a.value.style.chart.tooltip.borderWidth,
           position: a.value.style.chart.tooltip.position,
           offsetY: a.value.style.chart.tooltip.offsetY,
-          parent: M.value,
+          parent: w(T),
           content: se.value,
           isFullscreen: ne.value,
           backgroundOpacity: a.value.style.chart.tooltip.backgroundOpacity,
-          isCustom: z(ra)(a.value.style.chart.tooltip.customFormat)
+          isCustom: w(ra)(a.value.style.chart.tooltip.customFormat)
         }, {
           "tooltip-before": m(() => [
             L(e.$slots, "tooltip-before", Z(G({ ...Ie.value })), void 0, !0)
@@ -1085,7 +1086,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         style: V(`width:100%;background:${a.value.style.chart.backgroundColor}`),
         "data-html2canvas-ignore": ""
       }, [
-        a.value.style.chart.zoom.show && I.value > 1 ? (w(), A(nl, {
+        a.value.style.chart.zoom.show && I.value > 1 ? (z(), A(nl, {
           ref_key: "slicerComponent",
           ref: B,
           key: `slicer_${Me.value}`,
@@ -1122,7 +1123,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         ref_key: "chartLegend",
         ref: Re
       }, [
-        a.value.style.chart.legend.show && Le.value ? (w(), A(ul, {
+        a.value.style.chart.legend.show && Le.value ? (z(), A(ul, {
           legendSet: je.value,
           config: Ra.value,
           key: `legend_${xe.value}`,
@@ -1132,7 +1133,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
             oe("div", {
               onClick: (d) => o.segregate(),
               style: V(`opacity:${$.value.includes(n) ? 0.5 : 1}`)
-            }, ta(o.name), 13, ml)
+            }, ta(o.name), 13, bl)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : L(e.$slots, "legend", {
@@ -1140,10 +1141,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
           legend: je.value
         }, void 0, !0)
       ], 512),
-      e.$slots.watermark ? (w(), te("div", bl, [
-        L(e.$slots, "watermark", Z(G({ isPrinting: z(Ne) || z(Ye) })), void 0, !0)
+      e.$slots.watermark ? (z(), te("div", xl, [
+        L(e.$slots, "watermark", Z(G({ isPrinting: w(Ne) || w(Ye) })), void 0, !0)
       ])) : Y("", !0),
-      e.$slots.source ? (w(), te("div", {
+      e.$slots.source ? (z(), te("div", {
         key: 3,
         ref_key: "source",
         ref: Fe,
@@ -1151,7 +1152,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
       }, [
         L(e.$slots, "source", {}, void 0, !0)
       ], 512)) : Y("", !0),
-      r.value.end - r.value.start < 200 ? (w(), A(cl, {
+      r.value.end - r.value.start < 200 ? (z(), A(cl, {
         key: 4,
         hideDetails: "",
         config: {
@@ -1168,7 +1169,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         }
       }, {
         content: m(() => [
-          (w(), A(dl, {
+          (z(), A(dl, {
             key: `table_${be.value}`,
             colNames: de.value.colNames,
             head: de.value.head,
@@ -1178,7 +1179,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
             onClose: t[4] || (t[4] = (o) => u.value.showTable = !1)
           }, {
             th: m(({ th: o }) => [
-              oe("div", { innerHTML: o }, null, 8, xl)
+              oe("div", { innerHTML: o }, null, 8, Ll)
             ]),
             td: m(({ td: o }) => [
               Ya(ta(o), 1)
@@ -1188,7 +1189,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         ]),
         _: 1
       }, 8, ["config"])) : Y("", !0),
-      a.value.userOptions.buttons.annotator && h.value.length ? (w(), A(yl, {
+      a.value.userOptions.buttons.annotator && h.value.length ? (z(), A(yl, {
         key: 5,
         parent: J.value,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -1196,9 +1197,9 @@ const pl = ["id"], ml = ["onClick"], bl = {
         active: he.value,
         onClose: we
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : Y("", !0)
-    ], 46, pl));
+    ], 46, ml));
   }
-}, Dl = /* @__PURE__ */ gl(Ll, [["__scopeId", "data-v-20d8065f"]]);
+}, Nl = /* @__PURE__ */ pl(kl, [["__scopeId", "data-v-89446978"]]);
 export {
-  Dl as default
+  Nl as default
 };

package/package.json

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

package/dist/Shape-BN3-_2DI.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("vue"),a=require("./index-kZKcQZM_.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],v=["d","fill","stroke","stroke-width"],p=["points","fill","stroke","stroke-width"],f={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:m}){const e=n,i=m;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const l=o.computed(()=>d(e.shape)),s=o.computed(()=>e.shape!=="star"?null:a.createStar({plot:{x:e.plot.x,y:e.plot.y},radius:e.radius*(e.isSelected?e.zoom:1)})),k=o.computed(()=>a.createPolygonPath({plot:{x:e.plot.x,y:e.plot.y},radius:e.radius*(e.isSelected?e.zoom:1),sides:l.value.points,rotation:l.value.rotation}).path);return(u,t)=>(o.openBlock(),o.createElementBlock("g",null,[l.value&&l.value.points===1?(o.openBlock(),o.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:e.radius*(e.isSelected?e.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[0]||(t[0]=r=>i("mouseover")),onMouseout:t[1]||(t[1]=r=>i("mouseout")),onClick:t[2]||(t[2]=r=>i("click"))},null,40,c)):o.createCommentVNode("",!0),l.value&&l.value.points>=n.limit?(o.openBlock(),o.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[3]||(t[3]=r=>i("mouseover")),onMouseout:t[4]||(t[4]=r=>i("mouseout")),onClick:t[5]||(t[5]=r=>i("click"))},null,40,v)):o.createCommentVNode("",!0),s.value?(o.openBlock(),o.createElementBlock("polygon",{key:2,points:s.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[6]||(t[6]=r=>i("mouseover")),onMouseout:t[7]||(t[7]=r=>i("mouseout")),onClick:t[8]||(t[8]=r=>i("click"))},null,40,p)):o.createCommentVNode("",!0)]))}};exports._sfc_main=f;

package/dist/Tooltip-DSPKrQcQ.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),p=require("./index-kZKcQZM_.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;

package/dist/vue-ui-3d-bar-DEu24HHj.cjs

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-kZKcQZM_.cjs"),ke=require("./Title-BGiQdt7J.cjs"),le=require("./usePrinter-DR42gTOS.cjs"),me=require("./vue-ui-skeleton-BBNX7lud.cjs"),ye=require("./DataTable-Du7nJ0TM.cjs"),ge=require("./vue-ui-accordion-BfDu7hTY.cjs"),oe=require("./useNestedProp-D4Jn2Oxr.cjs"),$e=require("./PackageVersion-qeLvq6l8.cjs"),_e=require("./PenAndPaper-BYqaxOpk.cjs"),Be=require("./useUserOptionState-BgepsfED.cjs"),be=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),xe=["id"],Ce={key:1,style:"width:100%;background:transparent"},Ee=["xmlns","viewBox"],we=["width","height"],Ne=["id"],Ve=["stop-color"],Fe=["stop-color"],Se=["id"],Me=["stop-color"],Pe=["stop-color"],Oe=["id"],Le=["stop-color"],De=["stop-color"],Te=["id"],ze=["stop-color"],je=["stop-color"],Ae=["stop-color"],Ie={key:1},We=["id"],Ge=["stop-color"],He=["stop-color"],Ue=["id"],qe=["stop-color"],Xe=["stop-color"],Ze=["id"],Re=["stop-color"],Ye=["stop-color"],Je=["id"],Ke=["x","y","font-size","font-weight","fill"],Qe=["x","y"],et=["d","stroke"],tt=["d","stroke"],lt={key:4},ot={key:0},nt=["stroke-dasharray","d","stroke","stroke-width"],rt=["stroke-dasharray","d","stroke","stroke-width"],at=["stroke-dasharray","d","stroke","stroke-width"],st=["stroke-dasharray","d","stroke","stroke-width"],ut={key:1},it=["d","stroke","stroke-width","fill"],ct=["d","stroke","stroke-width","fill"],dt=["d","stroke","stroke-width","fill"],ht={key:2},vt=["d","fill","onMouseenter","onClick"],pt=["d","fill","onMouseenter","onClick"],ft=["d","fill","onMouseenter","onClick"],kt=["d","onMouseenter","onClick"],mt=["d"],yt=["d","stroke"],gt=["onClick"],$t=["stroke","d"],_t=["cx","cy","fill","stroke"],Bt=["x","y","width","height"],bt={key:1},xt=["d","stroke"],Ct=["d","fill","stroke"],Et=["id"],wt=["stop-color"],Nt=["stop-color"],Vt=["cx","cy","fill"],Ft=["cx","cy","fill"],St={key:0},Mt=["text-anchor","x","y","fill","font-size"],Pt=["text-anchor","x","y","fill","font-size"],Ot={key:2},Lt=["d","fill","stroke"],Dt={key:5},Tt={key:0},zt=["stroke-dasharray","d","stroke","stroke-width"],jt=["stroke-dasharray","d","stroke","stroke-width"],At=["stroke-dasharray","d","stroke","stroke-width"],It=["stroke-dasharray","d","stroke","stroke-width"],Wt=["d","stroke","stroke-width","fill"],Gt=["d","stroke","stroke-width","fill"],Ht={key:1},Ut=["onClick"],qt=["id"],Xt=["stop-color"],Zt=["stop-color"],Rt=["id"],Yt=["stop-color"],Jt=["stop-color"],Kt=["stop-color"],Qt=["stop-color"],el=["stop-color"],tl=["onMouseenter","onClick","d","fill"],ll=["onMouseenter","onClick","d"],ol=["onMouseenter","onClick","d","fill"],nl=["onClick"],rl=["stroke","d"],al=["cx","cy","fill","stroke"],sl=["x","y","width","height"],ul={key:1},il=["d","stroke"],cl=["d","fill","stroke"],dl=["id"],hl=["stop-color"],vl=["stop-color"],pl=["cx","cy","fill"],fl=["cx","cy","fill"],kl={key:0},ml=["text-anchor","x","y","fill","font-size"],yl=["text-anchor","x","y","fill","font-size"],gl={key:2},$l=["d","fill","stroke"],_l={key:4,class:"vue-data-ui-watermark"},Bl={key:6,ref:"source",dir:"auto"},bl=["innerHTML"],xl={__name:"vue-ui-3d-bar",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["selectDatapoint"],setup(ne,{expose:re,emit:ae}){const{vue_ui_3d_bar:se}=s.useConfig(),f=ne,F=ae,S=e.computed(()=>!!f.dataset&&Object.keys(f.dataset).length),k=e.ref(s.createUid()),ue=e.ref(null),O=e.ref(null),x=e.ref(!1),j=e.ref(0),A=e.ref(0),l=e.computed({get:()=>G(),set:a=>a}),{userOptionsVisible:L,setUserOptionsVisibility:I,keepUserOptionState:W}=Be.useUserOptionState({config:l.value});function G(){const a=oe.useNestedProp({userConfig:f.config,defaultConfig:se});return a.theme?{...oe.useNestedProp({userConfig:s.themes.vue_ui_3d_bar[a.theme]||f.config,defaultConfig:a}),customPalette:s.themePalettes[a.theme]||s.palette}:a}e.watch(()=>f.config,a=>{l.value=G(),L.value=!l.value.userOptions.showOnChartHover,Z(),j.value+=1,A.value+=1,N.value.showTable=l.value.table.show},{deep:!0});const{isPrinting:H,isImaging:U,generatePdf:q,generateImage:X}=le.usePrinter({elementId:`3d_bar_${k.value}`,fileName:l.value.style.chart.title.text||"vue-ui-3d-bar"}),ie=e.computed(()=>s.convertCustomPalette(l.value.customPalette)),N=e.ref({showTable:l.value.table.show}),$=e.computed(()=>f.dataset.series&&f.dataset.series.length),n=e.computed(()=>({height:l.value.style.chart.box.dimensions.height,width:l.value.style.chart.box.dimensions.width,absoluteWidth:l.value.style.chart.box.dimensions.width*($.value?2:1),top:l.value.style.chart.box.dimensions.top,bottom:l.value.style.chart.box.dimensions.bottom,left:l.value.style.chart.box.dimensions.left,right:l.value.style.chart.box.dimensions.right,perspective:l.value.style.chart.box.dimensions.perspective})),g=e.computed(()=>{if($.value){const a=f.dataset.series.map(o=>o.value||0).reduce((o,u)=>o+u,0),r=f.dataset.series.map((o,u)=>({...o,id:s.createUid(),proportion:(o.value||0)/a,color:s.convertColorToHex(o.color)||ie.value[u]||s.palette[u]||s.palette[u%s.palette.length],breakdown:o.breakdown?o.breakdown.sort((i,p)=>p.value-i.value):null})).sort((o,u)=>u.value-o.value),t=[];let c=0;for(let o=0;o<r.length;o+=1)t.push({...r[o],fill:ce(c,r[o].proportion,r[o].breakdown,r[o].color)}),c+=r[o].proportion;return t}return null}),B=e.computed(()=>({right:`M${n.value.width/2},${n.value.top} ${n.value.width-n.value.right}, ${n.value.top+n.value.perspective} ${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective} ${n.value.width/2},${n.value.height-n.value.bottom}`,left:`M${n.value.width/2},${n.value.top} ${n.value.left},${n.value.top+n.value.perspective} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective} ${n.value.width/2},${n.value.height-n.value.bottom}`,side:`M${n.value.width/2},${n.value.height-n.value.bottom} ${n.value.width/2},${n.value.top+n.value.perspective*2}`,topSides:`M${n.value.left},${n.value.top+n.value.perspective} ${n.value.width/2},${n.value.top+n.value.perspective*2} ${n.value.width-n.value.right},${n.value.top+n.value.perspective}`,tubeTop:`M${n.value.left},${n.value.top+n.value.perspective} C ${n.value.left},${n.value.top-n.value.perspective/3} ${n.value.width-n.value.right},${n.value.top-n.value.perspective/3} ${n.value.width-n.value.right},${n.value.top+n.value.perspective} C ${n.value.width-n.value.right},${n.value.top+n.value.perspective*2.3} ${n.value.left},${n.value.top+n.value.perspective*2.3} ${n.value.left},${n.value.top+n.value.perspective}`,tubeLeft:`M${n.value.left},${n.value.top+n.value.perspective} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective}`,tubeRight:`M${n.value.width-n.value.right},${n.value.top+n.value.perspective} ${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective}`,tubeBottom:`M${n.value.width-n.value.right},${n.value.height-n.value.bottom-n.value.perspective} C ${n.value.width-n.value.right},${n.value.height} ${n.value.left},${n.value.height} ${n.value.left},${n.value.height-n.value.bottom-n.value.perspective}`})),E=e.ref(l.value.style.chart.animation.use?0:f.dataset.percentage);e.onMounted(()=>{Z();let a=0,r=l.value.style.chart.animation.speed,t=.005*l.value.style.chart.animation.acceleration;function c(){E.value+=r+a,a+=t,E.value<f.dataset.percentage?requestAnimationFrame(c):E.value=f.dataset.percentage}l.value.style.chart.animation.use&&(E.value=0,c())});function Z(){s.objectIsEmpty(f.dataset)?s.error({componentName:"VueUi3dBar",type:"dataset"}):f.dataset.series?f.dataset.series.forEach((a,r)=>{s.getMissingDatasetAttributes({datasetObject:a,requiredAttributes:["name","value"]}).forEach(t=>{s.error({componentName:"VueUi3dBar",type:"datasetSerieAttribute",property:t,index:r})}),a.breakdown&&a.breakdown.forEach((t,c)=>{s.getMissingDatasetAttributes({datasetObject:t,requiredAttributes:["name","value"]}).forEach(o=>{s.error({componentName:"VueUi3dBar",type:"datasetSerieAttribute",property:o,index:`${r} - ${c}`})})})}):s.getMissingDatasetAttributes({datasetObject:f.dataset,requiredAttributes:["percentage"]}).forEach(a=>{s.error({componentName:"VueUi3dBar",type:"datasetAttribute",property:a})})}function ce(a,r,t,c){const o=n.value.height-n.value.bottom-n.value.top-n.value.perspective*2,{width:u,height:i,bottom:p,right:y,left:h,perspective:v}=n.value,d=p+o*a,z=i-d-v-o*r/2,ve=z>n.value.height/2?"top":"bottom",K=64,pe=!!t;let Q=null,ee=null;return pe&&(t=t.map((te,fe)=>({...te,value:te.value||0,color:s.lightenHexColor(c,fe/t.length)})),Q=s.makeDonut({series:t},u+n.value.absoluteWidth/4-14,ve==="top"?z-K:z+K,28,28,1.99999,2,1,360,105.25,14),ee=s.makeDonut({series:t},u-y+20,i-d-v-o*r/2,6,6,1.99999,2,1,360,105.25,6)),{donut:Q,miniDonut:ee,sidePointer:{x:u-y,y:i-d-v-o*r/2,topY:i-d-v-o*r,height:o*r},apexBottom:{y:i-d,x:u/2},apexTop:{y:i-d-o*r,x:u/2},right:`M${u/2},${i-d} ${u/2},${i-d-o*r} ${u-y},${i-d-v-o*r} ${u-y},${i-d-v}Z`,left:`M${u/2},${i-d} ${u/2},${i-d-o*r} ${h}, ${i-d-v-o*r} ${h},${i-d-v}Z`,liningTop:`M${h},${i-d-v-o*r} ${u/2},${i-d-o*r} ${u-y},${i-d-v-o*r}`,liningTopShade:`M${h},${i-d-v-o*r-.5} ${u/2},${i-d-o*r-.5} ${u-y},${i-d-v-o*r-.5}`,top:`M${u/2},${i-d-o*r} ${h},${i-d-v-o*r} ${u/2},${i-d-v*2-o*r} ${u-y},${i-d-v-o*r} Z`,tubeTop:`M${h},${i-d-o*r-v} C ${h},${i-d-o*r-v*2.5} ${u-y},${i-d-o*r-v*2.5} ${u-y},${i-d-o*r-v} C ${u-y},${i-d-o*r+v/2} ${h},${i-d-o*r+v/2} ${h},${i-d-o*r-v}`,bottomTubeTop:`M ${u-y-.5},${i-d-v} C ${u-y-.5},${i-d+v/2} ${h},${i-d+v/2} ${h+.5},${i-d-v}`,tubeBody:`M
-        ${h},${i-d-o*r-v} 
-        C ${h},${i-d-o*r+v/2} 
-        ${u-y},${i-d-o*r+v/2} 
-        ${u-y},${i-d-o*r-v} 
-        L${u-y},${i-d-v}
-        C 
-        ${u-y},${i-d+v/2}
-        ${h},${i-d+v/2}
-        ${h},${i-d-v}Z`}}const V=e.computed(()=>{const a=E.value/100,r=n.value.height-n.value.bottom-n.value.top-n.value.perspective*2,{width:t,height:c,bottom:o,right:u,left:i,perspective:p}=n.value,h=o+r*0;return{right:`M${t/2},${c-h} ${t/2},${c-h-r*a} ${t-u},${c-h-p-r*a} ${t-u},${c-h-p}Z`,left:`M${t/2},${c-h} ${t/2},${c-h-r*a} ${i}, ${c-h-p-r*a} ${i},${c-h-p}Z`,top:`M${t/2},${c-h-r*a} ${i},${c-h-p-r*a} ${t/2},${c-h-p*2-r*a} ${t-u},${c-h-p-r*a} Z`,tubeTop:`M${i},${c-h-r*a-p} C ${i},${c-h-r*a-p*2.5} ${t-u},${c-h-r*a-p*2.5} ${t-u},${c-h-r*a-p} C ${t-u},${c-h-r*a+p/2} ${i},${c-h-r*a+p/2} ${i},${c-h-r*a-p}`,tubeBody:`M
-        ${i},${c-h-r*a-p} 
-        C ${i},${c-h-r*a+p/2} 
-        ${t-u},${c-h-r*a+p/2} 
-        ${t-u},${c-h-r*a-p} 
-        L${t-u},${c-p*1.5}
-        C 
-        ${t-u},${c}
-        ${i},${c}
-        ${i},${c-h-p}Z`}}),m=e.ref(null);function _(a,r=!1){F("selectDatapoint",a),r||(m.value=a.id),r&&x.value&&(x.value=!1),r&&!x.value&&(x.value=!0)}function C(){x.value||(m.value=null)}function w(a,r,t=!1){const c=f.dataset.series.map(i=>i.value||0).reduce((i,p)=>i+p,0),o=isNaN(a.value/c)?0:a.value/c*100,u=isNaN(a.value/R(r))?0:a.value/R(r)*100;return t?u:o.toFixed(0)+"%"}function R(a){return[...a].map(r=>r.value).reduce((r,t)=>r+t,0)}const D=e.ref(!1);function de(a){D.value=a}function he(){return $.value?g.value:f.dataset.percentage}const b=e.computed(()=>{if($.value){const a=g.value.flatMap(t=>t.breakdown&&t.breakdown.length?[{name:t.name,color:t.color},...t.breakdown.map((c,o)=>({name:c.name,color:s.lightenHexColor(t.color,o/t.breakdown.length)}))]:{name:t.name,color:t.color}),r=g.value.flatMap(t=>t.breakdown&&t.breakdown.length?[t.value,...t.breakdown.map(c=>c.value)]:t.value);return{head:a,body:r}}else return null});function Y(){if(!$.value){console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");return}e.nextTick(()=>{const a=g.value.map(o=>o.value).reduce((o,u)=>o+u,0),r=b.value.head.map((o,u)=>[[o.name],[b.value.body[u]],[isNaN(b.value.body[u]/a)?"-":b.value.body[u]/a*100]]),t=[[l.value.style.chart.title.text],[l.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(r),c=s.createCsvContent(t);s.downloadCsv({csvContent:c,title:l.value.style.chart.title.text||"vue-ui-3d-bar"})})}const M=e.computed(()=>{const a=g.value.map(u=>u.value).reduce((u,i)=>u+i,0),r=[' <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>',s.dataLabel({p:l.value.style.chart.legend.prefix,v:a,s:l.value.style.chart.legend.suffix,r:l.value.table.td.roundingValue}),"100%"],t=b.value.head.map((u,i)=>{const p=s.dataLabel({p:l.value.style.chart.legend.prefix,v:b.value.body[i],s:l.value.style.chart.legend.suffix,r:l.value.table.td.roundingValue});return[{color:u.color,name:u.name},p,isNaN(b.value.body[i]/a)?"-":s.dataLabel({v:b.value.body[i]/a*100,s:"%",r:l.value.table.td.roundingPercentage})]}),c={th:{backgroundColor:l.value.table.th.backgroundColor,color:l.value.table.th.color,outline:l.value.table.th.outline},td:{backgroundColor:l.value.table.td.backgroundColor,color:l.value.table.td.color,outline:l.value.table.td.outline},breakpoint:l.value.table.responsiveBreakpoint,shape:l.value.style.shape==="tube"?"circle":"square"};return{colNames:[l.value.table.columnNames.series,l.value.table.columnNames.value,l.value.table.columnNames.percentage],head:r,body:t,config:c}});function J(){N.value.showTable=!N.value.showTable}const P=e.ref(!1);function T(){P.value=!P.value}return re({generateCsv:Y,generatePdf:q,generateImage:X,getData:he,toggleTable:J,toggleAnnotator:T}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"bar3dChart",ref:O,class:e.normalizeClass("vue-ui-3d-bar"),style:e.normalizeStyle(`font-family:${l.value.style.fontFamily};width:100%; text-align:center;background:${l.value.style.chart.backgroundColor}`),id:`3d_bar_${k.value}`,onMouseenter:r[2]||(r[2]=()=>e.unref(I)(!0)),onMouseleave:r[3]||(r[3]=()=>e.unref(I)(!1))},[l.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(_e.PenAndPaper,{key:0,parent:O.value,backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color,active:P.value,onClose:T},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),l.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Ce,[(e.openBlock(),e.createBlock(ke._sfc_main,{key:`title_${j.value}`,config:{title:{cy:"3dBar-div-title",...l.value.style.chart.title},subtitle:{cy:"3dBar-div-subtitle",...l.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),l.value.userOptions.show&&S.value&&(e.unref(W)||e.unref(L))?(e.openBlock(),e.createBlock(le.UserOptions,{key:2,ref_key:"details",ref:ue,backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color,isPrinting:e.unref(H),isImaging:e.unref(U),uid:k.value,hasPdf:l.value.userOptions.buttons.pdf,hasTable:!!$.value&&l.value.userOptions.buttons.table,hasXls:!!$.value&&l.value.userOptions.buttons.csv,hasImg:l.value.userOptions.buttons.img,hasFullscreen:l.value.userOptions.buttons.fullscreen,titles:{...l.value.userOptions.buttonTitles},chartElement:O.value,position:l.value.userOptions.position,hasAnnotator:l.value.userOptions.buttons.annotator,isAnnotation:P.value,onToggleFullscreen:de,onGeneratePdf:e.unref(q),onGenerateCsv:Y,onGenerateImage:e.unref(X),onToggleTable:J,onToggleAnnotator:T,style:e.normalizeStyle({visibility:e.unref(W)?e.unref(L)?"visible":"hidden":"visible"})},e.createSlots({_:2},[a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,a.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionTable",{},void 0,!0)]),key:"3"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:t,isFullscreen:c})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:t,isFullscreen:c})),void 0,!0)]),key:"4"}:void 0,a.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:t,isAnnotator:c})=>[e.renderSlot(a.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:t,isAnnotator:c})),void 0,!0)]),key:"5"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasTable","hasXls","hasImg","hasFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),S.value?(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":D.value,"vue-data-ui-fulscreen--off":!D.value}),viewBox:`0 0 ${n.value.absoluteWidth} ${n.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${l.value.style.chart.color}`)},[e.createVNode($e._sfc_main),a.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:n.value.absoluteWidth,height:n.value.height,style:{pointerEvents:"none"}},[e.renderSlot(a.$slots,"chart-background",{},void 0,!0)],8,we)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_top${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Ve),e.createElementVNode("stop",{offset:"100%","stop-color":l.value.style.chart.bar.color},null,8,Fe)],8,Ne),e.createElementVNode("radialGradient",{id:`gradient_left${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Me),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.bar.color,20)},null,8,Pe)],8,Se),e.createElementVNode("radialGradient",{id:`gradient_right${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Le),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.bar.color,20)},null,8,De)],8,Oe),e.createElementVNode("linearGradient",{id:`gradient_tube_body${k.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${l.value.style.chart.bar.color}`},null,8,ze),e.createElementVNode("stop",{offset:"75%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,je),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.bar.color,40)},null,8,Ae)],8,Te)]),$.value?(e.openBlock(),e.createElementBlock("defs",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`grad_top_${t.id}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.5),80)},null,8,Ge),e.createElementVNode("stop",{offset:"100%","stop-color":t.color},null,8,He)],8,We))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`grad_left_${t.id}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(t.color,80)},null,8,qe),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.5),100)},null,8,Xe)],8,Ue))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,t=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`grad_right_${t.id}`},[e.createElementVNode("stop",{offset:"2%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.5),100)},null,8,Re),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(t.color,80)},null,8,Ye)],8,Ze))),256)),e.createElementVNode("linearGradient",{x1:"0%",y1:"0%",x2:"0%",y2:"100%",id:`vertical_line_${k.value}`},r[4]||(r[4]=[e.createElementVNode("stop",{offset:"0%","stop-color":"#FFFFFF"},null,-1),e.createElementVNode("stop",{offset:"100%","stop-color":"#FFFFFF33"},null,-1)]),8,Je)])):e.createCommentVNode("",!0),l.value.style.chart.dataLabel.show&&![null,void 0].includes(f.dataset.percentage)&&[null,void 0].includes(f.dataset.series)?(e.openBlock(),e.createElementBlock("text",{key:2,x:n.value.width/2,y:n.value.top-l.value.style.chart.dataLabel.fontSize/2,"font-size":l.value.style.chart.dataLabel.fontSize,"font-weight":l.value.style.chart.dataLabel.bold?"bold":"normal",fill:l.value.style.chart.dataLabel.color,"text-anchor":"middle"},e.toDisplayString(e.unref(s.dataLabel)({v:E.value,s:"%",r:l.value.style.chart.dataLabel.rounding})),9,Ke)):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("g",{key:3,onClick:r[0]||(r[0]=t=>{x.value=!1,m.value=null}),"data-html2canvas-ignore":"",style:{cursor:"pointer"}},[e.createElementVNode("rect",{x:n.value.width/2-6,y:n.value.top-20,height:12,width:12,fill:"transparent"},null,8,Qe),e.createElementVNode("path",{d:`M${n.value.width/2-6},${n.value.top-20} ${n.value.width/2+6},${n.value.top-9}`,stroke:l.value.style.chart.color,"stroke-linecap":"round","stroke-width":"1"},null,8,et),e.createElementVNode("path",{d:`M${n.value.width/2+6},${n.value.top-20} ${n.value.width/2-6},${n.value.top-9}`,stroke:l.value.style.chart.color,"stroke-linecap":"round","stroke-width":"1"},null,8,tt)])):e.createCommentVNode("",!0),!l.value.style.shape||l.value.style.shape==="bar"?(e.openBlock(),e.createElementBlock("g",lt,[$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",ot,[e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.right,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,nt),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.left,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,rt),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.side,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,at),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.topSides,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,st)])),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",ut,[e.createElementVNode("path",{d:V.value.right,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_right${k.value})`},null,8,it),e.createElementVNode("path",{d:V.value.left,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_left${k.value})`},null,8,ct),e.createElementVNode("path",{d:V.value.top,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_top${k.value})`},null,8,dt)])),$.value?(e.openBlock(),e.createElementBlock("g",ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:.3:1}`),class:"vue-ui-3d-bar-stack"},[e.createElementVNode("path",{d:t.fill.right,fill:`url(#grad_right_${t.id})`,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,vt),e.createElementVNode("path",{d:t.fill.left,fill:`url(#grad_left_${t.id})`,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,pt),e.createElementVNode("path",{d:t.fill.top,fill:`url(#grad_top_${t.id})`,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,ft),e.createElementVNode("path",{d:t.fill.liningTop,stroke:"#FFFFFF","stroke-width":"0.5","stroke-linecap":"round",fill:"none",onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C},null,40,kt),e.createElementVNode("path",{d:`M ${t.fill.apexTop.x},${t.fill.apexTop.y} ${t.fill.apexBottom.x},${t.fill.apexBottom.y}`,stroke:"#FFFFFF","stroke-width":"0.5","stroke-linecap":"round"},null,8,mt)],4))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",null,[c!==g.value.length-1?(e.openBlock(),e.createElementBlock("path",{key:0,d:t.fill.liningTopShade,stroke:l.value.style.chart.bar.shadeColor,"stroke-width":"0.5","stroke-linecap":"round",fill:"none",style:{"pointer-events":"none"}},null,8,yt)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:0:t.proportion*100>l.value.style.chart.legend.hideUnderPercentage?1:0}`),onClick:o=>F("selectDatapoint",t)},[e.createElementVNode("path",{stroke:l.value.style.chart.color,"stroke-dasharray":"1","stroke-width":"0.5","stroke-linecap":"round",d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x+20},${t.fill.sidePointer.y}`},null,8,$t),!t.fill.miniDonut||m.value?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.fill.sidePointer.x+20,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:l.value.style.chart.backgroundColor},null,8,_t)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("foreignObject",{x:t.fill.sidePointer.x+30,y:t.fill.sidePointer.y-l.value.style.chart.legend.fontSize,width:n.value.absoluteWidth/2-12,height:l.value.style.chart.legend.fontSize*2,style:{overflow:"visible",position:"relative"}},[l.value.style.chart.legend.showDefault?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${l.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${l.value.style.chart.legend.fontSize}px; color:${l.value.style.chart.legend.color}`)},e.toDisplayString(t.name)+": "+e.toDisplayString(e.unref(s.dataLabel)({v:t.proportion*100,s:"%",r:l.value.style.chart.legend.roundingPercentage}))+" ("+e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,t.value,e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:t.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue}),{datapoint:t,seriesIndex:c}))+") ",5)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"legend",e.mergeProps({ref_for:!0},{datapoint:t,config:l.value,dataset:g.value}),void 0,!0)],8,Bt)),t.fill.donut&&m.value===t.id?(e.openBlock(),e.createElementBlock("g",bt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(s.calcNutArrowPath)(o,{x:o.cx,y:o.cy},0,8,!1,!0,10),stroke:o.color,class:"vue-ui-donut-arc-path","stroke-width":"0.5","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"},null,8,xt)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":1},null,8,Ct))),256)),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`hollow_gradient_${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,wt),r[5]||(r[5]=e.createElementVNode("stop",{offset:"77%","stop-color":"#FFFFFF20"},null,-1)),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,Nt)],8,Et)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:28,fill:`url(#hollow_gradient_${k.value})`},null,8,Vt))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:14,fill:l.value.style.chart.backgroundColor},null,8,Ft))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("g",St,[e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o,!0,0).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12),fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(w(o,t.fill.donut))+" ("+e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,o.value,e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:o.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue}),{datapoint:o,seriesIndex:u}))+") ",9,Mt),e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12)+l.value.style.chart.legend.fontSize/1.5,fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(o.name),9,Pt)])):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.fill.miniDonut&&!m.value?(e.openBlock(),e.createElementBlock("g",Ot,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.miniDonut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":.5},null,8,Lt))),256))])):e.createCommentVNode("",!0)],12,gt))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),l.value.style.shape==="tube"?(e.openBlock(),e.createElementBlock("g",Dt,[$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("g",Tt,[e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.tubeTop,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,zt),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.tubeLeft,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,jt),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.tubeRight,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,At),e.createElementVNode("path",{"stroke-dasharray":l.value.style.chart.box.strokeDasharray,d:B.value.tubeBottom,stroke:l.value.style.chart.box.stroke,"stroke-width":l.value.style.chart.box.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,8,It),e.createElementVNode("path",{d:V.value.tubeTop,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_top${k.value})`},null,8,Wt),e.createElementVNode("path",{d:V.value.tubeBody,stroke:l.value.style.chart.bar.stroke,"stroke-width":l.value.style.chart.bar.strokeWidth,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_body${k.value})`},null,8,Gt)])),$.value?(e.openBlock(),e.createElementBlock("g",Ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:.3:1}`),class:"vue-ui-3d-bar-stack",onClick:o=>F("selectDatapoint",t)},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`gradient_tube_top_${t.id}`,fx:"10%",cy:"55%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.5),80)},null,8,Xt),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.1),80)},null,8,Zt)],8,qt),e.createElementVNode("linearGradient",{id:`gradient_tube_body_${t.id}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${t.color}`},null,8,Yt),e.createElementVNode("stop",{offset:"10%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.7),100)},null,8,Jt),e.createElementVNode("stop",{offset:"25%","stop-color":e.unref(s.setOpacity)(e.unref(s.darkenHexColor)(t.color,.5),100)},null,8,Kt),e.createElementVNode("stop",{offset:"75%","stop-color":e.unref(s.setOpacity)(t.color,80)},null,8,Qt),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(e.unref(s.lightenHexColor)(t.color,.7),100)},null,8,el)],8,Rt)]),e.createElementVNode("path",{onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C,d:t.fill.tubeBody,stroke:"#FFFFFF","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_body_${t.id})`},null,40,tl),c>0?(e.openBlock(),e.createElementBlock("path",{key:0,onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C,d:t.fill.bottomTubeTop,stroke:"#000000","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},null,40,ll)):e.createCommentVNode("",!0),e.createElementVNode("path",{onMouseenter:o=>_(t),onClick:o=>_(t,!0),onMouseout:C,d:t.fill.tubeTop,stroke:"#FFFFFF","stroke-width":.5,"stroke-linejoin":"round","stroke-linecap":"round",fill:`url(#gradient_tube_top_${t.id})`},null,40,ol)],12,Ut))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(t,c)=>(e.openBlock(),e.createElementBlock("g",{style:e.normalizeStyle(`opacity:${m.value?m.value===t.id?1:0:t.proportion*100>l.value.style.chart.legend.hideUnderPercentage?1:0}`),onClick:o=>F("selectDatapoint",t)},[e.createElementVNode("path",{stroke:l.value.style.chart.color,"stroke-dasharray":"1","stroke-width":"0.5","stroke-linecap":"round",d:`M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x+20},${t.fill.sidePointer.y}`},null,8,rl),!t.fill.miniDonut||m.value?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:t.fill.sidePointer.x+20,cy:t.fill.sidePointer.y,r:2,fill:t.color,stroke:l.value.style.chart.backgroundColor},null,8,al)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("foreignObject",{x:t.fill.sidePointer.x+30,y:t.fill.sidePointer.y-l.value.style.chart.legend.fontSize,width:n.value.absoluteWidth/2-12,height:l.value.style.chart.legend.fontSize*2,style:{overflow:"visible",position:"relative"}},[l.value.style.chart.legend.showDefault?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${l.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${l.value.style.chart.legend.fontSize}px; color:${l.value.style.chart.legend.color}`)},e.toDisplayString(t.name)+": "+e.toDisplayString(e.unref(s.dataLabel)({v:t.proportion*100,s:"%",r:l.value.style.chart.legend.roundingPercentage}))+" ("+e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,t.value,e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:t.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue}),{datapoint:t,seriesIndex:c}))+") ",5)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"legend",e.mergeProps({ref_for:!0},{datapoint:t,config:l.value,dataset:g.value}),void 0,!0)],8,sl)),t.fill.donut&&m.value===t.id?(e.openBlock(),e.createElementBlock("g",ul,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("path",{key:0,d:e.unref(s.calcNutArrowPath)(o,{x:o.cx,y:o.cy},0,8,!1,!0,10),stroke:o.color,class:"vue-ui-donut-arc-path","stroke-width":"0.5","stroke-linecap":"round","stroke-linejoin":"round",fill:"none"},null,8,il)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":1},null,8,cl))),256)),e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{id:`hollow_gradient_${k.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,hl),r[6]||(r[6]=e.createElementVNode("stop",{offset:"77%","stop-color":"#FFFFFF20"},null,-1)),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(s.setOpacity)(l.value.style.chart.backgroundColor,0)},null,8,vl)],8,dl)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:28,fill:`url(#hollow_gradient_${k.value})`},null,8,pl))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("circle",{class:"vue-ui-donut-arc-path",cx:o.cx,cy:o.cy,r:14,fill:l.value.style.chart.backgroundColor},null,8,fl))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.donut,(o,u)=>(e.openBlock(),e.createElementBlock("g",null,[w(o,t.fill.donut,!0)>6?(e.openBlock(),e.createElementBlock("g",kl,[e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o,!0,0).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12),fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(w(o,t.fill.donut))+" ("+e.toDisplayString(e.unref(s.applyDataLabel)(l.value.style.chart.dataLabel.formatter,o.value,e.unref(s.dataLabel)({p:l.value.style.chart.legend.prefix,v:o.value,s:l.value.style.chart.legend.suffix,r:l.value.style.chart.legend.roundingValue}),{datapoint:o,seriesIndex:u}))+") ",9,ml),e.createElementVNode("text",{"text-anchor":e.unref(s.calcMarkerOffsetX)(o).anchor,x:e.unref(s.calcMarkerOffsetX)(o,!0,2).x,y:e.unref(s.calcMarkerOffsetY)(o,12,12)+l.value.style.chart.legend.fontSize/1.5,fill:l.value.style.chart.legend.color,"font-size":l.value.style.chart.legend.fontSize/1.5},e.toDisplayString(o.name),9,yl)])):e.createCommentVNode("",!0)]))),256))])):e.createCommentVNode("",!0),t.fill.miniDonut&&!m.value?(e.openBlock(),e.createElementBlock("g",gl,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fill.miniDonut,(o,u)=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-donut-arc-path",d:o.arcSlice,fill:`${o.color}`,stroke:l.value.style.chart.backgroundColor,"stroke-width":.5},null,8,$l))),256))])):e.createCommentVNode("",!0)],12,nl))),256))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:n.value},void 0,!0)],14,Ee)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",_l,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(H)||e.unref(U)})),void 0,!0)])):e.createCommentVNode("",!0),S.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(me.default,{key:5,config:{type:"bar3d",style:{backgroundColor:l.value.style.chart.backgroundColor,bar3d:{color:"#CCCCCC"}}}},null,8,["config"])),a.$slots.source?(e.openBlock(),e.createElementBlock("div",Bl,[e.renderSlot(a.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),S.value&&$.value?(e.openBlock(),e.createBlock(ge.default,{key:7,hideDetails:"",config:{open:N.value.showTable,maxHeight:1e4,body:{backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color},head:{backgroundColor:l.value.style.chart.backgroundColor,color:l.value.style.chart.color}}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(ye.DataTable,{key:`table_${A.value}`,colNames:M.value.colNames,head:M.value.head,body:M.value.body,config:M.value.config,title:`${l.value.style.chart.title.text}${l.value.style.chart.title.subtitle.text?` : ${l.value.style.chart.title.subtitle.text}`:""}`,onClose:r[1]||(r[1]=t=>N.value.showTable=!1)},{th:e.withCtx(({th:t})=>[e.createElementVNode("div",{innerHTML:t,style:{display:"flex","align-items":"center"}},null,8,bl)]),td:e.withCtx(({td:t})=>[e.createTextVNode(e.toDisplayString(t.name||t),1)]),_:1},8,["colNames","head","body","config","title"]))]),_:1},8,["config"])):e.createCommentVNode("",!0)],44,xe))}},Cl=be._export_sfc(xl,[["__scopeId","data-v-d85ff0dc"]]);exports.default=Cl;