vue-data-ui 2.4.3 → 2.4.4

package/dist/{vue-ui-gauge-B1UvGkQa.js → vue-ui-gauge-CsqVvNxE.js}

@@ -1,17 +1,17 @@
-import { computed as g, ref as c, watch as le, onMounted as xe, onBeforeUnmount as we, openBlock as r, createElementBlock as i, normalizeClass as oe, normalizeStyle as re, createBlock as X, createCommentVNode as f, withCtx as z, toDisplayString as C, unref as v, createSlots as Fe, renderSlot as m, normalizeProps as E, guardReactiveProps as j, createVNode as Se, createElementVNode as y, Fragment as D, renderList as U } from "vue";
-import { u as ze, c as Ce, t as $e, a as Me, p as se, b as Pe, o as ne, d as Ie, e as A, g as ue, m as ie, X as Oe, s as B, H as N, i as Xe, f as Ae, E as ce } from "./index-Bya_q1J-.js";
-import { t as Ne, u as Ye } from "./useResponsive-BY8tgM1n.js";
-import { u as Ge, U as Re } from "./usePrinter-CiHd1FwD.js";
-import Ee from "./vue-ui-skeleton-BYssP0K4.js";
-import { _ as je } from "./Title-C5pIfQAz.js";
-import { u as ve } from "./useNestedProp-B33hazbH.js";
-import { _ as De } from "./PackageVersion-VkaUzgmt.js";
-import { P as Ue } from "./PenAndPaper-DAZYA8Ew.js";
-import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe = ["stop-color"], He = ["stop-color"], Ze = ["stop-color"], Je = ["id"], Ke = ["stdDeviation"], Qe = ["d", "fill", "stroke"], et = ["d", "filter"], tt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], at = ["x", "y", "font-size", "font-weight", "fill"], lt = { key: 1 }, ot = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], rt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], st = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], nt = { key: 2 }, ut = ["d", "fill", "stroke", "stroke-width"], it = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], ct = ["x", "y", "font-size", "fill"], vt = {
-  key: 4,
+import { computed as g, ref as c, watch as oe, onMounted as Fe, onBeforeUnmount as Se, openBlock as s, createElementBlock as u, normalizeClass as se, normalizeStyle as re, createBlock as N, createCommentVNode as f, withCtx as z, toDisplayString as C, unref as v, createSlots as ze, renderSlot as m, normalizeProps as E, guardReactiveProps as T, createVNode as Ce, createElementVNode as y, Fragment as j, renderList as D } from "vue";
+import { u as $e, c as Me, t as Pe, a as Oe, p as ne, b as Ie, o as ue, d as Ne, e as X, g as ie, m as ce, X as Xe, s as U, H as A, i as Ae, f as Ye, E as ve } from "./index-DCsPHn9C.js";
+import { t as Ge, u as Re } from "./useResponsive-CoxXLe23.js";
+import { u as Ee, U as Te } from "./usePrinter-siG3sKWo.js";
+import je from "./vue-ui-skeleton-DNuwx6_y.js";
+import { _ as De } from "./Title-710895ks.js";
+import { u as de } from "./useNestedProp-DdSlLeTW.js";
+import { _ as Ue } from "./PackageVersion-Clrfvyd8.js";
+import { P as Be } from "./PenAndPaper-BQzgk5kO.js";
+import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze = ["stop-color"], Je = ["stop-color"], Ke = ["stop-color"], Qe = ["id"], et = ["stdDeviation"], tt = ["d", "fill", "stroke"], at = ["d", "filter"], lt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], ot = ["x", "y", "font-size", "font-weight", "fill"], st = { key: 1 }, rt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], nt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ut = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], it = { key: 2 }, ct = ["d", "fill", "stroke", "stroke-width"], vt = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], dt = ["x", "y", "font-size", "fill"], ht = {
+  key: 5,
   class: "vue-data-ui-watermark"
-}, dt = {
+}, ft = {
   __name: "vue-ui-gauge",
   props: {
     config: {
@@ -27,32 +27,32 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
       }
     }
   },
