vue-data-ui 3.4.9 → 3.5.1

package/dist/{vue-ui-gauge-DQricvo2.js → vue-ui-gauge-46tSRZN5.js}

@@ -1,21 +1,21 @@
-import { defineAsyncComponent as K, computed as h, ref as f, toRefs as at, watch as Q, shallowRef as ze, onMounted as lt, onBeforeUnmount as st, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as ee, normalizeClass as Ce, createBlock as U, createCommentVNode as c, createElementVNode as p, withCtx as N, toDisplayString as R, createSlots as ot, renderSlot as S, normalizeProps as j, guardReactiveProps as W, createVNode as rt, Fragment as k, renderList as $, mergeProps as T, nextTick as ut } from "vue";
-import { c as nt, t as it, b as ct, p as Fe, e as vt, o as Ae, h as ht, f as D, g as Oe, T as te, _ as F, a6 as dt, x as ft, X as yt, s as ae, M as gt, Y as mt, a as le, d as se, R as oe } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as K, computed as d, ref as y, toRefs as at, watch as Q, shallowRef as ze, onMounted as lt, onBeforeUnmount as ot, createElementBlock as r, openBlock as s, unref as u, normalizeStyle as ee, normalizeClass as Ce, createBlock as W, createCommentVNode as c, createElementVNode as k, withCtx as b, renderSlot as h, normalizeProps as C, guardReactiveProps as F, toDisplayString as T, createSlots as st, createVNode as rt, Fragment as S, renderList as z, mergeProps as L, nextTick as nt } from "vue";
+import { c as ut, t as it, b as ct, p as Fe, e as vt, o as Ae, h as dt, f as D, g as Oe, T as te, _ as M, a6 as ht, x as ft, X as yt, s as ae, M as gt, Y as mt, a as le, d as oe, R as se } from "./lib-C_mNZmhD.js";
 import { t as pt, u as kt } from "./useResponsive-DfdjqQps.js";
-import { u as bt, B as _t } from "./BaseScanner-BgWxam9d.js";
-import { u as St } from "./usePrinter-DTzqpYKF.js";
-import { u as wt, a as Me } from "./useNestedProp-BjZe1Y85.js";
+import { u as bt, B as St } from "./BaseScanner-BgWxam9d.js";
+import { u as _t } from "./usePrinter-DTzqpYKF.js";
+import { u as wt, a as Me } from "./useNestedProp-DjGXw6S9.js";
 import { u as xt } from "./useSvgExport-DrjCWun4.js";
 import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Ct } from "./useAutoSizeLabelsInsideViewbox-BhzfwQ_k.js";
 import Ft from "./img-BecE5qXd.js";
 import { t as At } from "./themes-AUNCOb2G.js";
-import Ot from "./Title-l36lOBMx.js";
+import Ot from "./Title-isbiM8i8.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "height"], Rt = ["id"], Yt = ["stop-color"], Tt = ["stop-color"], Et = ["stop-color"], Lt = ["id"], Gt = ["stdDeviation"], Bt = { key: 1 }, Ut = ["d", "fill", "stroke"], jt = ["d", "fill", "stroke"], Wt = ["d", "fill"], Dt = ["id", "d"], Vt = ["fill", "font-size", "font-weight"], Ht = ["href", "startOffset"], qt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Zt = ["d", "filter"], Jt = ["stroke", "stroke-width"], Kt = ["stroke", "stroke-width"], Qt = ["stroke", "stroke-width"], ea = ["stroke", "stroke-width"], ta = { key: 8 }, aa = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], la = ["x", "y", "font-size", "font-weight", "fill"], sa = { key: 0 }, oa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ua = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], na = { key: 1 }, ia = ["d", "fill", "stroke", "stroke-width"], ca = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], va = ["x", "y", "font-size", "fill"], ha = {
+const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "height"], Rt = ["id"], Yt = ["stop-color"], Tt = ["stop-color"], Et = ["stop-color"], Lt = ["id"], Gt = ["stdDeviation"], Bt = { key: 1 }, Ut = ["d", "fill", "stroke"], jt = ["d", "fill", "stroke"], Wt = ["d", "fill"], Dt = ["id", "d"], Vt = ["fill", "font-size", "font-weight"], Ht = ["href", "startOffset"], qt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Zt = ["d", "filter"], Jt = ["stroke", "stroke-width"], Kt = ["stroke", "stroke-width"], Qt = ["stroke", "stroke-width"], ea = ["stroke", "stroke-width"], ta = { key: 8 }, aa = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], la = ["x", "y", "font-size", "font-weight", "fill"], oa = { key: 0 }, sa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], na = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], ua = { key: 1 }, ia = ["d", "fill", "stroke", "stroke-width"], ca = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], va = ["x", "y", "font-size", "fill"], da = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, da = {
+}, ha = {
   __name: "vue-ui-gauge",
   props: {
     config: {
@@ -32,13 +32,13 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
     }
   },
   setup(Ne, { expose: Pe }) {
-    const Ie = K(() => import("./PenAndPaper-DSvu9dwa.js")), Xe = K(() => import("./UserOptions-CGnQt6Fd.js")), Re = K(() => import("./PackageVersion-CTUqGqWV.js")), { vue_ui_gauge: Ye } = wt(), m = Ne, Te = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(nt()), Ee = f(null), re = f(0), A = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: x, manualLoading: P } = bt({
-      ...at(m),
+    const Ie = K(() => import("./PenAndPaper-SZQIAgkg.js")), Xe = K(() => import("./UserOptions-CGnQt6Fd.js")), Re = K(() => import("./PackageVersion-DQvyATVa.js")), { vue_ui_gauge: Ye } = wt(), p = Ne, Te = d(() => !!p.dataset && Object.keys(p.dataset).length > 0 && p.dataset.series && p.dataset.series.length), x = y(ut()), Ee = y(null), re = y(0), N = y(null), ne = y(null), ue = y(null), ie = y(null), ce = y(null), ve = y(0), e = y(H()), { loading: de, FINAL_DATASET: $, manualLoading: X } = bt({
+      ...at(p),
       FINAL_CONFIG: e,
       prepareConfig: H,
       callback: () => {
         Promise.resolve().then(async () => {
-          await ut();
+          await nt();
         });
       },
       skeletonDataset: {
@@ -77,31 +77,31 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
           }
         }
       })
-    }), { userOptionsVisible: V, setUserOptionsVisibility: de, keepUserOptionState: fe } = $t({ config: e.value }), { svgRef: E } = zt({ config: e.value.style.chart.title });
-    Q(() => m.config, (t) => {
-      he.value || (e.value = H()), V.value = !e.value.userOptions.showOnChartHover, Z(), ve.value += 1;
-    }, { deep: !0 }), Q(() => m.dataset, (t) => {
-      Z(), t && Object.keys(t).length > 0 && (P.value = e.value?.loading ?? !1);
+    }), { userOptionsVisible: V, setUserOptionsVisibility: he, keepUserOptionState: fe } = $t({ config: e.value }), { svgRef: G } = zt({ config: e.value.style.chart.title });
+    Q(() => p.config, (t) => {
+      de.value || (e.value = H()), V.value = !e.value.userOptions.showOnChartHover, Z(), ve.value += 1;
+    }, { deep: !0 }), Q(() => p.dataset, (t) => {
+      Z(), t && Object.keys(t).length > 0 && (X.value = e.value?.loading ?? !1);
     }, { deep: !0, immediate: !1 });
     function H() {
       const t = Me({
-        userConfig: m.config,
+        userConfig: p.config,
         defaultConfig: Ye
       });
       return t.theme ? {
         ...Me({
-          userConfig: At.vue_ui_gauge[t.theme] || m.config,
+          userConfig: At.vue_ui_gauge[t.theme] || p.config,
           defaultConfig: t
         }),
         customPalette: ct[t.theme] || Fe
       } : t;
     }
