vue-data-ui 2.4.36 → 2.4.38

package/dist/{vue-ui-gauge-B4R-7QaH.js → vue-ui-gauge-D6VDfsha.js}

@@ -1,17 +1,17 @@
-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-DT2Q6wHA.js";
+import { computed as p, ref as v, watch as se, onMounted as ze, onBeforeUnmount as Ce, openBlock as r, createElementBlock as s, normalizeClass as ue, normalizeStyle as ne, createBlock as N, createCommentVNode as d, withCtx as C, toDisplayString as $, unref as n, createSlots as $e, renderSlot as m, normalizeProps as E, guardReactiveProps as T, createVNode as Me, createElementVNode as g, Fragment as j, renderList as D } from "vue";
+import { u as Pe, c as Oe, t as Ie, a as Ne, p as ie, b as Xe, o as ce, d as Ae, e as X, g as ve, m as de, X as Ye, s as U, H as A, i as B, f as L, E as he } from "./index-BfvWIfiY.js";
 import { t as Ge, u as Re } from "./useResponsive-CoxXLe23.js";
-import { u as Ee, U as Te } from "./usePrinter-Bu3_FFNh.js";
-import je from "./vue-ui-skeleton-D9lIs0pC.js";
-import { _ as De } from "./Title-B5wIQ3bR.js";
-import { u as de } from "./useNestedProp-mBik37PJ.js";
-import { _ as Ue } from "./PackageVersion-tBXJRRcv.js";
-import { P as Be } from "./PenAndPaper-VhfbqYdY.js";
+import { u as Ee, U as Te } from "./usePrinter-C_JcwuWm.js";
+import je from "./vue-ui-skeleton-CK-lcAFv.js";
+import { _ as De } from "./Title-x3NyvtQe.js";
+import { u as fe } from "./useNestedProp-C5ctHjEY.js";
+import { _ as Ue } from "./PackageVersion-QvLMBL8G.js";
+import { P as Be } from "./PenAndPaper-CT4Le8nh.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 = {
+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 = { key: 1 }, ot = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], rt = ["x", "y", "font-size", "font-weight", "fill"], st = { key: 3 }, ut = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], nt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], it = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], ct = { key: 4 }, vt = ["d", "fill", "stroke", "stroke-width"], dt = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], ht = ["x", "y", "font-size", "fill"], ft = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, ft = {
+}, yt = {
   __name: "vue-ui-gauge",
   props: {
     config: {
@@ -27,32 +27,32 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
       }
     }
   },
