vue-data-ui 3.4.7 → 3.4.8

package/dist/{vue-ui-gauge-DLpK4-Cd.js → vue-ui-gauge-B9Z4EXoj.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as K, computed as h, ref as f, toRefs as at, watch as Q, shallowRef as ze, onMounted as lt, onBeforeUnmount as st, createElementBlock as o, openBlock as r, unref as n, normalizeStyle as ee, normalizeClass as Ce, createBlock as U, createCommentVNode as c, createElementVNode as p, withCtx as X, toDisplayString as R, createSlots as rt, renderSlot as x, normalizeProps as j, guardReactiveProps as W, createVNode as ot, Fragment as k, renderList as $, mergeProps as T, nextTick as ut } from "vue";
-import { c as nt, t as it, b as ct, p as Fe, e as vt, o as Ae, h as ht, f as D, g as Oe, T as te, _ as F, a6 as dt, x as ft, X as yt, s as ae, M as gt, Y as mt, a as le, d as se, R as re } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as K, computed as h, ref as f, toRefs as at, watch as Q, shallowRef as ze, onMounted as lt, onBeforeUnmount as st, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as ee, normalizeClass as Ce, createBlock as U, createCommentVNode as c, createElementVNode as p, withCtx as N, toDisplayString as R, createSlots as ot, renderSlot as S, normalizeProps as j, guardReactiveProps as W, createVNode as rt, Fragment as k, renderList as $, mergeProps as T, nextTick as ut } from "vue";
+import { c as nt, t as it, b as ct, p as Fe, e as vt, o as Ae, h as ht, f as D, g as Oe, T as te, _ as F, a6 as dt, x as ft, X as yt, s as ae, M as gt, Y as mt, a as le, d as se, R as oe } from "./lib-C_mNZmhD.js";
 import { t as pt, u as kt } from "./useResponsive-DfdjqQps.js";
 import { u as bt, B as _t } from "./BaseScanner-BgWxam9d.js";
 import { u as St } from "./usePrinter-DTzqpYKF.js";