-  setup(Y, { expose: de }) {
-    const s = Y, { vue_ui_gauge: he } = ze(), $ = g(() => !!s.dataset && Object.keys(s.dataset).length > 0 && s.dataset.series && s.dataset.series.length), k = c(Ce()), fe = c(null), L = c(0), w = c(null), W = c(null), T = c(null), V = c(null), q = c(0), e = g({
-      get: () => H(),
+  setup(Y, { expose: he }) {
+    const r = Y, { vue_ui_gauge: fe } = $e(), $ = g(() => !!r.dataset && Object.keys(r.dataset).length > 0 && r.dataset.series && r.dataset.series.length), k = c(Me()), ye = c(null), B = c(0), w = c(null), L = c(null), W = c(null), V = c(null), q = c(null), H = c(0), e = g({
+      get: () => Z(),
       set: (a) => a
     });
-    le(() => s.config, (a) => {
-      e.value = H(), te(), q.value += 1;
+    oe(() => r.config, (a) => {
+      e.value = Z(), ae(), H.value += 1;
     }, { deep: !0 });
-    function H() {
-      const a = ve({
-        userConfig: s.config,
-        defaultConfig: he
+    function Z() {
+      const a = de({
+        userConfig: r.config,
+        defaultConfig: fe
       });
       return a.theme ? {
-        ...ve({
-          userConfig: $e.vue_ui_gauge[a.theme] || s.config,
+        ...de({
+          userConfig: Pe.vue_ui_gauge[a.theme] || r.config,
           defaultConfig: a
         }),
-        customPalette: Me[a.theme] || se
+        customPalette: Oe[a.theme] || ne
       } : a;
     }
-    const { isPrinting: Z, isImaging: J, generatePdf: K, generateImage: Q } = Ge({
+    const { isPrinting: J, isImaging: K, generatePdf: Q, generateImage: ee } = Ee({
       elementId: `vue-ui-gauge_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-gauge"
-    }), ye = g(() => Pe(e.value.customPalette)), _ = g(() => {
-      if (!$.value || ne(s.dataset.series || {}))
+    }), pe = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), ge = g(() => Ie(e.value.customPalette)), _ = g(() => {
+      if (!$.value || ue(r.dataset.series || {}))
         return {
           value: 0,
           series: [
@@ -63,15 +63,15 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
           ]
         };
       const a = [];
-      (s.dataset.series || []).forEach((l) => {
+      (r.dataset.series || []).forEach((l) => {
         a.push(l.from || 0), a.push(l.to || 0);
       });
       const o = Math.max(...a);
       return {
-        ...s.dataset,
-        series: (s.dataset.series || []).map((l, n) => ({
+        ...r.dataset,
+        series: (r.dataset.series || []).map((l, n) => ({
           ...l,
-          color: Ie(l.color) || ye.value[n] || se[n],
+          color: Ne(l.color) || ge.value[n] || ne[n],
           value: ((l.to || 0) - (l.from || 0)) / o * 100
         }))
       };
@@ -89,21 +89,21 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
       pointerSize: e.value.style.chart.layout.pointer.size,
       pointerStrokeWidth: e.value.style.chart.layout.pointer.strokeWidth,
       markerOffset: e.value.style.chart.layout.markers.offsetY + 3
-    }), M = c(0), F = c(0), d = c(e.value.style.chart.animation.use ? 0 : s.dataset.value);
-    le(() => s.dataset.value, () => {
-      ae(s.dataset.value);
+    }), M = c(0), F = c(0), d = c(e.value.style.chart.animation.use ? 0 : r.dataset.value);
+    oe(() => r.dataset.value, () => {
+      le(r.dataset.value);
     });
     const h = g(() => {
-      const a = t.value.width / 2, o = u.value.base, l = Math.PI * ((d.value + 0 - F.value) / (M.value - F.value)) + Math.PI;
+      const a = t.value.width / 2, o = i.value.base, l = Math.PI * ((d.value + 0 - F.value) / (M.value - F.value)) + Math.PI;
       return {
         x1: a,
         y1: o,
-        x2: a + u.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(l),
-        y2: o + u.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(l)
+        x2: a + i.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(l),
+        y2: o + i.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(l)
       };
-    }), ee = g(() => {
-      const a = t.value.width / 2, o = u.value.base, l = Math.PI * ((d.value + 0 - F.value) / (M.value - F.value)) + Math.PI, n = a + u.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(l), O = o + u.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(l), b = t.value.pointerRadius, me = a + b * Math.cos(l + Math.PI / 2), ke = o + b * Math.sin(l + Math.PI / 2), be = a + b * Math.cos(l - Math.PI / 2), _e = o + b * Math.sin(l - Math.PI / 2);
-      return isNaN(n) ? null : `M ${n},${O} ${me},${ke} ${be},${_e} Z`;
+    }), te = g(() => {
+      const a = t.value.width / 2, o = i.value.base, l = Math.PI * ((d.value + 0 - F.value) / (M.value - F.value)) + Math.PI, n = a + i.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(l), I = o + i.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(l), b = t.value.pointerRadius, be = a + b * Math.cos(l + Math.PI / 2), _e = o + b * Math.sin(l + Math.PI / 2), xe = a + b * Math.cos(l - Math.PI / 2), we = o + b * Math.sin(l - Math.PI / 2);
+      return isNaN(n) ? null : `M ${n},${I} ${be},${_e} ${xe},${we} Z`;
     }), G = g(() => {
       for (let a = 0; a < _.value.series.length; a += 1) {
         const { color: o, from: l, to: n } = _.value.series[a];
@@ -112,50 +112,51 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
       }
       return "#2D353C";
     }), P = c(null);
-    function te() {
-      if (ne(s.dataset) ? A({
+    function ae() {
+      if (ue(r.dataset) ? X({
         componentName: "VueUiGauge",
         type: "dataset"
-      }) : (ue({
-        datasetObject: s.dataset,
+      }) : (ie({
+        datasetObject: r.dataset,
         requiredAttributes: ["value", "series"]
       }).forEach((a) => {
-        A({
+        X({
           componentName: "VueUiGauge",
           type: "datasetAttribute",
           property: a
         });
-      }), Object.hasOwn(s.dataset, "series") && (s.dataset.series.length ? s.dataset.series.forEach((a, o) => {
-        ue({
+      }), Object.hasOwn(r.dataset, "series") && (r.dataset.series.length ? r.dataset.series.forEach((a, o) => {
+        ie({
           datasetObject: a,
           requiredAttributes: ["from", "to"]
         }).forEach((l) => {
-          A({
+          X({
             componentName: "VueUiGauge",
             type: "datasetSerieAttribute",
             property: l,
             index: o
           });
         });
-      }) : A({
+      }) : X({
         componentName: "VueUiGauge",
         type: "datasetAttributeEmpty",
         property: "series"
-      }))), ae(s.dataset.value || 0), e.value.responsive) {
-        const a = Ne(() => {
-          const { width: o, height: l } = Ye({
+      }))), le(r.dataset.value || 0), e.value.responsive) {
+        const a = Ge(() => {
+          const { width: o, height: l } = Re({
             chart: w.value,
-            title: e.value.style.chart.title.text ? W.value : null,
-            legend: T.value,
-            source: V.value
+            title: e.value.style.chart.title.text ? L.value : null,
+            legend: W.value,
+            source: V.value,
+            noTitle: q.value
           });
-          t.value.width = o, t.value.height = l, t.value.centerX = o / 2, t.value.centerY = p.value / 2 / 358.4 * l, t.value.bottom = l, t.value.labelFontSize = 18 / p.value * Math.min(l, o) < 10 ? 10 : 18 / p.value * Math.min(l, o), t.value.legendFontSize = e.value.style.chart.legend.fontSize / p.value * Math.min(l, o) < 14 ? 14 : e.value.style.chart.legend.fontSize / p.value * Math.min(l, o), t.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / p.value * Math.min(l, o), t.value.trackSize = e.value.style.chart.layout.track.size / p.value * Math.min(l, o), t.value.pointerStrokeWidth = ce({
+          t.value.width = o, t.value.height = l, t.value.centerX = o / 2, t.value.centerY = p.value / 2 / 358.4 * l, t.value.bottom = l, t.value.labelFontSize = 18 / p.value * Math.min(l, o) < 10 ? 10 : 18 / p.value * Math.min(l, o), t.value.legendFontSize = e.value.style.chart.legend.fontSize / p.value * Math.min(l, o) < 14 ? 14 : e.value.style.chart.legend.fontSize / p.value * Math.min(l, o), t.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / p.value * Math.min(l, o), t.value.trackSize = e.value.style.chart.layout.track.size / p.value * Math.min(l, o), t.value.pointerStrokeWidth = ve({
             relator: Math.min(o, l),
             adjuster: p.value,
             source: e.value.style.chart.layout.pointer.strokeWidth,
             threshold: 2,
             fallback: 2
-          }), t.value.markerOffset = ce({
+          }), t.value.markerOffset = ve({
             relator: Math.max(o, l),
             adjuster: p.value,
             source: e.value.style.chart.layout.markers.offsetY + 3,
@@ -166,24 +167,24 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
         P.value = new ResizeObserver(a), P.value.observe(w.value.parentNode);
       }
     }
-    xe(() => {
-      te();
-    }), we(() => {
+    Fe(() => {
+      ae();
+    }), Se(() => {
       P.value && P.value.disconnect();
     });
-    function ae(a) {
+    function le(a) {
       const o = [];
       (_.value.series || []).forEach((b) => {
         o.push(b.from || 0), o.push(b.to || 0);
       }), M.value = Math.max(...o), F.value = Math.min(...o);
       let l = e.value.style.chart.animation.speed;
       const n = Math.abs(a - d.value) / (l * 60);
-      function O() {
-        d.value < a ? d.value = Math.min(d.value + n, a) : d.value > a && (d.value = Math.max(d.value - n, a)), d.value !== a && requestAnimationFrame(O);
+      function I() {
+        d.value < a ? d.value = Math.min(d.value + n, a) : d.value > a && (d.value = Math.max(d.value - n, a)), d.value !== a && requestAnimationFrame(I);
       }
-      O();
+      I();
     }
-    const u = g(() => {
+    const i = g(() => {
       const a = e.value.responsive ? Math.min(t.value.width, t.value.height) : t.value.width;
       return {
         arcs: a / 2.5,
@@ -192,24 +193,24 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
         ratingBase: e.value.responsive ? t.value.height / 2 + t.value.height / 4 : t.value.height * 0.9,
         pointerSize: e.value.responsive ? Math.min(t.value.width, t.value.height) / 3 : t.value.width / 3.2
       };
-    }), x = g(() => ie(
+    }), x = g(() => ce(
       { series: _.value.series },
       t.value.width / 2,
-      u.value.base,
-      u.value.arcs,
-      u.value.arcs,
+      i.value.base,
+      i.value.arcs,
+      i.value.arcs,
       1,
       1,
       1,
       180,
       109.9495,
       40 * t.value.trackSize
-    )), pe = g(() => ie(
+    )), me = g(() => ce(
       { series: _.value.series },
       t.value.width / 2,
-      u.value.base,
-      u.value.gradients,
-      u.value.gradients,
+      i.value.base,
+      i.value.gradients,
+      i.value.gradients,
       0.95,
       1,
       1,
@@ -217,40 +218,47 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
       110.02,
       2 * t.value.trackSize
     )), S = c(!1);
-    function ge(a) {
-      S.value = a, L.value += 1;
+    function ke(a) {
+      S.value = a, B.value += 1;
     }
-    const I = c(!1);
+    const O = c(!1);
     function R() {
-      I.value = !I.value;
+      O.value = !O.value;
     }
-    return de({
-      generatePdf: K,
-      generateImage: Q,
+    return he({
+      generatePdf: Q,
+      generateImage: ee,
       toggleAnnotator: R
-    }), (a, o) => (r(), i("div", {
-      class: oe(`vue-ui-gauge ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+    }), (a, o) => (s(), u("div", {
+      class: se(`vue-ui-gauge ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "gaugeChart",
       ref: w,
       id: `vue-ui-gauge_${k.value}`,
       style: re(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`)
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), X(Ue, {
+      e.value.userOptions.buttons.annotator ? (s(), N(Be, {
         key: 0,
         parent: w.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: I.value,
+        active: O.value,
         onClose: R
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
-      e.value.style.chart.title.text ? (r(), i("div", {
+      pe.value ? (s(), u("div", {
         key: 1,
+        ref_key: "noTitle",
+        ref: q,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : f("", !0),
+      e.value.style.chart.title.text ? (s(), u("div", {
+        key: 2,
         ref_key: "chartTitle",
-        ref: W,
+        ref: L,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (r(), X(je, {
-          key: `title_${q.value}`,
+        (s(), N(De, {
+          key: `title_${H.value}`,
           config: {
             title: {
               cy: "gauge-div-title",
@@ -263,19 +271,19 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
           }
         }, {
           default: z(() => [
-            e.value.translations.base && Y.dataset.base ? (r(), i("span", We, C(e.value.translations.base) + ": " + C(Y.dataset.base), 1)) : f("", !0)
+            e.value.translations.base && Y.dataset.base ? (s(), u("span", Ve, C(e.value.translations.base) + ": " + C(Y.dataset.base), 1)) : f("", !0)
           ]),
           _: 1
         }, 8, ["config"]))
       ], 512)) : f("", !0),
-      e.value.userOptions.show && $.value ? (r(), X(Re, {
+      e.value.userOptions.show && $.value ? (s(), N(Te, {
         ref_key: "details",
-        ref: fe,
-        key: `user_options_${L.value}`,
+        ref: ye,
+        key: `user_options_${B.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: v(J),
-        isPrinting: v(Z),
+        isImaging: v(K),
+        isPrinting: v(J),
         uid: k.value,
         hasXls: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -286,12 +294,12 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
         chartElement: w.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: I.value,
-        onToggleFullscreen: ge,
-        onGeneratePdf: v(K),
-        onGenerateImage: v(Q),
+        isAnnotation: O.value,
+        onToggleFullscreen: ke,
+        onGeneratePdf: v(Q),
+        onGenerateImage: v(ee),
         onToggleAnnotator: R
-      }, Fe({ _: 2 }, [
+      }, ze({ _: 2 }, [
         a.$slots.optionPdf ? {
           name: "optionPdf",
           fn: z(() => [
@@ -309,26 +317,26 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: z(({ toggleFullscreen: l, isFullscreen: n }) => [
-            m(a.$slots, "optionFullscreen", E(j({ toggleFullscreen: l, isFullscreen: n })), void 0, !0)
+            m(a.$slots, "optionFullscreen", E(T({ toggleFullscreen: l, isFullscreen: n })), void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: z(({ toggleAnnotator: l, isAnnotator: n }) => [
-            m(a.$slots, "optionAnnotator", E(j({ toggleAnnotator: l, isAnnotator: n })), void 0, !0)
+            m(a.$slots, "optionAnnotator", E(T({ toggleAnnotator: l, isAnnotator: n })), void 0, !0)
           ]),
           key: "3"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
-      $.value ? (r(), i("svg", {
-        key: 3,
-        xmlns: v(Oe),
-        class: oe({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
+      $.value ? (s(), u("svg", {
+        key: 4,
+        xmlns: v(Xe),
+        class: se({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
         viewBox: `0 0 ${t.value.width <= 0 ? 10 : t.value.width} ${t.value.height <= 0 ? 10 : t.value.height}`,
         style: re(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Se(De),
+        Ce(Ue),
         y("defs", null, [
           y("radialGradient", {
             id: `gradient_${k.value}`,
@@ -340,17 +348,17 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
           }, [
             y("stop", {
               offset: "0%",
-              "stop-color": v(B)("#FFFFFF", 1)
-            }, null, 8, qe),
+              "stop-color": v(U)("#FFFFFF", 1)
+            }, null, 8, Ze),
             y("stop", {
               offset: "80%",
-              "stop-color": v(B)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
-            }, null, 8, He),
+              "stop-color": v(U)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
+            }, null, 8, Je),
             y("stop", {
               offset: "100%",
-              "stop-color": v(B)("#FFFFFF", 1)
-            }, null, 8, Ze)
-          ], 8, Ve)
+              "stop-color": v(U)("#FFFFFF", 1)
+            }, null, 8, Ke)
+          ], 8, He)
         ]),
         y("defs", null, [
           y("filter", {
@@ -363,35 +371,35 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
             y("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.track.gradientIntensity
-            }, null, 8, Ke)
-          ], 8, Je)
+            }, null, 8, et)
+          ], 8, Qe)
         ]),
-        (r(!0), i(D, null, U(x.value, (l, n) => (r(), i("path", {
+        (s(!0), u(j, null, D(x.value, (l, n) => (s(), u("path", {
           key: `arc_${n}`,
           d: l.arcSlice,
           fill: l.color,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
-        }, null, 8, Qe))), 128)),
-        e.value.style.chart.layout.track.useGradient ? (r(!0), i(D, { key: 0 }, U(pe.value, (l, n) => (r(), i("path", {
+        }, null, 8, tt))), 128)),
+        e.value.style.chart.layout.track.useGradient ? (s(!0), u(j, { key: 0 }, D(me.value, (l, n) => (s(), u("path", {
           key: `arc_${n}`,
           d: l.arcSlice,
           fill: "#FFFFFF",
           stroke: "none",
           "stroke-linecap": "round",
           filter: `url(#blur_${k.value})`
-        }, null, 8, et))), 128)) : f("", !0),
-        (r(!0), i(D, null, U(x.value, (l, n) => (r(), i("text", {
-          x: v(N)({
+        }, null, 8, at))), 128)) : f("", !0),
+        (s(!0), u(j, null, D(x.value, (l, n) => (s(), u("text", {
+          x: v(A)({
             centerX: t.value.width / 2,
-            centerY: u.value.base,
+            centerY: i.value.base,
             initX: l.center.startX,
             initY: l.center.startY,
             offset: t.value.markerOffset
           }).x,
-          y: v(N)({
+          y: v(A)({
             centerX: t.value.width / 2,
-            centerY: u.value.base,
+            centerY: i.value.base,
             initX: l.center.startX,
             initY: l.center.startY,
             offset: t.value.markerOffset
@@ -400,18 +408,18 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
           "font-size": t.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
-        }, C(l.from.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, tt))), 256)),
+        }, C(l.from.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, lt))), 256)),
         y("text", {
-          x: v(N)({
+          x: v(A)({
             centerX: t.value.width / 2,
-            centerY: u.value.base,
+            centerY: i.value.base,
             initX: x.value.at(-1).endX,
             initY: x.value.at(-1).endY,
             offset: t.value.markerOffset
           }).x,
-          y: v(N)({
+          y: v(A)({
             centerX: t.value.width / 2,
-            centerY: u.value.base,
+            centerY: i.value.base,
             initX: x.value.at(-1).endX,
             initY: x.value.at(-1).endY,
             offset: t.value.markerOffset
@@ -420,9 +428,9 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
           "font-size": t.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
-        }, C(M.value.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, at),
-        e.value.style.chart.layout.pointer.type === "rounded" ? (r(), i("g", lt, [
-          isNaN(h.value.x2) ? f("", !0) : (r(), i("line", {
+        }, C(M.value.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, ot),
+        e.value.style.chart.layout.pointer.type === "rounded" ? (s(), u("g", st, [
+          isNaN(h.value.x2) ? f("", !0) : (s(), u("line", {
             key: 0,
             x1: h.value.x1,
             y1: h.value.y1,
@@ -431,8 +439,8 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
             stroke: e.value.style.chart.layout.pointer.stroke,
             "stroke-width": t.value.pointerStrokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, ot)),
-          isNaN(h.value.x2) ? f("", !0) : (r(), i("line", {
+          }, null, 8, rt)),
+          isNaN(h.value.x2) ? f("", !0) : (s(), u("line", {
             key: 1,
             x1: h.value.x1,
             y1: h.value.y1,
@@ -441,8 +449,8 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
             stroke: e.value.style.chart.layout.pointer.useRatingColor ? G.value : e.value.style.chart.layout.pointer.color,
             "stroke-linecap": "round",
             "stroke-width": t.value.pointerStrokeWidth * 0.7
-          }, null, 8, rt)),
-          !isNaN(h.value.x2) && e.value.style.chart.layout.track.useGradient ? (r(), i("line", {
+          }, null, 8, nt)),
+          !isNaN(h.value.x2) && e.value.style.chart.layout.track.useGradient ? (s(), u("line", {
             key: 2,
             x1: h.value.x1,
             y1: h.value.y1,
@@ -452,49 +460,49 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
             "stroke-linecap": "round",
             "stroke-width": t.value.pointerStrokeWidth * 0.3,
             filter: `url(#blur_${k.value})`
-          }, null, 8, st)) : f("", !0)
-        ])) : (r(), i("g", nt, [
-          ee.value ? (r(), i("path", {
+          }, null, 8, ut)) : f("", !0)
+        ])) : (s(), u("g", it, [
+          te.value ? (s(), u("path", {
             key: 0,
-            d: ee.value,
+            d: te.value,
             fill: e.value.style.chart.layout.pointer.useRatingColor ? G.value : e.value.style.chart.layout.pointer.color,
             stroke: e.value.style.chart.layout.pointer.stroke,
             "stroke-width": e.value.style.chart.layout.pointer.circle.strokeWidth,
             "stroke-linejoin": "round"
-          }, null, 8, ut)) : f("", !0)
+          }, null, 8, ct)) : f("", !0)
         ])),
         y("circle", {
           cx: t.value.width / 2,
-          cy: u.value.base,
+          cy: i.value.base,
           fill: e.value.style.chart.layout.pointer.circle.color,
           r: t.value.pointerRadius <= 0 ? 1e-4 : t.value.pointerRadius,
           "stroke-width": e.value.style.chart.layout.pointer.circle.strokeWidth,
           stroke: e.value.style.chart.layout.pointer.circle.stroke
-        }, null, 8, it),
+        }, null, 8, vt),
         y("text", {
           x: t.value.width / 2,
-          y: u.value.ratingBase,
+          y: i.value.ratingBase,
           "text-anchor": "middle",
           "font-size": t.value.legendFontSize,
           "font-weight": "bold",
           fill: e.value.style.chart.legend.useRatingColor ? G.value : e.value.style.chart.legend.color
-        }, C(v(Xe)(
+        }, C(v(Ae)(
           e.value.style.chart.legend.formatter,
           d.value,
-          v(Ae)({
+          v(Ye)({
             p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && d.value > 0 ? "+" : ""),
             v: d.value,
             s: e.value.style.chart.legend.suffix,
             r: e.value.style.chart.legend.roundingValue
           })
-        )), 9, ct),
+        )), 9, dt),
         m(a.$slots, "svg", { svg: t.value }, void 0, !0)
-      ], 14, Te)) : f("", !0),
-      a.$slots.watermark ? (r(), i("div", vt, [
-        m(a.$slots, "watermark", E(j({ isPrinting: v(Z) || v(J) })), void 0, !0)
+      ], 14, qe)) : f("", !0),
+      a.$slots.watermark ? (s(), u("div", ht, [
+        m(a.$slots, "watermark", E(T({ isPrinting: v(J) || v(K) })), void 0, !0)
       ])) : f("", !0),
-      $.value ? f("", !0) : (r(), X(Ee, {
-        key: 5,
+      $.value ? f("", !0) : (s(), N(je, {
+        key: 6,
         config: {
           type: "gauge",
           style: {
@@ -507,21 +515,21 @@ const Le = ["id"], We = { key: 0 }, Te = ["xmlns", "viewBox"], Ve = ["id"], qe =
       }, null, 8, ["config"])),
       y("div", {
         ref_key: "chartLegend",
-        ref: T
+        ref: W
       }, [
         m(a.$slots, "legend", { legend: _.value }, void 0, !0)
       ], 512),
-      a.$slots.source ? (r(), i("div", {
-        key: 6,
+      a.$slots.source ? (s(), u("div", {
+        key: 7,
         ref_key: "source",
         ref: V,
         dir: "auto"
       }, [
         m(a.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0)
-    ], 14, Le));
+    ], 14, We));
   }
-}, wt = /* @__PURE__ */ Be(dt, [["__scopeId", "data-v-d9452596"]]);
+}, St = /* @__PURE__ */ Le(ft, [["__scopeId", "data-v-1082d899"]]);
 export {
-  wt as default
+  St as default
 };