-  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(),
+  setup(Y, { expose: ye }) {
+    const u = Y, { vue_ui_gauge: pe } = Pe(), M = p(() => !!u.dataset && Object.keys(u.dataset).length > 0 && u.dataset.series && u.dataset.series.length), k = v(Oe()), ge = v(null), W = v(0), w = v(null), V = v(null), q = v(null), H = v(null), Z = v(null), J = v(0), e = p({
+      get: () => K(),
       set: (a) => a
     });
-    oe(() => r.config, (a) => {
-      e.value = Z(), ae(), H.value += 1;
+    se(() => u.config, (a) => {
+      e.value = K(), oe(), J.value += 1;
     }, { deep: !0 });
-    function Z() {
-      const a = de({
-        userConfig: r.config,
-        defaultConfig: fe
+    function K() {
+      const a = fe({
+        userConfig: u.config,
+        defaultConfig: pe
       });
       return a.theme ? {
-        ...de({
-          userConfig: Pe.vue_ui_gauge[a.theme] || r.config,
+        ...fe({
+          userConfig: Ie.vue_ui_gauge[a.theme] || u.config,
           defaultConfig: a
         }),
-        customPalette: Oe[a.theme] || ne
+        customPalette: Ne[a.theme] || ie
       } : a;
     }
-    const { isPrinting: J, isImaging: K, generatePdf: Q, generateImage: ee } = Ee({
+    const { isPrinting: Q, isImaging: ee, generatePdf: te, generateImage: ae } = Ee({
       elementId: `vue-ui-gauge_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-gauge"
-    }), 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 || {}))
+    }), me = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), ke = p(() => Xe(e.value.customPalette)), _ = p(() => {
+      if (!M.value || ce(u.dataset.series || {}))
         return {
           value: 0,
           series: [
@@ -63,25 +63,25 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
           ]
         };
       const a = [];
-      (r.dataset.series || []).forEach((l) => {
+      (u.dataset.series || []).forEach((l) => {
         a.push(l.from || 0), a.push(l.to || 0);
       });
       const o = Math.max(...a);
       return {
-        ...r.dataset,
-        series: (r.dataset.series || []).map((l, n) => ({
+        ...u.dataset,
+        series: (u.dataset.series || []).map((l, i) => ({
           ...l,
-          color: Ne(l.color) || ge.value[n] || ne[n],
+          color: Ae(l.color) || ke.value[i] || ie[i],
           value: ((l.to || 0) - (l.from || 0)) / o * 100
         }))
       };
-    }), p = c(512), t = c({
+    }), y = v(512), t = v({
       height: 358.4,
-      width: p.value,
+      width: y.value,
       top: 0,
       bottom: 358.4,
       centerX: 179.2,
-      centerY: p.value / 2,
+      centerY: y.value / 2,
       labelFontSize: 18,
       legendFontSize: e.value.style.chart.legend.fontSize,
       pointerRadius: e.value.style.chart.layout.pointer.circle.radius,
@@ -89,35 +89,35 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
       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 : r.dataset.value);
-    oe(() => r.dataset.value, () => {
-      le(r.dataset.value);
+    }), F = v(0), S = v(0), h = v(e.value.style.chart.animation.use ? 0 : u.dataset.value);
+    se(() => u.dataset.value, () => {
+      re(u.dataset.value);
     });
-    const h = 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;
+    const f = p(() => {
+      const a = t.value.width / 2, o = c.value.base, l = Math.PI * ((h.value + 0 - S.value) / (F.value - S.value)) + Math.PI;
       return {
         x1: a,
         y1: o,
-        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)
+        x2: a + c.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(l),
+        y2: o + c.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(l)
       };
-    }), 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(() => {
+    }), le = p(() => {
+      const a = t.value.width / 2, o = c.value.base, l = Math.PI * ((h.value + 0 - S.value) / (F.value - S.value)) + Math.PI, i = a + c.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(l), I = o + c.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(l), b = t.value.pointerRadius, xe = a + b * Math.cos(l + Math.PI / 2), we = o + b * Math.sin(l + Math.PI / 2), Fe = a + b * Math.cos(l - Math.PI / 2), Se = o + b * Math.sin(l - Math.PI / 2);
+      return isNaN(i) ? null : `M ${i},${I} ${xe},${we} ${Fe},${Se} Z`;
+    }), G = p(() => {
       for (let a = 0; a < _.value.series.length; a += 1) {
-        const { color: o, from: l, to: n } = _.value.series[a];
-        if (d.value >= l && d.value <= n)
+        const { color: o, from: l, to: i } = _.value.series[a];
+        if (h.value >= l && h.value <= i)
           return o;
       }
       return "#2D353C";
-    }), P = c(null);
-    function ae() {
-      if (ue(r.dataset) ? X({
+    }), P = v(null);
+    function oe() {
+      if (ce(u.dataset) ? X({
         componentName: "VueUiGauge",
         type: "dataset"
-      }) : (ie({
-        datasetObject: r.dataset,
+      }) : (ve({
+        datasetObject: u.dataset,
         requiredAttributes: ["value", "series"]
       }).forEach((a) => {
         X({
@@ -125,8 +125,8 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
           type: "datasetAttribute",
           property: a
         });
-      }), Object.hasOwn(r.dataset, "series") && (r.dataset.series.length ? r.dataset.series.forEach((a, o) => {
-        ie({
+      }), Object.hasOwn(u.dataset, "series") && (u.dataset.series.length ? u.dataset.series.forEach((a, o) => {
+        ve({
           datasetObject: a,
           requiredAttributes: ["from", "to"]
         }).forEach((l) => {
@@ -141,24 +141,24 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
         componentName: "VueUiGauge",
         type: "datasetAttributeEmpty",
         property: "series"
-      }))), le(r.dataset.value || 0), e.value.responsive) {
+      }))), re(u.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 ? L.value : null,
-            legend: W.value,
-            source: V.value,
-            noTitle: q.value
+            title: e.value.style.chart.title.text ? V.value : null,
+            legend: q.value,
+            source: H.value,
+            noTitle: Z.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 = ve({
+          t.value.width = o, t.value.height = l, t.value.centerX = o / 2, t.value.centerY = y.value / 2 / 358.4 * l, t.value.bottom = l, t.value.labelFontSize = 18 / y.value * Math.min(l, o) < 10 ? 10 : 18 / y.value * Math.min(l, o), t.value.legendFontSize = e.value.style.chart.legend.fontSize / y.value * Math.min(l, o) < 14 ? 14 : e.value.style.chart.legend.fontSize / y.value * Math.min(l, o), t.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / y.value * Math.min(l, o), t.value.trackSize = e.value.style.chart.layout.track.size / y.value * Math.min(l, o), t.value.pointerStrokeWidth = he({
             relator: Math.min(o, l),
-            adjuster: p.value,
+            adjuster: y.value,
             source: e.value.style.chart.layout.pointer.strokeWidth,
             threshold: 2,
             fallback: 2
-          }), t.value.markerOffset = ve({
+          }), t.value.markerOffset = he({
             relator: Math.max(o, l),
-            adjuster: p.value,
+            adjuster: y.value,
             source: e.value.style.chart.layout.markers.offsetY + 3,
             threshold: 2,
             fallback: 2
@@ -167,24 +167,24 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
         P.value = new ResizeObserver(a), P.value.observe(w.value.parentNode);
       }
     }
-    Fe(() => {
-      ae();
-    }), Se(() => {
+    ze(() => {
+      oe();
+    }), Ce(() => {
       P.value && P.value.disconnect();
     });
-    function le(a) {
+    function re(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);
+      }), F.value = Math.max(...o), S.value = Math.min(...o);
       let l = e.value.style.chart.animation.speed;
-      const n = Math.abs(a - d.value) / (l * 60);
+      const i = Math.abs(a - h.value) / (l * 60);
       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);
+        h.value < a ? h.value = Math.min(h.value + i, a) : h.value > a && (h.value = Math.max(h.value - i, a)), h.value !== a && requestAnimationFrame(I);
       }
       I();
     }
-    const i = g(() => {
+    const c = p(() => {
       const a = e.value.responsive ? Math.min(t.value.width, t.value.height) : t.value.width;
       return {
         arcs: a / 2.5,
@@ -193,72 +193,72 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
         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(() => ce(
+    }), x = p(() => de(
       { series: _.value.series },
       t.value.width / 2,
-      i.value.base,
-      i.value.arcs,
-      i.value.arcs,
+      c.value.base,
+      c.value.arcs,
+      c.value.arcs,
       1,
       1,
       1,
       180,
       109.9495,
       40 * t.value.trackSize
-    )), me = g(() => ce(
+    )), be = p(() => de(
       { series: _.value.series },
       t.value.width / 2,
-      i.value.base,
-      i.value.gradients,
-      i.value.gradients,
+      c.value.base,
+      c.value.gradients,
+      c.value.gradients,
       0.95,
       1,
       1,
       180,
       110.02,
       2 * t.value.trackSize
-    )), S = c(!1);
-    function ke(a) {
-      S.value = a, B.value += 1;
+    )), z = v(!1);
+    function _e(a) {
+      z.value = a, W.value += 1;
     }
-    const O = c(!1);
+    const O = v(!1);
     function R() {
       O.value = !O.value;
     }
-    return he({
-      generatePdf: Q,
-      generateImage: ee,
+    return ye({
+      generatePdf: te,
+      generateImage: ae,
       toggleAnnotator: R
-    }), (a, o) => (s(), u("div", {
-      class: se(`vue-ui-gauge ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+    }), (a, o) => (r(), s("div", {
+      class: ue(`vue-ui-gauge ${z.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%" : ""}`)
+      style: ne(`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 ? (s(), N(Be, {
+      e.value.userOptions.buttons.annotator ? (r(), N(Be, {
         key: 0,
         parent: w.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: O.value,
         onClose: R
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : f("", !0),
-      pe.value ? (s(), u("div", {
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : d("", !0),
+      me.value ? (r(), s("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: q,
+        ref: Z,
         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", {
+      }, null, 512)) : d("", !0),
+      e.value.style.chart.title.text ? (r(), s("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: L,
+        ref: V,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), N(De, {
-          key: `title_${H.value}`,
+        (r(), N(De, {
+          key: `title_${J.value}`,
           config: {
             title: {
               cy: "gauge-div-title",
@@ -270,75 +270,75 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
             }
           }
         }, {
-          default: z(() => [
-            e.value.translations.base && Y.dataset.base ? (s(), u("span", Ve, C(e.value.translations.base) + ": " + C(Y.dataset.base), 1)) : f("", !0)
+          default: C(() => [
+            e.value.translations.base && Y.dataset.base ? (r(), s("span", Ve, $(e.value.translations.base) + ": " + $(Y.dataset.base), 1)) : d("", !0)
           ]),
           _: 1
         }, 8, ["config"]))
-      ], 512)) : f("", !0),
-      e.value.userOptions.show && $.value ? (s(), N(Te, {
+      ], 512)) : d("", !0),
+      e.value.userOptions.show && M.value ? (r(), N(Te, {
         ref_key: "details",
-        ref: ye,
-        key: `user_options_${B.value}`,
+        ref: ge,
+        key: `user_options_${W.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: v(K),
-        isPrinting: v(J),
+        isImaging: n(ee),
+        isPrinting: n(Q),
         uid: k.value,
         hasXls: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: S.value,
+        isFullscreen: z.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: w.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: O.value,
-        onToggleFullscreen: ke,
-        onGeneratePdf: v(Q),
-        onGenerateImage: v(ee),
+        onToggleFullscreen: _e,
+        onGeneratePdf: n(te),
+        onGenerateImage: n(ae),
         onToggleAnnotator: R
-      }, ze({ _: 2 }, [
+      }, $e({ _: 2 }, [
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: z(() => [
+          fn: C(() => [
             m(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: z(() => [
+          fn: C(() => [
             m(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: z(({ toggleFullscreen: l, isFullscreen: n }) => [
-            m(a.$slots, "optionFullscreen", E(T({ toggleFullscreen: l, isFullscreen: n })), void 0, !0)
+          fn: C(({ toggleFullscreen: l, isFullscreen: i }) => [
+            m(a.$slots, "optionFullscreen", E(T({ toggleFullscreen: l, isFullscreen: i })), void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: z(({ toggleAnnotator: l, isAnnotator: n }) => [
-            m(a.$slots, "optionAnnotator", E(T({ toggleAnnotator: l, isAnnotator: n })), void 0, !0)
+          fn: C(({ toggleAnnotator: l, isAnnotator: i }) => [
+            m(a.$slots, "optionAnnotator", E(T({ toggleAnnotator: l, isAnnotator: i })), 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 ? (s(), u("svg", {
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : d("", !0),
+      M.value ? (r(), s("svg", {
         key: 4,
-        xmlns: v(Xe),
-        class: se({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
+        xmlns: n(Ye),
+        class: ue({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.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}`)
+        style: ne(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Ce(Ue),
-        y("defs", null, [
-          y("radialGradient", {
+        Me(Ue),
+        g("defs", null, [
+          g("radialGradient", {
             id: `gradient_${k.value}`,
             cx: "50%",
             cy: "50%",
@@ -346,80 +346,92 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
             fx: "50%",
             fy: "50%"
           }, [
-            y("stop", {
+            g("stop", {
               offset: "0%",
-              "stop-color": v(U)("#FFFFFF", 1)
+              "stop-color": n(U)("#FFFFFF", 1)
             }, null, 8, Ze),
-            y("stop", {
+            g("stop", {
               offset: "80%",
-              "stop-color": v(U)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
+              "stop-color": n(U)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
             }, null, 8, Je),
-            y("stop", {
+            g("stop", {
               offset: "100%",
-              "stop-color": v(U)("#FFFFFF", 1)
+              "stop-color": n(U)("#FFFFFF", 1)
             }, null, 8, Ke)
           ], 8, He)
         ]),
-        y("defs", null, [
-          y("filter", {
+        g("defs", null, [
+          g("filter", {
             id: `blur_${k.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            y("feGaussianBlur", {
+            g("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.track.gradientIntensity
             }, null, 8, et)
           ], 8, Qe)
         ]),
-        (s(!0), u(j, null, D(x.value, (l, n) => (s(), u("path", {
-          key: `arc_${n}`,
+        (r(!0), s(j, null, D(x.value, (l, i) => (r(), s("path", {
+          key: `arc_${i}`,
           d: l.arcSlice,
           fill: l.color,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
         }, 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}`,
+        e.value.style.chart.layout.track.useGradient ? (r(!0), s(j, { key: 0 }, D(be.value, (l, i) => (r(), s("path", {
+          key: `arc_${i}`,
           d: l.arcSlice,
           fill: "#FFFFFF",
           stroke: "none",
           "stroke-linecap": "round",
           filter: `url(#blur_${k.value})`
-        }, 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: i.value.base,
-            initX: l.center.startX,
-            initY: l.center.startY,
-            offset: t.value.markerOffset
-          }).x,
-          y: v(A)({
-            centerX: t.value.width / 2,
-            centerY: i.value.base,
-            initX: l.center.startX,
-            initY: l.center.startY,
-            offset: t.value.markerOffset
-          }).y,
-          "text-anchor": l.center.startX < t.value.width / 2 - 5 ? "end" : l.center.startX > t.value.width / 2 + 5 ? "start" : "middle",
-          "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, lt))), 256)),
-        y("text", {
-          x: v(A)({
+        }, null, 8, at))), 128)) : d("", !0),
+        e.value.style.chart.layout.markers.show ? (r(), s("g", lt, [
+          (r(!0), s(j, null, D(x.value, (l, i) => (r(), s("text", {
+            x: n(A)({
+              centerX: t.value.width / 2,
+              centerY: c.value.base,
+              initX: l.center.startX,
+              initY: l.center.startY,
+              offset: t.value.markerOffset
+            }).x,
+            y: n(A)({
+              centerX: t.value.width / 2,
+              centerY: c.value.base,
+              initX: l.center.startX,
+              initY: l.center.startY,
+              offset: t.value.markerOffset
+            }).y,
+            "text-anchor": l.center.startX < t.value.width / 2 - 5 ? "end" : l.center.startX > t.value.width / 2 + 5 ? "start" : "middle",
+            "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
+          }, $(n(B)(
+            e.value.style.chart.layout.markers.formatter,
+            l.from,
+            n(L)({
+              p: e.value.style.chart.layout.markers.prefix,
+              v: l.from,
+              s: e.value.style.chart.layout.markers.suffix,
+              r: e.value.style.chart.layout.markers.roundingValue
+            })
+          )), 9, ot))), 256))
+        ])) : d("", !0),
+        e.value.style.chart.layout.markers.show ? (r(), s("text", {
+          key: 2,
+          x: n(A)({
             centerX: t.value.width / 2,
-            centerY: i.value.base,
+            centerY: c.value.base,
             initX: x.value.at(-1).endX,
             initY: x.value.at(-1).endY,
             offset: t.value.markerOffset
           }).x,
-          y: v(A)({
+          y: n(A)({
             centerX: t.value.width / 2,
-            centerY: i.value.base,
+            centerY: c.value.base,
             initX: x.value.at(-1).endX,
             initY: x.value.at(-1).endY,
             offset: t.value.markerOffset
@@ -428,80 +440,90 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
           "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, ot),
-        e.value.style.chart.layout.pointer.type === "rounded" ? (s(), u("g", st, [
-          isNaN(h.value.x2) ? f("", !0) : (s(), u("line", {
+        }, $(n(B)(
+          e.value.style.chart.layout.markers.formatter,
+          F.value,
+          n(L)({
+            p: e.value.style.chart.layout.markers.prefix,
+            v: F.value,
+            s: e.value.style.chart.layout.markers.suffix,
+            r: e.value.style.chart.layout.markers.roundingValue
+          })
+        )), 9, rt)) : d("", !0),
+        e.value.style.chart.layout.pointer.type === "rounded" ? (r(), s("g", st, [
+          isNaN(f.value.x2) ? d("", !0) : (r(), s("line", {
             key: 0,
-            x1: h.value.x1,
-            y1: h.value.y1,
-            x2: h.value.x2,
-            y2: h.value.y2,
+            x1: f.value.x1,
+            y1: f.value.y1,
+            x2: f.value.x2,
+            y2: f.value.y2,
             stroke: e.value.style.chart.layout.pointer.stroke,
             "stroke-width": t.value.pointerStrokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, rt)),
-          isNaN(h.value.x2) ? f("", !0) : (s(), u("line", {
+          }, null, 8, ut)),
+          isNaN(f.value.x2) ? d("", !0) : (r(), s("line", {
             key: 1,
-            x1: h.value.x1,
-            y1: h.value.y1,
-            x2: h.value.x2,
-            y2: h.value.y2,
+            x1: f.value.x1,
+            y1: f.value.y1,
+            x2: f.value.x2,
+            y2: f.value.y2,
             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, nt)),
-          !isNaN(h.value.x2) && e.value.style.chart.layout.track.useGradient ? (s(), u("line", {
+          !isNaN(f.value.x2) && e.value.style.chart.layout.track.useGradient ? (r(), s("line", {
             key: 2,
-            x1: h.value.x1,
-            y1: h.value.y1,
-            x2: h.value.x2,
-            y2: h.value.y2,
+            x1: f.value.x1,
+            y1: f.value.y1,
+            x2: f.value.x2,
+            y2: f.value.y2,
             stroke: "white",
             "stroke-linecap": "round",
             "stroke-width": t.value.pointerStrokeWidth * 0.3,
             filter: `url(#blur_${k.value})`
-          }, null, 8, ut)) : f("", !0)
-        ])) : (s(), u("g", it, [
-          te.value ? (s(), u("path", {
+          }, null, 8, it)) : d("", !0)
+        ])) : (r(), s("g", ct, [
+          le.value ? (r(), s("path", {
             key: 0,
-            d: te.value,
+            d: le.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, ct)) : f("", !0)
+          }, null, 8, vt)) : d("", !0)
         ])),
-        y("circle", {
+        g("circle", {
           cx: t.value.width / 2,
-          cy: i.value.base,
+          cy: c.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, vt),
-        y("text", {
+        }, null, 8, dt),
+        e.value.style.chart.legend.show ? (r(), s("text", {
+          key: 5,
           x: t.value.width / 2,
-          y: i.value.ratingBase,
+          y: c.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(Ae)(
+        }, $(n(B)(
           e.value.style.chart.legend.formatter,
-          d.value,
-          v(Ye)({
-            p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && d.value > 0 ? "+" : ""),
-            v: d.value,
+          h.value,
+          n(L)({
+            p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && h.value > 0 ? "+" : ""),
+            v: h.value,
             s: e.value.style.chart.legend.suffix,
             r: e.value.style.chart.legend.roundingValue
           })
-        )), 9, dt),
+        )), 9, ht)) : d("", !0),
         m(a.$slots, "svg", { svg: t.value }, 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) : (s(), N(je, {
+      ], 14, qe)) : d("", !0),
+      a.$slots.watermark ? (r(), s("div", ft, [
+        m(a.$slots, "watermark", E(T({ isPrinting: n(Q) || n(ee) })), void 0, !0)
+      ])) : d("", !0),
+      M.value ? d("", !0) : (r(), N(je, {
         key: 6,
         config: {
           type: "gauge",
@@ -513,23 +535,23 @@ const We = ["id"], Ve = { key: 0 }, qe = ["xmlns", "viewBox"], He = ["id"], Ze =
           }
         }
       }, null, 8, ["config"])),
-      y("div", {
+      g("div", {
         ref_key: "chartLegend",
-        ref: W
+        ref: q
       }, [
         m(a.$slots, "legend", { legend: _.value }, void 0, !0)
       ], 512),
-      a.$slots.source ? (s(), u("div", {
+      a.$slots.source ? (r(), s("div", {
         key: 7,
         ref_key: "source",
-        ref: V,
+        ref: H,
         dir: "auto"
       }, [
         m(a.$slots, "source", {}, void 0, !0)
-      ], 512)) : f("", !0)
+      ], 512)) : d("", !0)
     ], 14, We));
   }
-}, St = /* @__PURE__ */ Le(ft, [["__scopeId", "data-v-1082d899"]]);
+}, zt = /* @__PURE__ */ Le(yt, [["__scopeId", "data-v-31427f30"]]);
 export {
-  St as default
+  zt as default
 };