@@ -12,7 +12,7 @@ import Ft from "./img-BecE5qXd.js";
 import { t as At } from "./themes-AUNCOb2G.js";
 import Ot from "./Title-l36lOBMx.js";
 import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "height"], Rt = ["id"], Yt = ["stop-color"], Tt = ["stop-color"], Et = ["stop-color"], Lt = ["id"], Gt = ["stdDeviation"], Bt = { key: 1 }, Ut = ["d", "fill", "stroke"], jt = ["d", "fill", "stroke"], Wt = ["d", "fill"], Dt = ["id", "d"], Vt = ["fill", "font-size", "font-weight"], Ht = ["href", "startOffset"], qt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Zt = ["d", "filter"], Jt = ["stroke", "stroke-width"], Kt = ["stroke", "stroke-width"], Qt = ["stroke", "stroke-width"], ea = ["stroke", "stroke-width"], ta = { key: 8 }, aa = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], la = ["x", "y", "font-size", "font-weight", "fill"], sa = { key: 0 }, ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], oa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ua = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], na = { key: 1 }, ia = ["d", "fill", "stroke", "stroke-width"], ca = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], va = ["x", "y", "font-size", "fill"], ha = {
+const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "height"], Rt = ["id"], Yt = ["stop-color"], Tt = ["stop-color"], Et = ["stop-color"], Lt = ["id"], Gt = ["stdDeviation"], Bt = { key: 1 }, Ut = ["d", "fill", "stroke"], jt = ["d", "fill", "stroke"], Wt = ["d", "fill"], Dt = ["id", "d"], Vt = ["fill", "font-size", "font-weight"], Ht = ["href", "startOffset"], qt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Zt = ["d", "filter"], Jt = ["stroke", "stroke-width"], Kt = ["stroke", "stroke-width"], Qt = ["stroke", "stroke-width"], ea = ["stroke", "stroke-width"], ta = { key: 8 }, aa = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], la = ["x", "y", "font-size", "font-weight", "fill"], sa = { key: 0 }, oa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ua = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], na = { key: 1 }, ia = ["d", "fill", "stroke", "stroke-width"], ca = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], va = ["x", "y", "font-size", "fill"], ha = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, da = {
@@ -32,7 +32,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
     }
   },
   setup(Ne, { expose: Pe }) {
-    const Ie = K(() => import("./PenAndPaper-DSvu9dwa.js")), Xe = K(() => import("./UserOptions-CnzumGJj.js")), Re = K(() => import("./PackageVersion-QNVkHOgG.js")), { vue_ui_gauge: Ye } = wt(), m = Ne, Te = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), S = f(nt()), Ee = f(null), oe = f(0), A = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: w, manualLoading: N } = bt({
+    const Ie = K(() => import("./PenAndPaper-DSvu9dwa.js")), Xe = K(() => import("./UserOptions-CGnQt6Fd.js")), Re = K(() => import("./PackageVersion-D-auaEEJ.js")), { vue_ui_gauge: Ye } = wt(), m = Ne, Te = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(nt()), Ee = f(null), re = f(0), A = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: x, manualLoading: P } = bt({
       ...at(m),
       FINAL_CONFIG: e,
       prepareConfig: H,
@@ -81,7 +81,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
     Q(() => m.config, (t) => {
       he.value || (e.value = H()), V.value = !e.value.userOptions.showOnChartHover, Z(), ve.value += 1;
     }, { deep: !0 }), Q(() => m.dataset, (t) => {
-      Z(), t && Object.keys(t).length > 0 && (N.value = e.value?.loading ?? !1);
+      Z(), t && Object.keys(t).length > 0 && (P.value = e.value?.loading ?? !1);
     }, { deep: !0, immediate: !1 });
     function H() {
       const t = Me({
@@ -97,11 +97,11 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       } : t;
     }
     const { isPrinting: ye, isImaging: ge, generatePdf: me, generateImage: pe } = St({
-      elementId: `vue-ui-gauge_${S.value}`,
+      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), Ge = h(() => vt(e.value.customPalette)), O = h(() => {
-      if (Ae(w.value.series || {}))
+      if (Ae(x.value.series || {}))
         return {
           value: 0,
           series: [
@@ -112,13 +112,13 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
           ]
         };
       const t = [];
-      (w.value.series || []).forEach((a) => {
+      (x.value.series || []).forEach((a) => {
         t.push(a.from || 1e-7), t.push(a.to || 1e-7);
       });
       const u = Math.max(...t);
       return {
-        ...w.value,
-        series: (w.value.series || []).map((a, l) => ({
+        ...x.value,
+        series: (x.value.series || []).map((a, l) => ({
           ...a,
           color: ht(a.color) || Ge.value[l] || Fe[l],
           value: ((a.to || 0) - (a.from || 0)) / u * 100
@@ -139,14 +139,14 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       pointerStrokeWidth: e.value.style.chart.layout.pointer.strokeWidth,
       markerOffset: e.value.style.chart.layout.markers.offsetY + 3,
       segmentFontSize: e.value.style.chart.layout.segmentNames.fontSize
-    }), P = f(0), z = f(0), y = f(
-      e.value.style.chart.animation.use ? Math.min(...w.value.series.map((t) => t.from)) : w.value.value
+    }), I = f(0), z = f(0), y = f(
+      e.value.style.chart.animation.use ? Math.min(...x.value.series.map((t) => t.from)) : x.value.value
     );
-    Q(() => w.value.value, () => {
-      _e(w.value.value);
+    Q(() => x.value.value, () => {
+      _e(x.value.value);
     });
     const i = h(() => {
-      const t = s.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (P.value - z.value)) + Math.PI;
+      const t = s.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (I.value - z.value)) + Math.PI;
       return {
         x1: t,
         y1: u,
@@ -154,7 +154,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
         y2: u + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.sin(a)
       };
     }), ke = h(() => {
-      const t = s.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (P.value - z.value)) + Math.PI, l = t + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.cos(a), g = u + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.sin(a), _ = s.value.pointerRadius, Ke = t + _ * Math.cos(a + Math.PI / 2), Qe = u + _ * Math.sin(a + Math.PI / 2), et = t + _ * Math.cos(a - Math.PI / 2), tt = u + _ * Math.sin(a - Math.PI / 2);
+      const t = s.value.width / 2, u = v.value.base, a = Math.PI * ((y.value + 0 - z.value) / (I.value - z.value)) + Math.PI, l = t + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.cos(a), g = u + v.value.pointerSize * s.value.pointerSize * 0.9 * Math.sin(a), _ = s.value.pointerRadius, Ke = t + _ * Math.cos(a + Math.PI / 2), Qe = u + _ * Math.sin(a + Math.PI / 2), et = t + _ * Math.cos(a - Math.PI / 2), tt = u + _ * Math.sin(a - Math.PI / 2);
       return isNaN(l) ? null : `M ${l},${g} ${Ke},${Qe} ${et},${tt} Z`;
     }), q = h(() => {
       for (let t = 0; t < O.value.series.length; t += 1) {
@@ -163,7 +163,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
           return u;
       }
       return "#2D353C";
-    }), C = ze(null), I = ze(null), L = h({
+    }), C = ze(null), X = ze(null), L = h({
       get: () => s.value.segmentFontSize,
       set: (t) => t
     }), { autoSizeLabels: be } = Ct({
@@ -179,7 +179,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
         componentName: "VueUiGauge",
         type: "dataset",
         debug: G.value
-      }), N.value = !0, t = !0) : (Oe({
+      }), P.value = !0, t = !0) : (Oe({
         datasetObject: m.dataset,
         requiredAttributes: ["value", "series"]
       }).forEach((u) => {
@@ -188,7 +188,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
           type: "datasetAttribute",
           property: u,
           debug: G.value
-        }), N.value = !0, t = !0;
+        }), P.value = !0, t = !0;
       }), Object.hasOwn(m.dataset, "series") && (m.dataset.series.length ? m.dataset.series.forEach((u, a) => {
         Oe({
           datasetObject: u,
@@ -200,14 +200,14 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             property: l,
             index: a,
             debug: G.value
-          }), N.value = !0, t = !0;
+          }), P.value = !0, t = !0;
         });
       }) : (D({
         componentName: "VueUiGauge",
         type: "datasetAttributeEmpty",
         property: "series",
         debug: G.value
-      }), N.value = !0, t = !0))), N.value = t, _e(w.value.value || 0), e.value.responsive) {
+      }), P.value = !0, t = !0))), P.value = t, _e(x.value.value || 0), e.value.responsive) {
         const u = pt(() => {
           let { width: a, height: l } = kt({
             chart: A.value,
@@ -217,19 +217,19 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             noTitle: ce.value
           });
           l -= 12, requestAnimationFrame(() => {
-            s.value.width = a, s.value.height = l, s.value.centerX = a / 2, s.value.centerY = b.value / 2 / 358.4 * l, s.value.bottom = l, s.value.labelFontSize = 18 / b.value * Math.min(l, a) < 10 ? 10 : 18 / b.value * Math.min(l, a), s.value.legendFontSize = e.value.style.chart.legend.fontSize / b.value * Math.min(l, a) < 14 ? 14 : e.value.style.chart.legend.fontSize / b.value * Math.min(l, a), s.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / b.value * Math.min(l, a), s.value.trackSize = e.value.style.chart.layout.track.size / b.value * Math.min(l, a), s.value.pointerStrokeWidth = re({
+            s.value.width = a, s.value.height = l, s.value.centerX = a / 2, s.value.centerY = b.value / 2 / 358.4 * l, s.value.bottom = l, s.value.labelFontSize = 18 / b.value * Math.min(l, a) < 10 ? 10 : 18 / b.value * Math.min(l, a), s.value.legendFontSize = e.value.style.chart.legend.fontSize / b.value * Math.min(l, a) < 14 ? 14 : e.value.style.chart.legend.fontSize / b.value * Math.min(l, a), s.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / b.value * Math.min(l, a), s.value.trackSize = e.value.style.chart.layout.track.size / b.value * Math.min(l, a), s.value.pointerStrokeWidth = oe({
               relator: Math.min(a, l),
               adjuster: b.value,
               source: e.value.style.chart.layout.pointer.strokeWidth,
               threshold: 2,
               fallback: 2
-            }), s.value.markerOffset = re({
+            }), s.value.markerOffset = oe({
               relator: Math.max(a, l),
               adjuster: b.value,
               source: e.value.style.chart.layout.markers.offsetY + 3,
               threshold: 2,
               fallback: 2
-            }), s.value.segmentFontSize = re({
+            }), s.value.segmentFontSize = oe({
               relator: Math.min(a, l),
               adjuster: b.value,
               source: e.value.style.chart.layout.segmentNames.fontSize,
@@ -238,20 +238,20 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             });
           }), be();
         });
-        C.value && (I.value && C.value.unobserve(I.value), C.value.disconnect()), C.value = new ResizeObserver(u), I.value = A.value.parentNode, C.value.observe(I.value);
+        C.value && (X.value && C.value.unobserve(X.value), C.value.disconnect()), C.value = new ResizeObserver(u), X.value = A.value.parentNode, C.value.observe(X.value);
       }
       be();
     }
     lt(() => {
       Z();
     }), st(() => {
-      C.value && (I.value && C.value.unobserve(I.value), C.value.disconnect());
+      C.value && (X.value && C.value.unobserve(X.value), C.value.disconnect());
     });
     function _e(t) {
       const u = [];
       (O.value.series || []).forEach((_) => {
         u.push(_.from || 0), u.push(_.to || 0);
-      }), P.value = Math.max(...u), z.value = Math.min(...u);
+      }), I.value = Math.max(...u), z.value = Math.min(...u);
       let a = e.value.style.chart.animation.speed;
       const l = Math.abs(t - y.value) / (a * 60);
       function g() {
@@ -348,11 +348,11 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
         radius: e.value.style.chart.layout.indicatorArc.radius * s.value.trackSize,
         centerX: s.value.width / 2,
         centerY: v.value.base,
-        percentage: ft((y.value + t) / (P.value + t))
+        percentage: ft((y.value + t) / (I.value + t))
       });
     }), Y = f(!1);
     function xe(t) {
-      Y.value = t, oe.value += 1;
+      Y.value = t, re.value += 1;
     }
     const B = f(!1);
     function J() {
@@ -389,16 +389,16 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
       generateSvg: $e,
       toggleAnnotator: J,
       toggleFullscreen: xe
-    }), (t, u) => (r(), o("div", {
+    }), (t, u) => (o(), r("div", {
       class: Ce(`vue-data-ui-component vue-ui-gauge ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "gaugeChart",
       ref: A,
-      id: `vue-ui-gauge_${S.value}`,
+      id: `vue-ui-gauge_${w.value}`,
       style: ee(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: u[0] || (u[0] = () => n(de)(!0)),
       onMouseleave: u[1] || (u[1] = () => n(de)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), U(n(Ie), {
+      e.value.userOptions.buttons.annotator ? (o(), U(n(Ie), {
         key: 0,
         svgRef: n(E),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -406,20 +406,20 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
         active: B.value,
         onClose: J
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Le.value ? (r(), o("div", {
+      Le.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ce,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (r(), o("div", {
+      e.value.style.chart.title.text ? (o(), r("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: ue,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (r(), U(Ot, {
+        (o(), U(Ot, {
           key: `title_${ve.value}`,
           config: {
             title: {
@@ -432,21 +432,21 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             }
           }
         }, {
-          default: X(() => [
-            e.value.translations.base && n(w).base ? (r(), o("span", Pt, R(e.value.translations.base) + ": " + R(n(w).base), 1)) : c("", !0)
+          default: N(() => [
+            e.value.translations.base && n(x).base ? (o(), r("span", Pt, R(e.value.translations.base) + ": " + R(n(x).base), 1)) : c("", !0)
           ]),
           _: 1
         }, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && Te.value && (n(fe) || n(V)) ? (r(), U(n(Xe), {
+      e.value.userOptions.show && Te.value && (n(fe) || n(V)) ? (o(), U(n(Xe), {
         ref_key: "details",
         ref: Ee,
-        key: `user_options_${oe.value}`,
+        key: `user_options_${re.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isImaging: n(ge),
         isPrinting: n(ye),
-        uid: S.value,
+        uid: w.value,
         hasXls: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -468,44 +468,51 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
         style: ee({
           visibility: n(fe) ? n(V) ? "visible" : "hidden" : "visible"
         })
-      }, rt({ _: 2 }, [
+      }, ot({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: X(({ isOpen: a, color: l }) => [
-            x(t.$slots, "menuIcon", j(W({ isOpen: a, color: l })), void 0, !0)
+          fn: N(({ isOpen: a, color: l }) => [
+            S(t.$slots, "menuIcon", j(W({ isOpen: a, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: X(() => [
-            x(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: N(() => [
+            S(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: X(() => [
-            x(t.$slots, "optionImg", {}, void 0, !0)
+          fn: N(() => [
+            S(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: N(() => [
+            S(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: X(({ toggleFullscreen: a, isFullscreen: l }) => [
-            x(t.$slots, "optionFullscreen", j(W({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
+          fn: N(({ toggleFullscreen: a, isFullscreen: l }) => [
+            S(t.$slots, "optionFullscreen", j(W({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: X(({ toggleAnnotator: a, isAnnotator: l }) => [
-            x(t.$slots, "optionAnnotator", j(W({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
+          fn: N(({ toggleAnnotator: a, isAnnotator: l }) => [
+            S(t.$slots, "optionAnnotator", j(W({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "callbacks", "printScale", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      (r(), o("svg", {
+      (o(), r("svg", {
         ref_key: "svgRef",
         ref: E,
         xmlns: n(yt),
@@ -513,8 +520,8 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
         viewBox: `0 0 ${s.value.width <= 0 ? 10 : s.value.width} ${s.value.height <= 0 ? 10 : s.value.height}`,
         style: ee(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ot(n(Re)),
-        t.$slots["chart-background"] ? (r(), o("foreignObject", {
+        rt(n(Re)),
+        t.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -524,11 +531,11 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             pointerEvents: "none"
           }
         }, [
-          x(t.$slots, "chart-background", {}, void 0, !0)
+          S(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Xt)) : c("", !0),
         p("defs", null, [
           p("radialGradient", {
-            id: `gradient_${S.value}`,
+            id: `gradient_${w.value}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -551,7 +558,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
         ]),
         p("defs", null, [
           p("filter", {
-            id: `blur_${S.value}`,
+            id: `blur_${w.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
@@ -563,49 +570,49 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             }, null, 8, Gt)
           ], 8, Lt)
         ]),
-        t.$slots.pattern ? (r(), o("g", Bt, [
-          (r(!0), o(k, null, $(d.value, (a, l) => (r(), o("defs", null, [
-            x(t.$slots, "pattern", T({ ref_for: !0 }, { seriesIndex: l, patternId: `pattern_${S.value}_${l}` }), void 0, !0)
+        t.$slots.pattern ? (o(), r("g", Bt, [
+          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("defs", null, [
+            S(t.$slots, "pattern", T({ ref_for: !0 }, { seriesIndex: l, patternId: `pattern_${w.value}_${l}` }), void 0, !0)
           ]))), 256))
         ])) : c("", !0),
-        (r(!0), o(k, null, $(d.value, (a, l) => (r(), o("path", {
+        (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("path", {
           key: `arc_${l}`,
           d: a.arcSlice,
           fill: a.color,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
         }, null, 8, Ut))), 128)),
-        t.$slots.pattern ? (r(!0), o(k, { key: 2 }, $(d.value, (a, l) => (r(), o("path", {
+        t.$slots.pattern ? (o(!0), r(k, { key: 2 }, $(d.value, (a, l) => (o(), r("path", {
           key: `arc_${l}`,
           d: a.arcSlice,
-          fill: `url(#pattern_${S.value}_${l})`,
+          fill: `url(#pattern_${w.value}_${l})`,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
         }, null, 8, jt))), 128)) : c("", !0),
-        e.value.style.chart.layout.indicatorArc.show ? (r(), o("path", {
+        e.value.style.chart.layout.indicatorArc.show ? (o(), r("path", {
           key: 3,
           d: De.value,
           fill: e.value.style.chart.layout.indicatorArc.fill
         }, null, 8, Wt)) : c("", !0),
-        e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (r(), o(k, { key: 4 }, [
-          (r(!0), o(k, null, $(d.value, (a, l) => (r(), o("path", {
-            id: `curve_${S.value}_${l}`,
+        e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (o(), r(k, { key: 4 }, [
+          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("path", {
+            id: `curve_${w.value}_${l}`,
             d: `M ${i.value.x1},${i.value.y1} m -${M.value[l]},0 a ${M.value[l]},${M.value[l]} 0 1,1 ${2 * M.value[l]},0 a ${M.value[l]},${M.value[l]} 0 1,1 -${2 * M.value[l]},0`,
             fill: "transparent"
           }, null, 8, Dt))), 256)),
-          (r(!0), o(k, null, $(d.value, (a, l) => (r(), o("text", {
+          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("text", {
             fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
             "font-size": L.value,
             "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
             "text-anchor": "middle"
           }, [
             p("textPath", {
-              href: `#curve_${S.value}_${l}`,
+              href: `#curve_${w.value}_${l}`,
               startOffset: je.value[l]
             }, R(a.name || ""), 9, Ht)
           ], 8, Vt))), 256))
         ], 64)) : c("", !0),
-        e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (r(!0), o(k, { key: 5 }, $(Be.value, (a, l) => (r(), o("text", {
+        e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (o(!0), r(k, { key: 5 }, $(Be.value, (a, l) => (o(), r("text", {
           class: "vue-ui-gauge-label-flat",
           "text-anchor": n(mt)(a, !1, 12).anchor,
           fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
@@ -619,15 +626,15 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             y: a.center.endY
           })
         }, null, 8, qt))), 256)) : c("", !0),
-        e.value.style.chart.layout.track.useGradient ? (r(!0), o(k, { key: 6 }, $(We.value, (a, l) => (r(), o("path", {
+        e.value.style.chart.layout.track.useGradient ? (o(!0), r(k, { key: 6 }, $(We.value, (a, l) => (o(), r("path", {
           key: `arc_${l}`,
           d: a.arcSlice,
           fill: "#FFFFFF",
           stroke: "none",
           "stroke-linecap": "round",
-          filter: `url(#blur_${S.value})`
+          filter: `url(#blur_${w.value})`
         }, null, 8, Zt))), 128)) : c("", !0),
-        e.value.style.chart.layout.segmentSeparators.show ? (r(), o(k, { key: 7 }, [
+        e.value.style.chart.layout.segmentSeparators.show ? (o(), r(k, { key: 7 }, [
           p("line", T(Se.value, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
@@ -638,19 +645,19 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
           }), null, 16, Kt),
-          (r(!0), o(k, null, $(we.value, (a) => (r(), o("line", T({ ref_for: !0 }, a, {
+          (o(!0), r(k, null, $(we.value, (a) => (o(), r("line", T({ ref_for: !0 }, a, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
             "stroke-linecap": "round"
           }), null, 16, Qt))), 256)),
-          (r(!0), o(k, null, $(we.value, (a) => (r(), o("line", T({ ref_for: !0 }, a, {
+          (o(!0), r(k, null, $(we.value, (a) => (o(), r("line", T({ ref_for: !0 }, a, {
             stroke: e.value.style.chart.layout.segmentSeparators.stroke,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
           }), null, 16, ea))), 256))
         ], 64)) : c("", !0),
-        e.value.style.chart.layout.markers.show ? (r(), o("g", ta, [
-          (r(!0), o(k, null, $(d.value, (a, l) => (r(), o("text", {
+        e.value.style.chart.layout.markers.show ? (o(), r("g", ta, [
+          (o(!0), r(k, null, $(d.value, (a, l) => (o(), r("text", {
             x: n(F)({
               centerX: i.value.x1,
               centerY: v.value.base,
@@ -680,7 +687,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             })
           )), 9, aa))), 256))
         ])) : c("", !0),
-        e.value.style.chart.layout.markers.show ? (r(), o("text", {
+        e.value.style.chart.layout.markers.show ? (o(), r("text", {
           key: 9,
           x: n(F)({
             centerX: s.value.width / 2,
@@ -702,17 +709,17 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
           fill: e.value.style.chart.layout.markers.color
         }, R(n(le)(
           e.value.style.chart.layout.markers.formatter,
-          P.value,
+          I.value,
           n(se)({
             p: e.value.style.chart.layout.markers.prefix,
-            v: P.value,
+            v: I.value,
             s: e.value.style.chart.layout.markers.suffix,
             r: e.value.style.chart.layout.markers.roundingValue
           })
         )), 9, la)) : c("", !0),
-        e.value.style.chart.layout.pointer.show ? (r(), o(k, { key: 10 }, [
-          e.value.style.chart.layout.pointer.type === "rounded" ? (r(), o("g", sa, [
-            isNaN(i.value.x2) ? c("", !0) : (r(), o("line", {
+        e.value.style.chart.layout.pointer.show ? (o(), r(k, { key: 10 }, [
+          e.value.style.chart.layout.pointer.type === "rounded" ? (o(), r("g", sa, [
+            isNaN(i.value.x2) ? c("", !0) : (o(), r("line", {
               key: 0,
               x1: i.value.x1,
               y1: i.value.y1,
@@ -721,8 +728,8 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
               stroke: e.value.style.chart.layout.pointer.stroke,
               "stroke-width": s.value.pointerStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, ra)),
-            isNaN(i.value.x2) ? c("", !0) : (r(), o("line", {
+            }, null, 8, oa)),
+            isNaN(i.value.x2) ? c("", !0) : (o(), r("line", {
               key: 1,
               x1: i.value.x1,
               y1: i.value.y1,
@@ -731,8 +738,8 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
               stroke: e.value.style.chart.layout.pointer.useRatingColor ? q.value : e.value.style.chart.layout.pointer.color,
               "stroke-linecap": "round",
               "stroke-width": s.value.pointerStrokeWidth * 0.7
-            }, null, 8, oa)),
-            !isNaN(i.value.x2) && e.value.style.chart.layout.track.useGradient ? (r(), o("line", {
+            }, null, 8, ra)),
+            !isNaN(i.value.x2) && e.value.style.chart.layout.track.useGradient ? (o(), r("line", {
               key: 2,
               x1: i.value.x1,
               y1: i.value.y1,
@@ -741,10 +748,10 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
               stroke: "white",
               "stroke-linecap": "round",
               "stroke-width": s.value.pointerStrokeWidth * 0.3,
-              filter: `url(#blur_${S.value})`
+              filter: `url(#blur_${w.value})`
             }, null, 8, ua)) : c("", !0)
-          ])) : (r(), o("g", na, [
-            ke.value ? (r(), o("path", {
+          ])) : (o(), r("g", na, [
+            ke.value ? (o(), r("path", {
               key: 0,
               d: ke.value,
               fill: e.value.style.chart.layout.pointer.useRatingColor ? q.value : e.value.style.chart.layout.pointer.color,
@@ -762,7 +769,7 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             stroke: e.value.style.chart.layout.pointer.circle.stroke
           }, null, 8, ca)
         ], 64)) : c("", !0),
-        e.value.style.chart.legend.show ? (r(), o("text", {
+        e.value.style.chart.legend.show ? (o(), r("text", {
           key: 11,
           x: s.value.width / 2,
           y: v.value.ratingBase,
@@ -780,29 +787,29 @@ const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "h
             r: e.value.style.chart.legend.roundingValue
           })
         )), 9, va)) : c("", !0),
-        x(t.$slots, "svg", { svg: s.value }, void 0, !0)
+        S(t.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, It)),
-      t.$slots.watermark ? (r(), o("div", ha, [
-        x(t.$slots, "watermark", j(W({ isPrinting: n(ye) || n(ge) })), void 0, !0)
+      t.$slots.watermark ? (o(), r("div", ha, [
+        S(t.$slots, "watermark", j(W({ isPrinting: n(ye) || n(ge) })), void 0, !0)
       ])) : c("", !0),
       p("div", {
         ref_key: "chartLegend",
         ref: ne
       }, [
-        x(t.$slots, "legend", { legend: O.value }, void 0, !0)
+        S(t.$slots, "legend", { legend: O.value }, void 0, !0)
       ], 512),
-      t.$slots.source ? (r(), o("div", {
+      t.$slots.source ? (o(), r("div", {
         key: 5,
         ref_key: "source",
         ref: ie,
         dir: "auto"
       }, [
-        x(t.$slots, "source", {}, void 0, !0)
+        S(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      n(he) ? (r(), U(_t, { key: 6 })) : c("", !0)
+      n(he) ? (o(), U(_t, { key: 6 })) : c("", !0)
     ], 46, Nt));
   }
-}, Fa = /* @__PURE__ */ Mt(da, [["__scopeId", "data-v-b8ee7d2b"]]);
+}, Fa = /* @__PURE__ */ Mt(da, [["__scopeId", "data-v-21a41476"]]);
 export {
   Fa as default
 };

package/dist/{vue-ui-gizmo-CCNboEnL.js → vue-ui-gizmo-T1paJEJ3.js}

@@ -17,7 +17,7 @@ const H = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, J = ["viewBox
     }
   },
   setup(z) {
-    const A = V(() => import("./PackageVersion-QNVkHOgG.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
+    const A = V(() => import("./PackageVersion-D-auaEEJ.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
     y(() => {
       g();
     }), y(() => {