-    const { isPrinting: ye, isImaging: ge, generatePdf: me, generateImage: pe } = St({
-      elementId: `vue-ui-gauge_${w.value}`,
+    const { isPrinting: ye, isImaging: ge, generatePdf: me, generateImage: pe } = _t({
+      elementId: `vue-ui-gauge_${x.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-gauge",
       options: e.value.userOptions.print
-    }), Le = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ge = h(() => vt(e.value.customPalette)), O = h(() => {
-      if (Ae(x.value.series || {}))
+    }), Le = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ge = d(() => vt(e.value.customPalette)), P = d(() => {
+      if (Ae($.value.series || {}))
         return {
           value: 0,
           series: [
@@ -112,25 +112,25 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
           ]
         };
       const t = [];
-      (x.value.series || []).forEach((a) => {
+      ($.value.series || []).forEach((a) => {
         t.push(a.from || 1e-7), t.push(a.to || 1e-7);
       });
-      const u = Math.max(...t);
+      const n = Math.max(...t);
       return {
-        ...x.value,
-        series: (x.value.series || []).map((a, l) => ({
+        ...$.value,
+        series: ($.value.series || []).map((a, l) => ({
           ...a,
-          color: ht(a.color) || Ge.value[l] || Fe[l],
-          value: ((a.to || 0) - (a.from || 0)) / u * 100
+          color: dt(a.color) || Ge.value[l] || Fe[l],
+          value: ((a.to || 0) - (a.from || 0)) / n * 100
         }))
       };
-    }), b = f(512), s = f({
+    }), _ = y(512), o = y({
       height: 358.4,
-      width: b.value,
+      width: _.value,
       top: 0,
       bottom: 358.4,
       centerX: 179.2,
-      centerY: b.value / 2,
+      centerY: _.value / 2,
       labelFontSize: 18,
       legendFontSize: e.value.style.chart.legend.fontSize,
       pointerRadius: e.value.style.chart.layout.pointer.circle.radius,
@@ -139,59 +139,59 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       pointerStrokeWidth: e.value.style.chart.layout.pointer.strokeWidth,
       markerOffset: e.value.style.chart.layout.markers.offsetY + 3,
       segmentFontSize: e.value.style.chart.layout.segmentNames.fontSize
-    }), I = f(0), z = f(0), y = f(
-      e.value.style.chart.animation.use ? Math.min(...x.value.series.map((t) => t.from)) : x.value.value
+    }), R = y(0), A = y(0), g = y(
+      e.value.style.chart.animation.use ? Math.min(...$.value.series.map((t) => t.from)) : $.value.value
     );
-    Q(() => x.value.value, () => {
-      _e(x.value.value);
+    Q(() => $.value.value, () => {
+      Se($.value.value);
     });
-    const i = h(() => {
-      const t = s.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (I.value - z.value)) + Math.PI;
+    const i = d(() => {
+      const t = o.value.width / 2, n = v.value.base, a = Math.PI * ((g.value + 0 - A.value) / (R.value - A.value)) + Math.PI;
       return {
         x1: t,
-        y1: u,
-        x2: t + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.cos(a),
-        y2: u + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.sin(a)
+        y1: n,
+        x2: t + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.cos(a),
+        y2: n + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.sin(a)
       };
-    }), ke = h(() => {
-      const t = s.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (I.value - z.value)) + Math.PI, l = t + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.cos(a), g = u + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.sin(a), _ = s.value.pointerRadius, Ke = t + _ * Math.cos(a + Math.PI / 2), Qe = u + _ * Math.sin(a + Math.PI / 2), et = t + _ * Math.cos(a - Math.PI / 2), tt = u + _ * Math.sin(a - Math.PI / 2);
-      return isNaN(l) ? null : `M ${l},${g} ${Ke},${Qe} ${et},${tt} Z`;
-    }), q = h(() => {
-      for (let t = 0; t < O.value.series.length; t += 1) {
-        const { color: u, from: a, to: l } = O.value.series[t];
-        if (y.value >= a && y.value <= l)
-          return u;
+    }), ke = d(() => {
+      const t = o.value.width / 2, n = v.value.base, a = Math.PI * ((g.value + 0 - A.value) / (R.value - A.value)) + Math.PI, l = t + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.cos(a), m = n + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.sin(a), w = o.value.pointerRadius, Ke = t + w * Math.cos(a + Math.PI / 2), Qe = n + w * Math.sin(a + Math.PI / 2), et = t + w * Math.cos(a - Math.PI / 2), tt = n + w * Math.sin(a - Math.PI / 2);
+      return isNaN(l) ? null : `M ${l},${m} ${Ke},${Qe} ${et},${tt} Z`;
+    }), q = d(() => {
+      for (let t = 0; t < P.value.series.length; t += 1) {
+        const { color: n, from: a, to: l } = P.value.series[t];
+        if (g.value >= a && g.value <= l)
+          return n;
       }
       return "#2D353C";
-    }), C = ze(null), X = ze(null), L = h({
-      get: () => s.value.segmentFontSize,
+    }), O = ze(null), Y = ze(null), B = d({
+      get: () => o.value.segmentFontSize,
       set: (t) => t
     }), { autoSizeLabels: be } = Ct({
-      svgRef: E,
-      fontSize: s.value.segmentFontSize,
+      svgRef: G,
+      fontSize: o.value.segmentFontSize,
       minFontSize: e.value.style.chart.layout.segmentNames.minFontSize,
-      sizeRef: L,
+      sizeRef: B,
       labelClass: ".vue-ui-gauge-label-flat"
-    }), G = h(() => !!e.value.debug);
+    }), U = d(() => !!e.value.debug);
     function Z() {
       let t = !1;
-      if (Ae(m.dataset) ? (D({
+      if (Ae(p.dataset) ? (D({
         componentName: "VueUiGauge",
         type: "dataset",
-        debug: G.value
-      }), P.value = !0, t = !0) : (Oe({
-        datasetObject: m.dataset,
+        debug: U.value
+      }), X.value = !0, t = !0) : (Oe({
+        datasetObject: p.dataset,
         requiredAttributes: ["value", "series"]
-      }).forEach((u) => {
+      }).forEach((n) => {
         D({
           componentName: "VueUiGauge",
           type: "datasetAttribute",
-          property: u,
-          debug: G.value
-        }), P.value = !0, t = !0;
-      }), Object.hasOwn(m.dataset, "series") && (m.dataset.series.length ? m.dataset.series.forEach((u, a) => {
+          property: n,
+          debug: U.value
+        }), X.value = !0, t = !0;
+      }), Object.hasOwn(p.dataset, "series") && (p.dataset.series.length ? p.dataset.series.forEach((n, a) => {
         Oe({
-          datasetObject: u,
+          datasetObject: n,
           requiredAttributes: ["from", "to"]
         }).forEach((l) => {
           D({
@@ -199,78 +199,78 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             type: "datasetSerieAttribute",
             property: l,
             index: a,
-            debug: G.value
-          }), P.value = !0, t = !0;
+            debug: U.value
+          }), X.value = !0, t = !0;
         });
       }) : (D({
         componentName: "VueUiGauge",
         type: "datasetAttributeEmpty",
         property: "series",
-        debug: G.value
-      }), P.value = !0, t = !0))), P.value = t, _e(x.value.value || 0), e.value.responsive) {
-        const u = pt(() => {
+        debug: U.value
+      }), X.value = !0, t = !0))), X.value = t, Se($.value.value || 0), e.value.responsive) {
+        const n = pt(() => {
           let { width: a, height: l } = kt({
-            chart: A.value,
-            title: e.value.style.chart.title.text ? ue.value : null,
-            legend: ne.value,
+            chart: N.value,
+            title: e.value.style.chart.title.text ? ne.value : null,
+            legend: ue.value,
             source: ie.value,
             noTitle: ce.value
           });
           l -= 12, requestAnimationFrame(() => {
-            s.value.width = a, s.value.height = l, s.value.centerX = a / 2, s.value.centerY = b.value / 2 / 358.4 * l, s.value.bottom = l, s.value.labelFontSize = 18 / b.value * Math.min(l, a) < 10 ? 10 : 18 / b.value * Math.min(l, a), s.value.legendFontSize = e.value.style.chart.legend.fontSize / b.value * Math.min(l, a) < 14 ? 14 : e.value.style.chart.legend.fontSize / b.value * Math.min(l, a), s.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / b.value * Math.min(l, a), s.value.trackSize = e.value.style.chart.layout.track.size / b.value * Math.min(l, a), s.value.pointerStrokeWidth = oe({
+            o.value.width = a, o.value.height = l, o.value.centerX = a / 2, o.value.centerY = _.value / 2 / 358.4 * l, o.value.bottom = l, o.value.labelFontSize = 18 / _.value * Math.min(l, a) < 10 ? 10 : 18 / _.value * Math.min(l, a), o.value.legendFontSize = e.value.style.chart.legend.fontSize / _.value * Math.min(l, a) < 14 ? 14 : e.value.style.chart.legend.fontSize / _.value * Math.min(l, a), o.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / _.value * Math.min(l, a), o.value.trackSize = e.value.style.chart.layout.track.size / _.value * Math.min(l, a), o.value.pointerStrokeWidth = se({
               relator: Math.min(a, l),
-              adjuster: b.value,
+              adjuster: _.value,
               source: e.value.style.chart.layout.pointer.strokeWidth,
               threshold: 2,
               fallback: 2
-            }), s.value.markerOffset = oe({
+            }), o.value.markerOffset = se({
               relator: Math.max(a, l),
-              adjuster: b.value,
+              adjuster: _.value,
               source: e.value.style.chart.layout.markers.offsetY + 3,
               threshold: 2,
               fallback: 2
-            }), s.value.segmentFontSize = oe({
+            }), o.value.segmentFontSize = se({
               relator: Math.min(a, l),
-              adjuster: b.value,
+              adjuster: _.value,
               source: e.value.style.chart.layout.segmentNames.fontSize,
               threshold: 8,
               fallback: 8
             });
           }), be();
         });
-        C.value && (X.value && C.value.unobserve(X.value), C.value.disconnect()), C.value = new ResizeObserver(u), X.value = A.value.parentNode, C.value.observe(X.value);
+        O.value && (Y.value && O.value.unobserve(Y.value), O.value.disconnect()), O.value = new ResizeObserver(n), Y.value = N.value.parentNode, O.value.observe(Y.value);
       }
       be();
     }
     lt(() => {
       Z();
-    }), st(() => {
-      C.value && (X.value && C.value.unobserve(X.value), C.value.disconnect());
+    }), ot(() => {
+      O.value && (Y.value && O.value.unobserve(Y.value), O.value.disconnect());
     });
-    function _e(t) {
-      const u = [];
-      (O.value.series || []).forEach((_) => {
-        u.push(_.from || 0), u.push(_.to || 0);
-      }), I.value = Math.max(...u), z.value = Math.min(...u);
+    function Se(t) {
+      const n = [];
+      (P.value.series || []).forEach((w) => {
+        n.push(w.from || 0), n.push(w.to || 0);
+      }), R.value = Math.max(...n), A.value = Math.min(...n);
       let a = e.value.style.chart.animation.speed;
-      const l = Math.abs(t - y.value) / (a * 60);
-      function g() {
-        y.value < t ? y.value = Math.min(y.value + l, t) : y.value > t && (y.value = Math.max(y.value - l, t)), y.value !== t && requestAnimationFrame(g);
+      const l = Math.abs(t - g.value) / (a * 60);
+      function m() {
+        g.value < t ? g.value = Math.min(g.value + l, t) : g.value > t && (g.value = Math.max(g.value - l, t)), g.value !== t && requestAnimationFrame(m);
       }
-      g();
+      m();
     }
-    const v = h(() => {
-      const t = e.value.responsive ? Math.min(s.value.width, s.value.height) : s.value.width, u = 2.5 / e.value.style.chart.layout.radiusRatio;
+    const v = d(() => {
+      const t = e.value.responsive ? Math.min(o.value.width, o.value.height) : o.value.width, n = 2.5 / e.value.style.chart.layout.radiusRatio;
       return {
-        arcs: t / u,
-        gradients: t / (u * 1.1),
-        base: e.value.responsive ? s.value.height / 1.618 : s.value.height * 0.7,
-        ratingBase: e.value.responsive ? s.value.height / 2 + s.value.height / 4 : s.value.height * 0.9,
-        pointerSize: e.value.responsive ? Math.min(s.value.width, s.value.height) / 3 : s.value.width / 3.2
+        arcs: t / n,
+        gradients: t / (n * 1.1),
+        base: e.value.responsive ? o.value.height / 1.618 : o.value.height * 0.7,
+        ratingBase: e.value.responsive ? o.value.height / 2 + o.value.height / 4 : o.value.height * 0.9,
+        pointerSize: e.value.responsive ? Math.min(o.value.width, o.value.height) / 3 : o.value.width / 3.2
       };
-    }), d = h(() => te(
-      { series: O.value.series },
-      s.value.width / 2,
+    }), f = d(() => te(
+      { series: P.value.series },
+      o.value.width / 2,
       v.value.base,
       v.value.arcs,
       v.value.arcs,
@@ -279,10 +279,10 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       1,
       180,
       109.9495,
-      40 * s.value.trackSize
-    )), Be = h(() => te(
-      { series: O.value.series },
-      s.value.width / 2,
+      40 * o.value.trackSize
+    )), Be = d(() => te(
+      { series: P.value.series },
+      o.value.width / 2,
       v.value.base,
       v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio,
       v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio,
@@ -291,48 +291,48 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       1,
       180,
       109.9495,
-      40 * s.value.trackSize
-    )), M = h(() => d.value.map((t) => v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio * (t.nameOffsetRatio || 1))), Se = h(() => {
-      const { x: t, y: u } = F({
-        initX: d.value[0].firstSeparator.x,
-        initY: d.value[0].firstSeparator.y,
+      40 * o.value.trackSize
+    )), I = d(() => f.value.map((t) => v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio * (t.nameOffsetRatio || 1))), _e = d(() => {
+      const { x: t, y: n } = M({
+        initX: f.value[0].firstSeparator.x,
+        initY: f.value[0].firstSeparator.y,
         centerX: i.value.x1,
         centerY: i.value.y1,
         offset: -e.value.style.chart.layout.segmentSeparators.offsetIn
-      }), { x: a, y: l } = F({
-        initX: d.value[0].startX,
-        initY: d.value[0].startY,
+      }), { x: a, y: l } = M({
+        initX: f.value[0].startX,
+        initY: f.value[0].startY,
         centerX: i.value.x1,
         centerY: i.value.y1,
         offset: e.value.style.chart.layout.segmentSeparators.offsetOut
       });
-      return { x1: t, y1: u, x2: a, y2: l };
-    }), we = h(() => d.value.map((t) => {
-      const { x: u, y: a } = F({
+      return { x1: t, y1: n, x2: a, y2: l };
+    }), we = d(() => f.value.map((t) => {
+      const { x: n, y: a } = M({
         initX: t.separator.x,
         initY: t.separator.y,
         centerX: i.value.x1,
         centerY: i.value.y1,
         offset: -e.value.style.chart.layout.segmentSeparators.offsetIn
-      }), { x: l, y: g } = F({
+      }), { x: l, y: m } = M({
         initX: t.endX,
         initY: t.endY,
         centerX: i.value.x1,
         centerY: i.value.y1,
         offset: e.value.style.chart.layout.segmentSeparators.offsetOut
       });
-      return { x1: u, y1: a, x2: l, y2: g };
+      return { x1: n, y1: a, x2: l, y2: m };
     }));
     function Ue(t) {
-      if (t.reduce((g, _) => g + _, 0) > 100)
+      if (t.reduce((m, w) => m + w, 0) > 100)
         throw new Error("Total % must not exceed 100");
       const a = 50;
       let l = 0;
-      return t.map((g) => (l += g, `${l / 100 * a - g / 4}%`));
+      return t.map((m) => (l += m, `${l / 100 * a - m / 4}%`));
     }
-    const je = h(() => Ue(d.value.map((t) => t.proportion * 100))), We = h(() => te(
-      { series: O.value.series },
-      s.value.width / 2,
+    const je = d(() => Ue(f.value.map((t) => t.proportion * 100))), We = d(() => te(
+      { series: P.value.series },
+      o.value.width / 2,
       v.value.base,
       v.value.gradients,
       v.value.gradients,
@@ -341,44 +341,44 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       1,
       180,
       110.02,
-      2 * s.value.trackSize
-    )), De = h(() => {
-      const t = z.value >= 0 ? -z.value : Math.abs(z.value);
-      return dt({
-        radius: e.value.style.chart.layout.indicatorArc.radius * s.value.trackSize,
-        centerX: s.value.width / 2,
+      2 * o.value.trackSize
+    )), De = d(() => {
+      const t = A.value >= 0 ? -A.value : Math.abs(A.value);
+      return ht({
+        radius: e.value.style.chart.layout.indicatorArc.radius * o.value.trackSize,
+        centerX: o.value.width / 2,
         centerY: v.value.base,
-        percentage: ft((y.value + t) / (I.value + t))
+        percentage: ft((g.value + t) / (R.value + t))
       });
-    }), Y = f(!1);
+    }), E = y(!1);
     function xe(t) {
-      Y.value = t, re.value += 1;
+      E.value = t, re.value += 1;
     }
-    const B = f(!1);
+    const j = y(!1);
     function J() {
-      B.value = !B.value;
+      j.value = !j.value;
     }
     async function Ve({ scale: t = 2 } = {}) {
-      if (!A.value) return;
-      const { width: u, height: a } = A.value.getBoundingClientRect(), l = u / a, { imageUri: g, base64: _ } = await Ft({ domElement: A.value, base64: !0, img: !0, scale: t });
+      if (!N.value) return;
+      const { width: n, height: a } = N.value.getBoundingClientRect(), l = n / a, { imageUri: m, base64: w } = await Ft({ domElement: N.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: g,
-        base64: _,
+        imageUri: m,
+        base64: w,
         title: e.value.style.chart.title.text,
-        width: u,
+        width: n,
         height: a,
         aspectRatio: l
       };
     }
-    const He = h(() => e.value.style.chart.backgroundColor), qe = h(() => e.value.style.chart.title), { exportSvg: Ze, getSvg: Je } = xt({
-      svg: E,
+    const He = d(() => e.value.style.chart.backgroundColor), qe = d(() => e.value.style.chart.title), { exportSvg: Ze, getSvg: Je } = xt({
+      svg: G,
       title: qe,
       backgroundColor: He
     });
     async function $e({ isCb: t }) {
       if (t) {
-        const { blob: u, url: a, text: l, dataUrl: g } = await Je();
-        e.value.userOptions.callbacks.svg({ blob: u, url: a, text: l, dataUrl: g });
+        const { blob: n, url: a, text: l, dataUrl: m } = await Je();
+        e.value.userOptions.callbacks.svg({ blob: n, url: a, text: l, dataUrl: m });
       } else
         Ze();
     }
@@ -389,37 +389,57 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       generateSvg: $e,
       toggleAnnotator: J,
       toggleFullscreen: xe
-    }), (t, u) => (o(), r("div", {
-      class: Ce(`vue-data-ui-component vue-ui-gauge ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+    }), (t, n) => (s(), r("div", {
+      class: Ce(`vue-data-ui-component vue-ui-gauge ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "gaugeChart",
-      ref: A,
-      id: `vue-ui-gauge_${w.value}`,
+      ref: N,
+      id: `vue-ui-gauge_${x.value}`,
       style: ee(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: u[0] || (u[0] = () => n(de)(!0)),
-      onMouseleave: u[1] || (u[1] = () => n(de)(!1))
+      onMouseenter: n[0] || (n[0] = () => u(he)(!0)),
+      onMouseleave: n[1] || (n[1] = () => u(he)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), U(n(Ie), {
+      e.value.userOptions.buttons.annotator ? (s(), W(u(Ie), {
         key: 0,
-        svgRef: n(E),
+        svgRef: u(G),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: B.value,
+        active: j.value,
         onClose: J
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Le.value ? (o(), r("div", {
+      }, {
+        "annotator-action-close": b(() => [
+          h(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": b(({ color: a }) => [
+          h(t.$slots, "annotator-action-color", C(F({ color: a })), void 0, !0)
+        ]),
+        "annotator-action-draw": b(({ mode: a }) => [
+          h(t.$slots, "annotator-action-draw", C(F({ mode: a })), void 0, !0)
+        ]),
+        "annotator-action-undo": b(({ disabled: a }) => [
+          h(t.$slots, "annotator-action-undo", C(F({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-redo": b(({ disabled: a }) => [
+          h(t.$slots, "annotator-action-redo", C(F({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-delete": b(({ disabled: a }) => [
+          h(t.$slots, "annotator-action-delete", C(F({ disabled: a })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
+      Le.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ce,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (o(), r("div", {
+      e.value.style.chart.title.text ? (s(), r("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ue,
+        ref: ne,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (o(), U(Ot, {
+        (s(), W(Ot, {
           key: `title_${ve.value}`,
           config: {
             title: {
@@ -432,254 +452,254 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             }
           }
         }, {
-          default: N(() => [
-            e.value.translations.base && n(x).base ? (o(), r("span", Pt, R(e.value.translations.base) + ": " + R(n(x).base), 1)) : c("", !0)
+          default: b(() => [
+            e.value.translations.base && u($).base ? (s(), r("span", Pt, T(e.value.translations.base) + ": " + T(u($).base), 1)) : c("", !0)
           ]),
           _: 1
         }, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && Te.value && (n(fe) || n(V)) ? (o(), U(n(Xe), {
+      e.value.userOptions.show && Te.value && (u(fe) || u(V)) ? (s(), W(u(Xe), {
         ref_key: "details",
         ref: Ee,
         key: `user_options_${re.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: n(ge),
-        isPrinting: n(ye),
-        uid: w.value,
+        isImaging: u(ge),
+        isPrinting: u(ye),
+        uid: x.value,
         hasXls: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasSvg: e.value.userOptions.buttons.svg,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: Y.value,
+        isFullscreen: E.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: A.value,
+        chartElement: N.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: B.value,
+        isAnnotation: j.value,
         onToggleFullscreen: xe,
-        onGeneratePdf: n(me),
-        onGenerateImage: n(pe),
+        onGeneratePdf: u(me),
+        onGenerateImage: u(pe),
         onGenerateSvg: $e,
         onToggleAnnotator: J,
         style: ee({
-          visibility: n(fe) ? n(V) ? "visible" : "hidden" : "visible"
+          visibility: u(fe) ? u(V) ? "visible" : "hidden" : "visible"
         })
-      }, ot({ _: 2 }, [
+      }, st({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: N(({ isOpen: a, color: l }) => [
-            S(t.$slots, "menuIcon", j(W({ isOpen: a, color: l })), void 0, !0)
+          fn: b(({ isOpen: a, color: l }) => [
+            h(t.$slots, "menuIcon", C(F({ isOpen: a, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: N(() => [
-            S(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: b(() => [
+            h(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: N(() => [
-            S(t.$slots, "optionImg", {}, void 0, !0)
+          fn: b(() => [
+            h(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: N(() => [
-            S(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: b(() => [
+            h(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: N(({ toggleFullscreen: a, isFullscreen: l }) => [
-            S(t.$slots, "optionFullscreen", j(W({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
+          fn: b(({ toggleFullscreen: a, isFullscreen: l }) => [
+            h(t.$slots, "optionFullscreen", C(F({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: N(({ toggleAnnotator: a, isAnnotator: l }) => [
-            S(t.$slots, "optionAnnotator", j(W({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
+          fn: b(({ toggleAnnotator: a, isAnnotator: l }) => [
+            h(t.$slots, "optionAnnotator", C(F({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
           key: "5"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "callbacks", "printScale", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      (o(), r("svg", {
+      (s(), r("svg", {
         ref_key: "svgRef",
-        ref: E,
-        xmlns: n(yt),
-        class: Ce({ "vue-data-ui-fullscreen--on": Y.value, "vue-data-ui-fulscreen--off": !Y.value }),
-        viewBox: `0 0 ${s.value.width <= 0 ? 10 : s.value.width} ${s.value.height <= 0 ? 10 : s.value.height}`,
+        ref: G,
+        xmlns: u(yt),
+        class: Ce({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
+        viewBox: `0 0 ${o.value.width <= 0 ? 10 : o.value.width} ${o.value.height <= 0 ? 10 : o.value.height}`,
         style: ee(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        rt(n(Re)),
-        t.$slots["chart-background"] ? (o(), r("foreignObject", {
+        rt(u(Re)),
+        t.$slots["chart-background"] ? (s(), r("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: s.value.width <= 0 ? 10 : s.value.width,
-          height: s.value.height <= 0 ? 10 : s.value.height,
+          width: o.value.width <= 0 ? 10 : o.value.width,
+          height: o.value.height <= 0 ? 10 : o.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
-          S(t.$slots, "chart-background", {}, void 0, !0)
+          h(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Xt)) : c("", !0),
-        p("defs", null, [
-          p("radialGradient", {
-            id: `gradient_${w.value}`,
+        k("defs", null, [
+          k("radialGradient", {
+            id: `gradient_${x.value}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%"
           }, [
-            p("stop", {
+            k("stop", {
               offset: "0%",
-              "stop-color": n(ae)("#FFFFFF", 1)
+              "stop-color": u(ae)("#FFFFFF", 1)
             }, null, 8, Yt),
-            p("stop", {
+            k("stop", {
               offset: "80%",
-              "stop-color": n(ae)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
+              "stop-color": u(ae)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
             }, null, 8, Tt),
-            p("stop", {
+            k("stop", {
               offset: "100%",
-              "stop-color": n(ae)("#FFFFFF", 1)
+              "stop-color": u(ae)("#FFFFFF", 1)
             }, null, 8, Et)
           ], 8, Rt)
         ]),
-        p("defs", null, [
-          p("filter", {
-            id: `blur_${w.value}`,
+        k("defs", null, [
+          k("filter", {
+            id: `blur_${x.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            p("feGaussianBlur", {
+            k("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.track.gradientIntensity
             }, null, 8, Gt)
           ], 8, Lt)
         ]),
-        t.$slots.pattern ? (o(), r("g", Bt, [
-          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("defs", null, [
-            S(t.$slots, "pattern", T({ ref_for: !0 }, { seriesIndex: l, patternId: `pattern_${w.value}_${l}` }), void 0, !0)
+        t.$slots.pattern ? (s(), r("g", Bt, [
+          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("defs", null, [
+            h(t.$slots, "pattern", L({ ref_for: !0 }, { seriesIndex: l, patternId: `pattern_${x.value}_${l}` }), void 0, !0)
           ]))), 256))
         ])) : c("", !0),
-        (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("path", {
+        (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("path", {
           key: `arc_${l}`,
           d: a.arcSlice,
           fill: a.color,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
         }, null, 8, Ut))), 128)),
-        t.$slots.pattern ? (o(!0), r(k, { key: 2 }, $(d.value, (a, l) => (o(), r("path", {
+        t.$slots.pattern ? (s(!0), r(S, { key: 2 }, z(f.value, (a, l) => (s(), r("path", {
           key: `arc_${l}`,
           d: a.arcSlice,
-          fill: `url(#pattern_${w.value}_${l})`,
+          fill: `url(#pattern_${x.value}_${l})`,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
         }, null, 8, jt))), 128)) : c("", !0),
-        e.value.style.chart.layout.indicatorArc.show ? (o(), r("path", {
+        e.value.style.chart.layout.indicatorArc.show ? (s(), r("path", {
           key: 3,
           d: De.value,
           fill: e.value.style.chart.layout.indicatorArc.fill
         }, null, 8, Wt)) : c("", !0),
-        e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (o(), r(k, { key: 4 }, [
-          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("path", {
-            id: `curve_${w.value}_${l}`,
-            d: `M ${i.value.x1},${i.value.y1} m -${M.value[l]},0 a ${M.value[l]},${M.value[l]} 0 1,1 ${2 * M.value[l]},0 a ${M.value[l]},${M.value[l]} 0 1,1 -${2 * M.value[l]},0`,
+        e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (s(), r(S, { key: 4 }, [
+          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("path", {
+            id: `curve_${x.value}_${l}`,
+            d: `M ${i.value.x1},${i.value.y1} m -${I.value[l]},0 a ${I.value[l]},${I.value[l]} 0 1,1 ${2 * I.value[l]},0 a ${I.value[l]},${I.value[l]} 0 1,1 -${2 * I.value[l]},0`,
             fill: "transparent"
           }, null, 8, Dt))), 256)),
-          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("text", {
+          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("text", {
             fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-            "font-size": L.value,
+            "font-size": B.value,
             "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
             "text-anchor": "middle"
           }, [
-            p("textPath", {
-              href: `#curve_${w.value}_${l}`,
+            k("textPath", {
+              href: `#curve_${x.value}_${l}`,
               startOffset: je.value[l]
-            }, R(a.name || ""), 9, Ht)
+            }, T(a.name || ""), 9, Ht)
           ], 8, Vt))), 256))
         ], 64)) : c("", !0),
-        e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (o(!0), r(k, { key: 5 }, $(Be.value, (a, l) => (o(), r("text", {
+        e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (s(!0), r(S, { key: 5 }, z(Be.value, (a, l) => (s(), r("text", {
           class: "vue-ui-gauge-label-flat",
-          "text-anchor": n(mt)(a, !1, 12).anchor,
+          "text-anchor": u(mt)(a, !1, 12).anchor,
           fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-          "font-size": L.value,
+          "font-size": B.value,
           "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
-          innerHTML: n(gt)({
+          innerHTML: u(gt)({
             content: String(a.name ?? ""),
-            fontSize: L.value,
+            fontSize: B.value,
             fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
             x: a.center.endX,
             y: a.center.endY
           })
         }, null, 8, qt))), 256)) : c("", !0),
-        e.value.style.chart.layout.track.useGradient ? (o(!0), r(k, { key: 6 }, $(We.value, (a, l) => (o(), r("path", {
+        e.value.style.chart.layout.track.useGradient ? (s(!0), r(S, { key: 6 }, z(We.value, (a, l) => (s(), r("path", {
           key: `arc_${l}`,
           d: a.arcSlice,
           fill: "#FFFFFF",
           stroke: "none",
           "stroke-linecap": "round",
-          filter: `url(#blur_${w.value})`
+          filter: `url(#blur_${x.value})`
         }, null, 8, Zt))), 128)) : c("", !0),
-        e.value.style.chart.layout.segmentSeparators.show ? (o(), r(k, { key: 7 }, [
-          p("line", T(Se.value, {
+        e.value.style.chart.layout.segmentSeparators.show ? (s(), r(S, { key: 7 }, [
+          k("line", L(_e.value, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
             "stroke-linecap": "round"
           }), null, 16, Jt),
-          p("line", T(Se.value, {
+          k("line", L(_e.value, {
             stroke: e.value.style.chart.layout.segmentSeparators.stroke,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
           }), null, 16, Kt),
-          (o(!0), r(k, null, $(we.value, (a) => (o(), r("line", T({ ref_for: !0 }, a, {
+          (s(!0), r(S, null, z(we.value, (a) => (s(), r("line", L({ ref_for: !0 }, a, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
             "stroke-linecap": "round"
           }), null, 16, Qt))), 256)),
-          (o(!0), r(k, null, $(we.value, (a) => (o(), r("line", T({ ref_for: !0 }, a, {
+          (s(!0), r(S, null, z(we.value, (a) => (s(), r("line", L({ ref_for: !0 }, a, {
             stroke: e.value.style.chart.layout.segmentSeparators.stroke,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
           }), null, 16, ea))), 256))
         ], 64)) : c("", !0),
-        e.value.style.chart.layout.markers.show ? (o(), r("g", ta, [
-          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("text", {
-            x: n(F)({
+        e.value.style.chart.layout.markers.show ? (s(), r("g", ta, [
+          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("text", {
+            x: u(M)({
               centerX: i.value.x1,
               centerY: v.value.base,
               initX: a.center.startX,
               initY: a.center.startY,
-              offset: s.value.markerOffset
+              offset: o.value.markerOffset
             }).x,
-            y: n(F)({
+            y: u(M)({
               centerX: i.value.x1,
               centerY: v.value.base,
               initX: a.center.startX,
               initY: a.center.startY,
-              offset: s.value.markerOffset
+              offset: o.value.markerOffset
             }).y,
             "text-anchor": a.center.startX < i.value.x1 - 5 ? "end" : a.center.startX > i.value.x1 + 5 ? "start" : "middle",
-            "font-size": s.value.labelFontSize * e.value.style.chart.layout.markers.fontSizeRatio,
+            "font-size": o.value.labelFontSize * e.value.style.chart.layout.markers.fontSizeRatio,
             "font-weight": `${e.value.style.chart.layout.markers.bold ? "bold" : "normal"}`,
             fill: e.value.style.chart.layout.markers.color
-          }, R(n(le)(
+          }, T(u(le)(
             e.value.style.chart.layout.markers.formatter,
             a.from,
-            n(se)({
+            u(oe)({
               p: e.value.style.chart.layout.markers.prefix,
               v: a.from,
               s: e.value.style.chart.layout.markers.suffix,
@@ -687,49 +707,49 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             })
           )), 9, aa))), 256))
         ])) : c("", !0),
-        e.value.style.chart.layout.markers.show ? (o(), r("text", {
+        e.value.style.chart.layout.markers.show ? (s(), r("text", {
           key: 9,
-          x: n(F)({
-            centerX: s.value.width / 2,
+          x: u(M)({
+            centerX: o.value.width / 2,
             centerY: v.value.base,
-            initX: d.value.at(-1).endX,
-            initY: d.value.at(-1).endY,
-            offset: s.value.markerOffset
+            initX: f.value.at(-1).endX,
+            initY: f.value.at(-1).endY,
+            offset: o.value.markerOffset
           }).x,
-          y: n(F)({
-            centerX: s.value.width / 2,
+          y: u(M)({
+            centerX: o.value.width / 2,
             centerY: v.value.base,
-            initX: d.value.at(-1).endX,
-            initY: d.value.at(-1).endY,
-            offset: s.value.markerOffset
+            initX: f.value.at(-1).endX,
+            initY: f.value.at(-1).endY,
+            offset: o.value.markerOffset
           }).y,
           "text-anchor": "start",
-          "font-size": s.value.labelFontSize * e.value.style.chart.layout.markers.fontSizeRatio,
+          "font-size": o.value.labelFontSize * e.value.style.chart.layout.markers.fontSizeRatio,
           "font-weight": `${e.value.style.chart.layout.markers.bold ? "bold" : "normal"}`,
           fill: e.value.style.chart.layout.markers.color
-        }, R(n(le)(
+        }, T(u(le)(
           e.value.style.chart.layout.markers.formatter,
-          I.value,
-          n(se)({
+          R.value,
+          u(oe)({
             p: e.value.style.chart.layout.markers.prefix,
-            v: I.value,
+            v: R.value,
             s: e.value.style.chart.layout.markers.suffix,
             r: e.value.style.chart.layout.markers.roundingValue
           })
         )), 9, la)) : c("", !0),
-        e.value.style.chart.layout.pointer.show ? (o(), r(k, { key: 10 }, [
-          e.value.style.chart.layout.pointer.type === "rounded" ? (o(), r("g", sa, [
-            isNaN(i.value.x2) ? c("", !0) : (o(), r("line", {
+        e.value.style.chart.layout.pointer.show ? (s(), r(S, { key: 10 }, [
+          e.value.style.chart.layout.pointer.type === "rounded" ? (s(), r("g", oa, [
+            isNaN(i.value.x2) ? c("", !0) : (s(), r("line", {
               key: 0,
               x1: i.value.x1,
               y1: i.value.y1,
               x2: i.value.x2,
               y2: i.value.y2,
               stroke: e.value.style.chart.layout.pointer.stroke,
-              "stroke-width": s.value.pointerStrokeWidth,
+              "stroke-width": o.value.pointerStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, oa)),
-            isNaN(i.value.x2) ? c("", !0) : (o(), r("line", {
+            }, null, 8, sa)),
+            isNaN(i.value.x2) ? c("", !0) : (s(), r("line", {
               key: 1,
               x1: i.value.x1,
               y1: i.value.y1,
@@ -737,9 +757,9 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
               y2: i.value.y2,
               stroke: e.value.style.chart.layout.pointer.useRatingColor ? q.value : e.value.style.chart.layout.pointer.color,
               "stroke-linecap": "round",
-              "stroke-width": s.value.pointerStrokeWidth * 0.7
+              "stroke-width": o.value.pointerStrokeWidth * 0.7
             }, null, 8, ra)),
-            !isNaN(i.value.x2) && e.value.style.chart.layout.track.useGradient ? (o(), r("line", {
+            !isNaN(i.value.x2) && e.value.style.chart.layout.track.useGradient ? (s(), r("line", {
               key: 2,
               x1: i.value.x1,
               y1: i.value.y1,
@@ -747,11 +767,11 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
               y2: i.value.y2,
               stroke: "white",
               "stroke-linecap": "round",
-              "stroke-width": s.value.pointerStrokeWidth * 0.3,
-              filter: `url(#blur_${w.value})`
-            }, null, 8, ua)) : c("", !0)
-          ])) : (o(), r("g", na, [
-            ke.value ? (o(), r("path", {
+              "stroke-width": o.value.pointerStrokeWidth * 0.3,
+              filter: `url(#blur_${x.value})`
+            }, null, 8, na)) : c("", !0)
+          ])) : (s(), r("g", ua, [
+            ke.value ? (s(), r("path", {
               key: 0,
               d: ke.value,
               fill: e.value.style.chart.layout.pointer.useRatingColor ? q.value : e.value.style.chart.layout.pointer.color,
@@ -760,56 +780,56 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
               "stroke-linejoin": "round"
             }, null, 8, ia)) : c("", !0)
           ])),
-          p("circle", {
-            cx: s.value.width / 2,
+          k("circle", {
+            cx: o.value.width / 2,
             cy: v.value.base,
             fill: e.value.style.chart.layout.pointer.circle.color,
-            r: s.value.pointerRadius <= 0 ? 1e-4 : s.value.pointerRadius,
+            r: o.value.pointerRadius <= 0 ? 1e-4 : o.value.pointerRadius,
             "stroke-width": e.value.style.chart.layout.pointer.circle.strokeWidth,
             stroke: e.value.style.chart.layout.pointer.circle.stroke
           }, null, 8, ca)
         ], 64)) : c("", !0),
-        e.value.style.chart.legend.show ? (o(), r("text", {
+        e.value.style.chart.legend.show ? (s(), r("text", {
           key: 11,
-          x: s.value.width / 2,
+          x: o.value.width / 2,
           y: v.value.ratingBase,
           "text-anchor": "middle",
-          "font-size": s.value.legendFontSize,
+          "font-size": o.value.legendFontSize,
           "font-weight": "bold",
           fill: e.value.style.chart.legend.useRatingColor ? q.value : e.value.style.chart.legend.color
-        }, R(n(le)(
+        }, T(u(le)(
           e.value.style.chart.legend.formatter,
-          y.value,
-          n(se)({
-            p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && y.value > 0 ? "+" : ""),
-            v: y.value,
+          g.value,
+          u(oe)({
+            p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && g.value > 0 ? "+" : ""),
+            v: g.value,
             s: e.value.style.chart.legend.suffix,
             r: e.value.style.chart.legend.roundingValue
           })
         )), 9, va)) : c("", !0),
-        S(t.$slots, "svg", { svg: s.value }, void 0, !0)
+        h(t.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, It)),
-      t.$slots.watermark ? (o(), r("div", ha, [
-        S(t.$slots, "watermark", j(W({ isPrinting: n(ye) || n(ge) })), void 0, !0)
+      t.$slots.watermark ? (s(), r("div", da, [
+        h(t.$slots, "watermark", C(F({ isPrinting: u(ye) || u(ge) })), void 0, !0)
       ])) : c("", !0),
-      p("div", {
+      k("div", {
         ref_key: "chartLegend",
-        ref: ne
+        ref: ue
       }, [
-        S(t.$slots, "legend", { legend: O.value }, void 0, !0)
+        h(t.$slots, "legend", { legend: P.value }, void 0, !0)
       ], 512),
-      t.$slots.source ? (o(), r("div", {
+      t.$slots.source ? (s(), r("div", {
         key: 5,
         ref_key: "source",
         ref: ie,
         dir: "auto"
       }, [
-        S(t.$slots, "source", {}, void 0, !0)
+        h(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      n(he) ? (o(), U(_t, { key: 6 })) : c("", !0)
+      u(de) ? (s(), W(St, { key: 6 })) : c("", !0)
     ], 46, Nt));
   }
-}, Fa = /* @__PURE__ */ Mt(da, [["__scopeId", "data-v-21a41476"]]);
+}, Fa = /* @__PURE__ */ Mt(ha, [["__scopeId", "data-v-90ebd1c4"]]);
 export {
   Fa as default
 };