vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-gauge-ofpIH29X.js → vue-ui-gauge-MM8rPNWR.js}

@@ -1,16 +1,17 @@
-import { defineAsyncComponent as Q, computed as h, ref as f, toRefs as Je, watch as ee, shallowRef as ze, onMounted as Ke, onBeforeUnmount as Qe, createElementBlock as o, openBlock as r, unref as n, normalizeStyle as te, normalizeClass as Fe, createBlock as j, createCommentVNode as c, createElementVNode as p, withCtx as X, toDisplayString as R, createSlots as et, renderSlot as S, normalizeProps as B, guardReactiveProps as U, createVNode as tt, Fragment as k, renderList as x, mergeProps as E, nextTick as at } from "vue";
-import { u as lt, c as st, t as rt, a as ot, p as Ae, b as ut, d as nt, o as Ce, e as it, f as W, g as Oe, m as ae, N as A, O as ct, h as vt, X as ht, s as le, I as dt, r as ft, k as se, i as re, E as oe } from "./index-Lg17rmB1.js";
-import { t as yt, u as mt } from "./useResponsive-DfdjqQps.js";
-import { u as Ne } from "./useNestedProp-DpwLJMsW.js";
-import { u as gt } from "./usePrinter-DGI4Mlad.js";
-import { u as pt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as kt } from "./useChartAccessibility-9icAAmYg.js";
-import bt from "./Title-BVMfF0uu.js";
-import _t from "./img-CeCjiMpr.js";
+import { defineAsyncComponent as K, computed as h, ref as f, toRefs as Je, watch as Q, shallowRef as $e, onMounted as Ke, onBeforeUnmount as Qe, createElementBlock as o, openBlock as r, unref as n, normalizeStyle as ee, normalizeClass as ze, createBlock as j, createCommentVNode as c, createElementVNode as p, withCtx as X, toDisplayString as R, createSlots as et, renderSlot as x, normalizeProps as B, guardReactiveProps as U, createVNode as tt, Fragment as k, renderList as $, mergeProps as L, nextTick as at } from "vue";
+import { c as lt, t as st, b as rt, p as Fe, e as ot, o as Ae, h as ut, f as W, g as Ce, n as te, I as A, S as nt, q as it, X as ct, s as ae, N as vt, w as ht, a as le, d as se, F as re } from "./lib-p5pfHmOX.js";
+import { t as dt, u as ft } from "./useResponsive-DfdjqQps.js";
+import { u as yt, a as Oe } from "./useNestedProp-DF7e2h1z.js";
+import { u as mt } from "./usePrinter-Yeu5jOfm.js";
+import { u as gt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
+import { t as kt } from "./themes-D3cUNuKw.js";
+import bt from "./Title-pI68ZJsq.js";
+import _t from "./img-CH7J0fYg.js";
 import { u as wt, B as St } from "./BaseScanner-BgWxam9d.js";
-import { u as xt } from "./useAutoSizeLabelsInsideViewbox-BxqMb3sU.js";
+import { u as xt } from "./useAutoSizeLabelsInsideViewbox-VqESrzQg.js";
 import { _ as $t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "height"], Ot = ["id"], Nt = ["stop-color"], Mt = ["stop-color"], Pt = ["stop-color"], It = ["id"], Xt = ["stdDeviation"], Rt = { key: 1 }, Yt = ["d", "fill", "stroke"], Et = ["d", "fill", "stroke"], Lt = ["d", "fill"], Tt = ["id", "d"], Gt = ["fill", "font-size", "font-weight"], jt = ["href", "startOffset"], Bt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Ut = ["d", "filter"], Wt = ["stroke", "stroke-width"], Dt = ["stroke", "stroke-width"], Vt = ["stroke", "stroke-width"], Ht = ["stroke", "stroke-width"], qt = { key: 8 }, Zt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], Jt = ["x", "y", "font-size", "font-weight", "fill"], Kt = { key: 0 }, Qt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ea = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ta = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], aa = { key: 1 }, la = ["d", "fill", "stroke", "stroke-width"], sa = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], ra = ["x", "y", "font-size", "fill"], oa = {
+const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "height"], Ot = ["id"], Nt = ["stop-color"], Mt = ["stop-color"], Pt = ["stop-color"], It = ["id"], Xt = ["stdDeviation"], Rt = { key: 1 }, Yt = ["d", "fill", "stroke"], Lt = ["d", "fill", "stroke"], Et = ["d", "fill"], Tt = ["id", "d"], Gt = ["fill", "font-size", "font-weight"], jt = ["href", "startOffset"], Bt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Ut = ["d", "filter"], Wt = ["stroke", "stroke-width"], Dt = ["stroke", "stroke-width"], Vt = ["stroke", "stroke-width"], Ht = ["stroke", "stroke-width"], qt = { key: 8 }, Zt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], Jt = ["x", "y", "font-size", "font-weight", "fill"], Kt = { key: 0 }, Qt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ea = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ta = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], aa = { key: 1 }, la = ["d", "fill", "stroke", "stroke-width"], sa = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], ra = ["x", "y", "font-size", "fill"], oa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ua = {
@@ -29,11 +30,11 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       }
     }
   },
-  setup(D, { expose: Me }) {
-    const Pe = Q(() => import("./PenAndPaper-BKnXOYre.js")), Ie = Q(() => import("./UserOptions-CKzW9w0Q.js")), Xe = Q(() => import("./PackageVersion-D1HToLlZ.js")), { vue_ui_gauge: Re } = lt(), m = D, Ye = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(st()), Ee = f(null), ue = f(0), C = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(null), he = f(0), e = f(q()), { loading: de, FINAL_DATASET: $, manualLoading: M } = wt({
+  setup(Ne, { expose: Me }) {
+    const Pe = K(() => import("./PenAndPaper-CtDMyIvW.js")), Ie = K(() => import("./UserOptions-Bn3u4JQu.js")), Xe = K(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_gauge: Re } = yt(), m = Ne, Ye = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(lt()), Le = f(null), oe = f(0), C = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: S, manualLoading: M } = wt({
       ...Je(m),
       FINAL_CONFIG: e,
-      prepareConfig: q,
+      prepareConfig: H,
       callback: () => {
         Promise.resolve().then(async () => {
           await at();
@@ -46,7 +47,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           { from: 0, to: 1, name: "__", color: "#CACACA" }
         ]
       },
-      skeletonConfig: rt({
+      skeletonConfig: st({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -75,31 +76,31 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           }
         }
       })
-    }), { userOptionsVisible: V, setUserOptionsVisibility: fe, keepUserOptionState: ye } = pt({ config: e.value }), { svgRef: H } = kt({ config: e.value.style.chart.title });
-    ee(() => m.config, (t) => {
-      de.value || (e.value = q()), V.value = !e.value.userOptions.showOnChartHover, J(), he.value += 1;
-    }, { deep: !0 }), ee(() => m.dataset, (t) => {
-      J(), t && Object.keys(t).length > 0 && (M.value = e.value?.loading ?? !1);
+    }), { userOptionsVisible: D, setUserOptionsVisibility: de, keepUserOptionState: fe } = gt({ config: e.value }), { svgRef: V } = pt({ config: e.value.style.chart.title });
+    Q(() => m.config, (t) => {
+      he.value || (e.value = H()), D.value = !e.value.userOptions.showOnChartHover, Z(), ve.value += 1;
+    }, { deep: !0 }), Q(() => m.dataset, (t) => {
+      Z(), t && Object.keys(t).length > 0 && (M.value = e.value?.loading ?? !1);
     }, { deep: !0, immediate: !1 });
-    function q() {
-      const t = Ne({
+    function H() {
+      const t = Oe({
         userConfig: m.config,
         defaultConfig: Re
       });
       return t.theme ? {
-        ...Ne({
-          userConfig: ut.vue_ui_gauge[t.theme] || m.config,
+        ...Oe({
+          userConfig: kt.vue_ui_gauge[t.theme] || m.config,
           defaultConfig: t
         }),
-        customPalette: ot[t.theme] || Ae
+        customPalette: rt[t.theme] || Fe
       } : t;
     }
-    const { isPrinting: me, isImaging: ge, generatePdf: pe, generateImage: ke } = gt({
+    const { isPrinting: ye, isImaging: me, generatePdf: ge, generateImage: pe } = mt({
       elementId: `vue-ui-gauge_${w.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), Te = h(() => nt(e.value.customPalette)), O = h(() => {
-      if (Ce($.value.series || {}))
+    }), Ee = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Te = h(() => ot(e.value.customPalette)), O = h(() => {
+      if (Ae(S.value.series || {}))
         return {
           value: 0,
           series: [
@@ -110,15 +111,15 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           ]
         };
       const t = [];
-      ($.value.series || []).forEach((a) => {
+      (S.value.series || []).forEach((a) => {
         t.push(a.from || 1e-7), t.push(a.to || 1e-7);
       });
       const u = Math.max(...t);
       return {
-        ...$.value,
-        series: ($.value.series || []).map((a, s) => ({
+        ...S.value,
+        series: (S.value.series || []).map((a, s) => ({
           ...a,
-          color: it(a.color) || Te.value[s] || Ae[s],
+          color: ut(a.color) || Te.value[s] || Fe[s],
           value: ((a.to || 0) - (a.from || 0)) / u * 100
         }))
       };
@@ -138,10 +139,10 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       markerOffset: e.value.style.chart.layout.markers.offsetY + 3,
       segmentFontSize: e.value.style.chart.layout.segmentNames.fontSize
     }), P = f(0), z = f(0), y = f(
-      e.value.style.chart.animation.use ? Math.min(...$.value.series.map((t) => t.from)) : $.value.value
+      e.value.style.chart.animation.use ? Math.min(...S.value.series.map((t) => t.from)) : S.value.value
     );
-    ee(() => $.value.value, () => {
-      we($.value.value);
+    Q(() => S.value.value, () => {
+      _e(S.value.value);
     });
     const i = h(() => {
       const t = l.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (P.value - z.value)) + Math.PI;
@@ -151,33 +152,33 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         x2: t + v.value.pointerSize * l.value.pointerSize * 0.9 * Math.cos(a),
         y2: u + v.value.pointerSize * l.value.pointerSize * 0.9 * Math.sin(a)
       };
-    }), be = h(() => {
+    }), ke = h(() => {
       const t = l.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (P.value - z.value)) + Math.PI, s = t + v.value.pointerSize * l.value.pointerSize * 0.9 * Math.cos(a), g = u + v.value.pointerSize * l.value.pointerSize * 0.9 * Math.sin(a), _ = l.value.pointerRadius, Ve = t + _ * Math.cos(a + Math.PI / 2), He = u + _ * Math.sin(a + Math.PI / 2), qe = t + _ * Math.cos(a - Math.PI / 2), Ze = u + _ * Math.sin(a - Math.PI / 2);
       return isNaN(s) ? null : `M ${s},${g} ${Ve},${He} ${qe},${Ze} Z`;
-    }), Z = h(() => {
+    }), q = h(() => {
       for (let t = 0; t < O.value.series.length; t += 1) {
         const { color: u, from: a, to: s } = O.value.series[t];
         if (y.value >= a && y.value <= s)
           return u;
       }
       return "#2D353C";
-    }), F = ze(null), I = ze(null), L = h({
+    }), F = $e(null), I = $e(null), E = h({
       get: () => l.value.segmentFontSize,
       set: (t) => t
-    }), { autoSizeLabels: _e } = xt({
-      svgRef: H,
+    }), { autoSizeLabels: be } = xt({
+      svgRef: V,
       fontSize: l.value.segmentFontSize,
       minFontSize: e.value.style.chart.layout.segmentNames.minFontSize,
-      sizeRef: L,
+      sizeRef: E,
       labelClass: ".vue-ui-gauge-label-flat"
     }), T = h(() => !!e.value.debug);
-    function J() {
+    function Z() {
       let t = !1;
-      if (Ce(m.dataset) ? (W({
+      if (Ae(m.dataset) ? (W({
         componentName: "VueUiGauge",
         type: "dataset",
         debug: T.value
-      }), M.value = !0, t = !0) : (Oe({
+      }), M.value = !0, t = !0) : (Ce({
         datasetObject: m.dataset,
         requiredAttributes: ["value", "series"]
       }).forEach((u) => {
@@ -188,7 +189,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           debug: T.value
         }), M.value = !0, t = !0;
       }), Object.hasOwn(m.dataset, "series") && (m.dataset.series.length ? m.dataset.series.forEach((u, a) => {
-        Oe({
+        Ce({
           datasetObject: u,
           requiredAttributes: ["from", "to"]
         }).forEach((s) => {
@@ -205,47 +206,47 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         type: "datasetAttributeEmpty",
         property: "series",
         debug: T.value
-      }), M.value = !0, t = !0))), M.value = t, we($.value.value || 0), e.value.responsive) {
-        const u = yt(() => {
-          let { width: a, height: s } = mt({
+      }), M.value = !0, t = !0))), M.value = t, _e(S.value.value || 0), e.value.responsive) {
+        const u = dt(() => {
+          let { width: a, height: s } = ft({
             chart: C.value,
-            title: e.value.style.chart.title.text ? ne.value : null,
-            legend: ie.value,
-            source: ce.value,
-            noTitle: ve.value
+            title: e.value.style.chart.title.text ? ue.value : null,
+            legend: ne.value,
+            source: ie.value,
+            noTitle: ce.value
           });
           s -= 12, requestAnimationFrame(() => {
-            l.value.width = a, l.value.height = s, l.value.centerX = a / 2, l.value.centerY = b.value / 2 / 358.4 * s, l.value.bottom = s, l.value.labelFontSize = 18 / b.value * Math.min(s, a) < 10 ? 10 : 18 / b.value * Math.min(s, a), l.value.legendFontSize = e.value.style.chart.legend.fontSize / b.value * Math.min(s, a) < 14 ? 14 : e.value.style.chart.legend.fontSize / b.value * Math.min(s, a), l.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / b.value * Math.min(s, a), l.value.trackSize = e.value.style.chart.layout.track.size / b.value * Math.min(s, a), l.value.pointerStrokeWidth = oe({
+            l.value.width = a, l.value.height = s, l.value.centerX = a / 2, l.value.centerY = b.value / 2 / 358.4 * s, l.value.bottom = s, l.value.labelFontSize = 18 / b.value * Math.min(s, a) < 10 ? 10 : 18 / b.value * Math.min(s, a), l.value.legendFontSize = e.value.style.chart.legend.fontSize / b.value * Math.min(s, a) < 14 ? 14 : e.value.style.chart.legend.fontSize / b.value * Math.min(s, a), l.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / b.value * Math.min(s, a), l.value.trackSize = e.value.style.chart.layout.track.size / b.value * Math.min(s, a), l.value.pointerStrokeWidth = re({
               relator: Math.min(a, s),
               adjuster: b.value,
               source: e.value.style.chart.layout.pointer.strokeWidth,
               threshold: 2,
               fallback: 2
-            }), l.value.markerOffset = oe({
+            }), l.value.markerOffset = re({
               relator: Math.max(a, s),
               adjuster: b.value,
               source: e.value.style.chart.layout.markers.offsetY + 3,
               threshold: 2,
               fallback: 2
-            }), l.value.segmentFontSize = oe({
+            }), l.value.segmentFontSize = re({
               relator: Math.min(a, s),
               adjuster: b.value,
               source: e.value.style.chart.layout.segmentNames.fontSize,
               threshold: 8,
               fallback: 8
             });
-          }), _e();
+          }), be();
         });
         F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect()), F.value = new ResizeObserver(u), I.value = C.value.parentNode, F.value.observe(I.value);
       }
-      _e();
+      be();
     }
     Ke(() => {
-      J();
+      Z();
     }), Qe(() => {
       F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect());
     });
-    function we(t) {
+    function _e(t) {
       const u = [];
       (O.value.series || []).forEach((_) => {
         u.push(_.from || 0), u.push(_.to || 0);
@@ -266,7 +267,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         ratingBase: e.value.responsive ? l.value.height / 2 + l.value.height / 4 : l.value.height * 0.9,
         pointerSize: e.value.responsive ? Math.min(l.value.width, l.value.height) / 3 : l.value.width / 3.2
       };
-    }), d = h(() => ae(
+    }), d = h(() => te(
       { series: O.value.series },
       l.value.width / 2,
       v.value.base,
@@ -278,7 +279,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       180,
       109.9495,
       40 * l.value.trackSize
-    )), Ge = h(() => ae(
+    )), Ge = h(() => te(
       { series: O.value.series },
       l.value.width / 2,
       v.value.base,
@@ -290,7 +291,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       180,
       109.9495,
       40 * l.value.trackSize
-    )), N = h(() => d.value.map((t) => v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio * (t.nameOffsetRatio || 1))), Se = h(() => {
+    )), N = h(() => d.value.map((t) => v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio * (t.nameOffsetRatio || 1))), we = h(() => {
       const { x: t, y: u } = A({
         initX: d.value[0].firstSeparator.x,
         initY: d.value[0].firstSeparator.y,
@@ -305,7 +306,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         offset: e.value.style.chart.layout.segmentSeparators.offsetOut
       });
       return { x1: t, y1: u, x2: a, y2: s };
-    }), xe = h(() => d.value.map((t) => {
+    }), Se = h(() => d.value.map((t) => {
       const { x: u, y: a } = A({
         initX: t.separator.x,
         initY: t.separator.y,
@@ -328,7 +329,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       let s = 0;
       return t.map((g) => (s += g, `${s / 100 * a - g / 4}%`));
     }
-    const Be = h(() => je(d.value.map((t) => t.proportion * 100))), Ue = h(() => ae(
+    const Be = h(() => je(d.value.map((t) => t.proportion * 100))), Ue = h(() => te(
       { series: O.value.series },
       l.value.width / 2,
       v.value.base,
@@ -342,18 +343,18 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       2 * l.value.trackSize
     )), We = h(() => {
       const t = z.value >= 0 ? -z.value : Math.abs(z.value);
-      return ct({
+      return nt({
         radius: e.value.style.chart.layout.indicatorArc.radius * l.value.trackSize,
         centerX: l.value.width / 2,
         centerY: v.value.base,
-        percentage: vt((y.value + t) / (P.value + t))
+        percentage: it((y.value + t) / (P.value + t))
       });
     }), Y = f(!1);
-    function $e(t) {
-      Y.value = t, ue.value += 1;
+    function xe(t) {
+      Y.value = t, oe.value += 1;
     }
     const G = f(!1);
-    function K() {
+    function J() {
       G.value = !G.value;
     }
     async function De({ scale: t = 2 } = {}) {
@@ -370,42 +371,42 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
     }
     return Me({
       getImage: De,
-      generatePdf: pe,
-      generateImage: ke,
-      toggleAnnotator: K,
-      toggleFullscreen: $e
+      generatePdf: ge,
+      generateImage: pe,
+      toggleAnnotator: J,
+      toggleFullscreen: xe
     }), (t, u) => (r(), o("div", {
-      class: Fe(`vue-ui-gauge ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: ze(`vue-ui-gauge ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "gaugeChart",
       ref: C,
       id: `vue-ui-gauge_${w.value}`,
-      style: te(`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(fe)(!0)),
-      onMouseleave: u[1] || (u[1] = () => n(fe)(!1))
+      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))
     }, [
       e.value.userOptions.buttons.annotator ? (r(), j(n(Pe), {
         key: 0,
-        svgRef: n(H),
+        svgRef: n(V),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: G.value,
-        onClose: K
+        onClose: J
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Le.value ? (r(), o("div", {
+      Ee.value ? (r(), o("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ve,
+        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 ? (r(), o("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ne,
+        ref: ue,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
         (r(), j(bt, {
-          key: `title_${he.value}`,
+          key: `title_${ve.value}`,
           config: {
             title: {
               cy: "gauge-div-title",
@@ -418,19 +419,19 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           }
         }, {
           default: X(() => [
-            e.value.translations.base && D.dataset.base ? (r(), o("span", Ft, R(e.value.translations.base) + ": " + R(D.dataset.base), 1)) : c("", !0)
+            e.value.translations.base && n(S).base ? (r(), o("span", Ft, R(e.value.translations.base) + ": " + R(n(S).base), 1)) : c("", !0)
           ]),
           _: 1
         }, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && Ye.value && (n(ye) || n(V)) ? (r(), j(n(Ie), {
+      e.value.userOptions.show && Ye.value && (n(fe) || n(D)) ? (r(), j(n(Ie), {
         ref_key: "details",
-        ref: Ee,
-        key: `user_options_${ue.value}`,
+        ref: Le,
+        key: `user_options_${oe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: n(ge),
-        isPrinting: n(me),
+        isImaging: n(me),
+        isPrinting: n(ye),
         uid: w.value,
         hasXls: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -444,57 +445,57 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: G.value,
-        onToggleFullscreen: $e,
-        onGeneratePdf: n(pe),
-        onGenerateImage: n(ke),
-        onToggleAnnotator: K,
-        style: te({
-          visibility: n(ye) ? n(V) ? "visible" : "hidden" : "visible"
+        onToggleFullscreen: xe,
+        onGeneratePdf: n(ge),
+        onGenerateImage: n(pe),
+        onToggleAnnotator: J,
+        style: ee({
+          visibility: n(fe) ? n(D) ? "visible" : "hidden" : "visible"
         })
       }, et({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: X(({ isOpen: a, color: s }) => [
-            S(t.$slots, "menuIcon", B(U({ isOpen: a, color: s })), void 0, !0)
+            x(t.$slots, "menuIcon", B(U({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: X(() => [
-            S(t.$slots, "optionPdf", {}, void 0, !0)
+            x(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: X(() => [
-            S(t.$slots, "optionImg", {}, void 0, !0)
+            x(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: X(({ toggleFullscreen: a, isFullscreen: s }) => [
-            S(t.$slots, "optionFullscreen", B(U({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            x(t.$slots, "optionFullscreen", B(U({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: X(({ toggleAnnotator: a, isAnnotator: s }) => [
-            S(t.$slots, "optionAnnotator", B(U({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+            x(t.$slots, "optionAnnotator", B(U({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "callbacks", "printScale", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       (r(), o("svg", {
         ref_key: "svgRef",
-        ref: H,
-        xmlns: n(ht),
-        class: Fe({ "vue-data-ui-fullscreen--on": Y.value, "vue-data-ui-fulscreen--off": !Y.value }),
+        ref: V,
+        xmlns: n(ct),
+        class: ze({ "vue-data-ui-fullscreen--on": Y.value, "vue-data-ui-fulscreen--off": !Y.value }),
         viewBox: `0 0 ${l.value.width <= 0 ? 10 : l.value.width} ${l.value.height <= 0 ? 10 : l.value.height}`,
-        style: te(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
+        style: ee(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         tt(n(Xe)),
         t.$slots["chart-background"] ? (r(), o("foreignObject", {
@@ -507,7 +508,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
             pointerEvents: "none"
           }
         }, [
-          S(t.$slots, "chart-background", {}, void 0, !0)
+          x(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ct)) : c("", !0),
         p("defs", null, [
           p("radialGradient", {
@@ -520,15 +521,15 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           }, [
             p("stop", {
               offset: "0%",
-              "stop-color": n(le)("#FFFFFF", 1)
+              "stop-color": n(ae)("#FFFFFF", 1)
             }, null, 8, Nt),
             p("stop", {
               offset: "80%",
-              "stop-color": n(le)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
+              "stop-color": n(ae)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
             }, null, 8, Mt),
             p("stop", {
               offset: "100%",
-              "stop-color": n(le)("#FFFFFF", 1)
+              "stop-color": n(ae)("#FFFFFF", 1)
             }, null, 8, Pt)
           ], 8, Ot)
         ]),
@@ -547,38 +548,38 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           ], 8, It)
         ]),
         t.$slots.pattern ? (r(), o("g", Rt, [
-          (r(!0), o(k, null, x(d.value, (a, s) => (r(), o("defs", null, [
-            S(t.$slots, "pattern", E({ ref_for: !0 }, { seriesIndex: s, patternId: `pattern_${w.value}_${s}` }), void 0, !0)
+          (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("defs", null, [
+            x(t.$slots, "pattern", L({ ref_for: !0 }, { seriesIndex: s, patternId: `pattern_${w.value}_${s}` }), void 0, !0)
           ]))), 256))
         ])) : c("", !0),
-        (r(!0), o(k, null, x(d.value, (a, s) => (r(), o("path", {
+        (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("path", {
           key: `arc_${s}`,
           d: a.arcSlice,
           fill: a.color,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
         }, null, 8, Yt))), 128)),
-        t.$slots.pattern ? (r(!0), o(k, { key: 2 }, x(d.value, (a, s) => (r(), o("path", {
+        t.$slots.pattern ? (r(!0), o(k, { key: 2 }, $(d.value, (a, s) => (r(), o("path", {
           key: `arc_${s}`,
           d: a.arcSlice,
           fill: `url(#pattern_${w.value}_${s})`,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
-        }, null, 8, Et))), 128)) : c("", !0),
+        }, null, 8, Lt))), 128)) : c("", !0),
         e.value.style.chart.layout.indicatorArc.show ? (r(), o("path", {
           key: 3,
           d: We.value,
           fill: e.value.style.chart.layout.indicatorArc.fill
-        }, null, 8, Lt)) : c("", !0),
+        }, null, 8, Et)) : c("", !0),
         e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (r(), o(k, { key: 4 }, [
-          (r(!0), o(k, null, x(d.value, (a, s) => (r(), o("path", {
+          (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("path", {
             id: `curve_${w.value}_${s}`,
             d: `M ${i.value.x1},${i.value.y1} m -${N.value[s]},0 a ${N.value[s]},${N.value[s]} 0 1,1 ${2 * N.value[s]},0 a ${N.value[s]},${N.value[s]} 0 1,1 -${2 * N.value[s]},0`,
             fill: "transparent"
           }, null, 8, Tt))), 256)),
-          (r(!0), o(k, null, x(d.value, (a, s) => (r(), o("text", {
+          (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("text", {
             fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-            "font-size": L.value,
+            "font-size": E.value,
             "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
             "text-anchor": "middle"
           }, [
@@ -588,21 +589,21 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
             }, R(a.name || ""), 9, jt)
           ], 8, Gt))), 256))
         ], 64)) : c("", !0),
-        e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (r(!0), o(k, { key: 5 }, x(Ge.value, (a, s) => (r(), o("text", {
+        e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (r(!0), o(k, { key: 5 }, $(Ge.value, (a, s) => (r(), o("text", {
           class: "vue-ui-gauge-label-flat",
-          "text-anchor": n(ft)(a, !1, 12).anchor,
+          "text-anchor": n(ht)(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": E.value,
           "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
-          innerHTML: n(dt)({
+          innerHTML: n(vt)({
             content: String(a.name ?? ""),
-            fontSize: L.value,
+            fontSize: E.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, Bt))), 256)) : c("", !0),
-        e.value.style.chart.layout.track.useGradient ? (r(!0), o(k, { key: 6 }, x(Ue.value, (a, s) => (r(), o("path", {
+        e.value.style.chart.layout.track.useGradient ? (r(!0), o(k, { key: 6 }, $(Ue.value, (a, s) => (r(), o("path", {
           key: `arc_${s}`,
           d: a.arcSlice,
           fill: "#FFFFFF",
@@ -611,29 +612,29 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           filter: `url(#blur_${w.value})`
         }, null, 8, Ut))), 128)) : c("", !0),
         e.value.style.chart.layout.segmentSeparators.show ? (r(), o(k, { key: 7 }, [
-          p("line", E(Se.value, {
+          p("line", L(we.value, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
             "stroke-linecap": "round"
           }), null, 16, Wt),
-          p("line", E(Se.value, {
+          p("line", L(we.value, {
             stroke: e.value.style.chart.layout.segmentSeparators.stroke,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
           }), null, 16, Dt),
-          (r(!0), o(k, null, x(xe.value, (a) => (r(), o("line", E({ ref_for: !0 }, a, {
+          (r(!0), o(k, null, $(Se.value, (a) => (r(), o("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, Vt))), 256)),
-          (r(!0), o(k, null, x(xe.value, (a) => (r(), o("line", E({ ref_for: !0 }, a, {
+          (r(!0), o(k, null, $(Se.value, (a) => (r(), o("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, Ht))), 256))
         ], 64)) : c("", !0),
         e.value.style.chart.layout.markers.show ? (r(), o("g", qt, [
-          (r(!0), o(k, null, x(d.value, (a, s) => (r(), o("text", {
+          (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("text", {
             x: n(A)({
               centerX: i.value.x1,
               centerY: v.value.base,
@@ -652,10 +653,10 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
             "font-size": l.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(se)(
+          }, R(n(le)(
             e.value.style.chart.layout.markers.formatter,
             a.from,
-            n(re)({
+            n(se)({
               p: e.value.style.chart.layout.markers.prefix,
               v: a.from,
               s: e.value.style.chart.layout.markers.suffix,
@@ -683,10 +684,10 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           "font-size": l.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(se)(
+        }, R(n(le)(
           e.value.style.chart.layout.markers.formatter,
           P.value,
-          n(re)({
+          n(se)({
             p: e.value.style.chart.layout.markers.prefix,
             v: P.value,
             s: e.value.style.chart.layout.markers.suffix,
@@ -711,7 +712,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
               y1: i.value.y1,
               x2: i.value.x2,
               y2: i.value.y2,
-              stroke: e.value.style.chart.layout.pointer.useRatingColor ? Z.value : e.value.style.chart.layout.pointer.color,
+              stroke: e.value.style.chart.layout.pointer.useRatingColor ? q.value : e.value.style.chart.layout.pointer.color,
               "stroke-linecap": "round",
               "stroke-width": l.value.pointerStrokeWidth * 0.7
             }, null, 8, ea)),
@@ -727,10 +728,10 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
               filter: `url(#blur_${w.value})`
             }, null, 8, ta)) : c("", !0)
           ])) : (r(), o("g", aa, [
-            be.value ? (r(), o("path", {
+            ke.value ? (r(), o("path", {
               key: 0,
-              d: be.value,
-              fill: e.value.style.chart.layout.pointer.useRatingColor ? Z.value : e.value.style.chart.layout.pointer.color,
+              d: ke.value,
+              fill: e.value.style.chart.layout.pointer.useRatingColor ? q.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"
@@ -752,40 +753,40 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           "text-anchor": "middle",
           "font-size": l.value.legendFontSize,
           "font-weight": "bold",
-          fill: e.value.style.chart.legend.useRatingColor ? Z.value : e.value.style.chart.legend.color
-        }, R(n(se)(
+          fill: e.value.style.chart.legend.useRatingColor ? q.value : e.value.style.chart.legend.color
+        }, R(n(le)(
           e.value.style.chart.legend.formatter,
           y.value,
-          n(re)({
+          n(se)({
             p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && y.value > 0 ? "+" : ""),
             v: y.value,
             s: e.value.style.chart.legend.suffix,
             r: e.value.style.chart.legend.roundingValue
           })
         )), 9, ra)) : c("", !0),
-        S(t.$slots, "svg", { svg: l.value }, void 0, !0)
+        x(t.$slots, "svg", { svg: l.value }, void 0, !0)
       ], 14, At)),
       t.$slots.watermark ? (r(), o("div", oa, [
-        S(t.$slots, "watermark", B(U({ isPrinting: n(me) || n(ge) })), void 0, !0)
+        x(t.$slots, "watermark", B(U({ isPrinting: n(ye) || n(me) })), void 0, !0)
       ])) : c("", !0),
       p("div", {
         ref_key: "chartLegend",
-        ref: ie
+        ref: ne
       }, [
-        S(t.$slots, "legend", { legend: O.value }, void 0, !0)
+        x(t.$slots, "legend", { legend: O.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (r(), o("div", {
         key: 5,
         ref_key: "source",
-        ref: ce,
+        ref: ie,
         dir: "auto"
       }, [
-        S(t.$slots, "source", {}, void 0, !0)
+        x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      n(de) ? (r(), j(St, { key: 6 })) : c("", !0)
+      n(he) ? (r(), j(St, { key: 6 })) : c("", !0)
     ], 46, zt));
   }
-}, ba = /* @__PURE__ */ $t(ua, [["__scopeId", "data-v-01e88b91"]]);
+}, _a = /* @__PURE__ */ $t(ua, [["__scopeId", "data-v-415be812"]]);
 export {
-  ba as default
+  _a as default
 };