vue-data-ui 2.3.27 → 2.3.29

package/dist/{vue-ui-gauge-D01FLnNz.js → vue-ui-gauge-CIN265dN.js}

@@ -1,15 +1,15 @@
-import { computed as p, ref as d, watch as ye, onMounted as ge, onBeforeUnmount as pe, openBlock as o, createElementBlock as n, normalizeClass as Z, normalizeStyle as E, createVNode as me, withCtx as I, toDisplayString as m, createCommentVNode as g, createBlock as J, unref as v, createSlots as ke, renderSlot as F, normalizeProps as K, guardReactiveProps as Q, createElementVNode as h, Fragment as O, renderList as A } from "vue";
-import { u as be, c as _e, t as xe, a as we, p as ee, b as Fe, o as te, d as Se, e as X, g as ae, m as le, X as ze, r as j, G as N, B as re } from "./index-DiWO-_ca.js";
-import { t as $e, u as Ce } from "./useResponsive-NZB-WLRF.js";
-import { u as Me, U as Pe } from "./usePrinter-BD40aUzH.js";
-import Ie from "./vue-ui-skeleton-CeNL0kH-.js";
-import { _ as Oe } from "./Title-C3Ez1ceq.js";
-import { u as oe } from "./useNestedProp-DNX5EefQ.js";
-import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee = ["stop-color"], Ae = ["stop-color"], je = ["stop-color"], Be = ["id"], Ue = ["stdDeviation"], Ve = ["d", "fill", "stroke"], De = ["d", "filter"], We = ["y", "width", "height", "fill"], Le = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], Te = ["x", "y", "font-size", "font-weight", "fill"], qe = { key: 1 }, He = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ze = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Je = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], Ke = { key: 2 }, Qe = ["d", "fill", "stroke", "stroke-width"], et = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], tt = ["x", "y", "font-size", "fill"], at = {
+import { computed as p, ref as d, watch as ye, onMounted as ge, onBeforeUnmount as pe, openBlock as s, createElementBlock as n, normalizeClass as Z, normalizeStyle as E, createVNode as me, withCtx as I, toDisplayString as z, createCommentVNode as g, createBlock as J, unref as c, createSlots as ke, renderSlot as w, normalizeProps as K, guardReactiveProps as Q, createElementVNode as h, Fragment as O, renderList as A } from "vue";
+import { u as be, c as _e, t as xe, a as we, p as ee, b as Fe, o as te, d as Se, e as X, g as ae, m as le, X as ze, v as j, H as N, i as $e, f as Ce, C as re } from "./index-BlXzlBwZ.js";
+import { t as Me, u as Pe } from "./useResponsive-NZB-WLRF.js";
+import { u as Ie, U as Oe } from "./usePrinter-CZ8F5Cth.js";
+import Xe from "./vue-ui-skeleton-CJ2R5R6u.js";
+import { _ as Ne } from "./Title-eBTH8iGJ.js";
+import { u as se } from "./useNestedProp-BoNl5H_z.js";
+import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ge = ["id"], Re = { key: 0 }, Ee = ["xmlns", "viewBox"], Ae = ["id"], je = ["stop-color"], De = ["stop-color"], Le = ["stop-color"], Ue = ["id"], Ve = ["stdDeviation"], Be = ["d", "fill", "stroke"], We = ["d", "filter"], Te = ["y", "width", "height", "fill"], qe = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], He = ["x", "y", "font-size", "font-weight", "fill"], Ze = { key: 1 }, Je = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ke = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Qe = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], et = { key: 2 }, tt = ["d", "fill", "stroke", "stroke-width"], at = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], lt = ["x", "y", "font-size", "fill"], rt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, lt = {
+}, st = {
   __name: "vue-ui-gauge",
   props: {
     config: {
@@ -25,23 +25,23 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
       }
     }
   },
-  setup(Y, { expose: se }) {
-    const u = Y, { vue_ui_gauge: ue } = be(), $ = p(() => !!u.dataset && Object.keys(u.dataset).length), k = d(_e()), ne = d(null), B = d(0), C = d(null), U = d(null), V = d(null), e = p(() => {
-      const l = oe({
+  setup(Y, { expose: oe }) {
+    const u = Y, { vue_ui_gauge: ue } = be(), $ = p(() => !!u.dataset && Object.keys(u.dataset).length), m = d(_e()), ne = d(null), D = d(0), C = d(null), L = d(null), U = d(null), e = p(() => {
+      const l = se({
         userConfig: u.config,
         defaultConfig: ue
       });
       return l.theme ? {
-        ...oe({
+        ...se({
           userConfig: xe.vue_ui_gauge[l.theme] || u.config,
           defaultConfig: l
         }),
         customPalette: we[l.theme] || ee
       } : l;
-    }), { isPrinting: D, isImaging: W, generatePdf: L, generateImage: T } = Me({
-      elementId: `vue-ui-gauge_${k.value}`,
+    }), { isPrinting: V, isImaging: B, generatePdf: W, generateImage: T } = Ie({
+      elementId: `vue-ui-gauge_${m.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-gauge"
-    }), ie = p(() => Fe(e.value.customPalette)), _ = p(() => {
+    }), ie = p(() => Fe(e.value.customPalette)), b = p(() => {
       if (!$.value || te(u.dataset.series || {}))
         return {
           value: 0,
@@ -65,13 +65,13 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
           value: ((a.to || 0) - (a.from || 0)) / r * 100
         }))
       };
-    }), f = d(512), t = d({
+    }), y = d(512), t = d({
       height: 358.4,
-      width: f.value,
+      width: y.value,
       top: 0,
       bottom: 358.4,
       centerX: 179.2,
-      centerY: f.value / 2,
+      centerY: y.value / 2,
       labelFontSize: 18,
       legendFontSize: e.value.style.chart.legend.fontSize,
       pointerRadius: e.value.style.chart.layout.pointer.circle.radius,
@@ -79,25 +79,25 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
       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
-    }), S = d(0), x = d(0), y = d(e.value.style.chart.animation.use ? 0 : u.dataset.value);
+    }), F = d(0), _ = d(0), f = d(e.value.style.chart.animation.use ? 0 : u.dataset.value);
     ye(() => u.dataset.value, () => {
-      y.value = e.value.style.chart.animation.use ? 0 : u.dataset.value, H();
+      f.value = e.value.style.chart.animation.use ? 0 : u.dataset.value, H();
     });
-    const c = p(() => {
-      const l = t.value.width / 2, r = s.value.base, a = Math.PI * ((y.value + 0 - x.value) / (S.value - x.value)) + Math.PI;
+    const v = p(() => {
+      const l = t.value.width / 2, r = o.value.base, a = Math.PI * ((f.value + 0 - _.value) / (F.value - _.value)) + Math.PI;
       return {
         x1: l,
         y1: r,
-        x2: l + s.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(a),
-        y2: r + s.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(a)
+        x2: l + o.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(a),
+        y2: r + o.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(a)
       };
     }), q = p(() => {
-      const l = t.value.width / 2, r = s.value.base, a = Math.PI * ((y.value + 0 - x.value) / (S.value - x.value)) + Math.PI, i = l + s.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(a), R = r + s.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(a), b = t.value.pointerRadius, P = l + b * Math.cos(a + Math.PI / 2), de = r + b * Math.sin(a + Math.PI / 2), he = l + b * Math.cos(a - Math.PI / 2), fe = r + b * Math.sin(a - Math.PI / 2);
+      const l = t.value.width / 2, r = o.value.base, a = Math.PI * ((f.value + 0 - _.value) / (F.value - _.value)) + Math.PI, i = l + o.value.pointerSize * t.value.pointerSize * 0.9 * Math.cos(a), R = r + o.value.pointerSize * t.value.pointerSize * 0.9 * Math.sin(a), k = t.value.pointerRadius, P = l + k * Math.cos(a + Math.PI / 2), de = r + k * Math.sin(a + Math.PI / 2), he = l + k * Math.cos(a - Math.PI / 2), fe = r + k * Math.sin(a - Math.PI / 2);
       return isNaN(i) ? null : `M ${i},${R} ${P},${de} ${he},${fe} Z`;
     }), G = p(() => {
-      for (let l = 0; l < _.value.series.length; l += 1) {
-        const { color: r, from: a, to: i } = _.value.series[l];
-        if (y.value >= a && y.value <= i)
+      for (let l = 0; l < b.value.series.length; l += 1) {
+        const { color: r, from: a, to: i } = b.value.series[l];
+        if (f.value >= a && f.value <= i)
           return r;
       }
       return "#2D353C";
@@ -132,21 +132,21 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
         type: "datasetAttributeEmpty",
         property: "series"
       }))), H(), e.value.responsive) {
-        const l = $e(() => {
-          const { width: r, height: a } = Ce({
+        const l = Me(() => {
+          const { width: r, height: a } = Pe({
             chart: C.value,
-            title: e.value.style.chart.title.text ? U.value : null,
-            legend: V.value
+            title: e.value.style.chart.title.text ? L.value : null,
+            legend: U.value
           });
-          t.value.width = r, t.value.height = a, t.value.centerX = r / 2, t.value.centerY = f.value / 2 / 358.4 * a, t.value.bottom = a, t.value.labelFontSize = 18 / f.value * Math.min(a, r) < 10 ? 10 : 18 / f.value * Math.min(a, r), t.value.legendFontSize = e.value.style.chart.legend.fontSize / f.value * Math.min(a, r) < 14 ? 14 : e.value.style.chart.legend.fontSize / f.value * Math.min(a, r), t.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / f.value * Math.min(a, r), t.value.trackSize = e.value.style.chart.layout.track.size / f.value * Math.min(a, r), t.value.pointerStrokeWidth = re({
+          t.value.width = r, t.value.height = a, t.value.centerX = r / 2, t.value.centerY = y.value / 2 / 358.4 * a, t.value.bottom = a, t.value.labelFontSize = 18 / y.value * Math.min(a, r) < 10 ? 10 : 18 / y.value * Math.min(a, r), t.value.legendFontSize = e.value.style.chart.legend.fontSize / y.value * Math.min(a, r) < 14 ? 14 : e.value.style.chart.legend.fontSize / y.value * Math.min(a, r), t.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / y.value * Math.min(a, r), t.value.trackSize = e.value.style.chart.layout.track.size / y.value * Math.min(a, r), t.value.pointerStrokeWidth = re({
             relator: Math.min(r, a),
-            adjuster: f.value,
+            adjuster: y.value,
             source: e.value.style.chart.layout.pointer.strokeWidth,
             threshold: 2,
             fallback: 2
           }), t.value.markerOffset = re({
             relator: Math.max(r, a),
-            adjuster: f.value,
+            adjuster: y.value,
             source: e.value.style.chart.layout.markers.offsetY + 3,
             threshold: 2,
             fallback: 2
@@ -159,17 +159,17 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
     });
     function H() {
       const l = [];
-      (_.value.series || []).forEach((P) => {
+      (b.value.series || []).forEach((P) => {
         l.push(P.from || 0), l.push(P.to || 0);
-      }), S.value = Math.max(...l), x.value = Math.min(...l);
-      const r = String(S.value).length;
+      }), F.value = Math.max(...l), _.value = Math.min(...l);
+      const r = String(F.value).length;
       let a = 0, i = (r > 2 ? 0.01 : 1e-3) * e.value.style.chart.animation.speed, R = (r > 2 ? 0.05 : 5e-3) * e.value.style.chart.animation.acceleration;
-      function b() {
-        y.value += i + a, a += R, y.value < u.dataset.value ? requestAnimationFrame(b) : y.value = u.dataset.value;
+      function k() {
+        f.value += i + a, a += R, f.value < u.dataset.value ? requestAnimationFrame(k) : f.value = u.dataset.value;
       }
-      e.value.style.chart.animation.use && (y.value = x.value, b());
+      e.value.style.chart.animation.use && (f.value = _.value, k());
     }
-    const s = p(() => {
+    const o = p(() => {
       const l = e.value.responsive ? Math.min(t.value.width, t.value.height) : t.value.width;
       return {
         arcs: l / 2.5,
@@ -178,12 +178,12 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
         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
       };
-    }), w = p(() => le(
-      { series: _.value.series },
+    }), x = p(() => le(
+      { series: b.value.series },
       t.value.width / 2,
-      s.value.base,
-      s.value.arcs,
-      s.value.arcs,
+      o.value.base,
+      o.value.arcs,
+      o.value.arcs,
       1,
       1,
       1,
@@ -191,38 +191,38 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
       109.9495,
       40 * t.value.trackSize
     )), ce = p(() => le(
-      { series: _.value.series },
+      { series: b.value.series },
       t.value.width / 2,
-      s.value.base,
-      s.value.gradients,
-      s.value.gradients,
+      o.value.base,
+      o.value.gradients,
+      o.value.gradients,
       1,
       1,
       1,
       180,
       109.9495,
       2 * t.value.trackSize
-    )), z = d(!1);
+    )), S = d(!1);
     function ve(l) {
-      z.value = l, B.value += 1;
+      S.value = l, D.value += 1;
     }
-    return se({
-      generatePdf: L,
+    return oe({
+      generatePdf: W,
       generateImage: T
-    }), (l, r) => (o(), n("div", {
-      class: Z(`vue-ui-gauge ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+    }), (l, r) => (s(), n("div", {
+      class: Z(`vue-ui-gauge ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "gaugeChart",
       ref: C,
-      id: `vue-ui-gauge_${k.value}`,
+      id: `vue-ui-gauge_${m.value}`,
       style: E(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`)
     }, [
-      e.value.style.chart.title.text ? (o(), n("div", {
+      e.value.style.chart.title.text ? (s(), n("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: U,
+        ref: L,
         style: E(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:12px`)
       }, [
-        me(Oe, {
+        me(Ne, {
           config: {
             title: {
               cy: "gauge-div-title",
@@ -235,63 +235,63 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
           }
         }, {
           default: I(() => [
-            e.value.translations.base && Y.dataset.base ? (o(), n("span", Ye, m(e.value.translations.base) + ": " + m(Y.dataset.base), 1)) : g("", !0)
+            e.value.translations.base && Y.dataset.base ? (s(), n("span", Re, z(e.value.translations.base) + ": " + z(Y.dataset.base), 1)) : g("", !0)
           ]),
           _: 1
         }, 8, ["config"])
       ], 4)) : g("", !0),
-      e.value.userOptions.show && $.value ? (o(), J(Pe, {
+      e.value.userOptions.show && $.value ? (s(), J(Oe, {
         ref_key: "details",
         ref: ne,
-        key: `user_options_${B.value}`,
+        key: `user_options_${D.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: v(W),
-        isPrinting: v(D),
-        uid: k.value,
+        isImaging: c(B),
+        isPrinting: c(V),
+        uid: m.value,
         hasXls: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: z.value,
+        isFullscreen: S.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: C.value,
         onToggleFullscreen: ve,
-        onGeneratePdf: v(L),
-        onGenerateImage: v(T)
+        onGeneratePdf: c(W),
+        onGenerateImage: c(T)
       }, ke({ _: 2 }, [
         l.$slots.optionPdf ? {
           name: "optionPdf",
           fn: I(() => [
-            F(l.$slots, "optionPdf", {}, void 0, !0)
+            w(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
           fn: I(() => [
-            F(l.$slots, "optionImg", {}, void 0, !0)
+            w(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: I(({ toggleFullscreen: a, isFullscreen: i }) => [
-            F(l.$slots, "optionFullscreen", K(Q({ toggleFullscreen: a, isFullscreen: i })), void 0, !0)
+            w(l.$slots, "optionFullscreen", K(Q({ toggleFullscreen: a, isFullscreen: i })), void 0, !0)
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : g("", !0),
-      $.value ? (o(), n("svg", {
+      $.value ? (s(), n("svg", {
         key: 2,
-        xmlns: v(ze),
-        class: Z({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value }),
+        xmlns: c(ze),
+        class: Z({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
         viewBox: `0 0 ${t.value.width <= 0 ? 10 : t.value.width} ${t.value.height <= 0 ? 10 : t.value.height}`,
         style: E(`max-width:100%;overflow:hidden !important;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
       }, [
         h("defs", null, [
           h("radialGradient", {
-            id: `gradient_${k.value}`,
+            id: `gradient_${m.value}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -300,21 +300,21 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
           }, [
             h("stop", {
               offset: "0%",
-              "stop-color": `#FFFFFF${v(j)[1]}`
-            }, null, 8, Ee),
+              "stop-color": `#FFFFFF${c(j)[1]}`
+            }, null, 8, je),
             h("stop", {
               offset: "80%",
-              "stop-color": `#FFFFFF${v(j)[e.value.style.chart.layout.track.gradientIntensity]}`
-            }, null, 8, Ae),
+              "stop-color": `#FFFFFF${c(j)[e.value.style.chart.layout.track.gradientIntensity]}`
+            }, null, 8, De),
             h("stop", {
               offset: "100%",
-              "stop-color": `#FFFFFF${v(j)[1]}`
-            }, null, 8, je)
-          ], 8, Re)
+              "stop-color": `#FFFFFF${c(j)[1]}`
+            }, null, 8, Le)
+          ], 8, Ae)
         ]),
         h("defs", null, [
           h("filter", {
-            id: `blur_${k.value}`,
+            id: `blur_${m.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
@@ -323,44 +323,44 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
             h("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.track.gradientIntensity
-            }, null, 8, Ue)
-          ], 8, Be)
+            }, null, 8, Ve)
+          ], 8, Ue)
         ]),
-        (o(!0), n(O, null, A(w.value, (a, i) => (o(), n("path", {
+        (s(!0), n(O, null, A(x.value, (a, i) => (s(), n("path", {
           key: `arc_${i}`,
           d: a.arcSlice,
           fill: a.color,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
-        }, null, 8, Ve))), 128)),
-        e.value.style.chart.layout.track.useGradient ? (o(), n(O, { key: 0 }, [
-          (o(!0), n(O, null, A(ce.value, (a, i) => (o(), n("path", {
+        }, null, 8, Be))), 128)),
+        e.value.style.chart.layout.track.useGradient ? (s(), n(O, { key: 0 }, [
+          (s(!0), n(O, null, A(ce.value, (a, i) => (s(), n("path", {
             key: `arc_${i}`,
             d: a.arcSlice,
             fill: "#FFFFFF",
             stroke: "none",
             "stroke-linecap": "round",
-            filter: `url(#blur_${k.value})`
-          }, null, 8, De))), 128)),
+            filter: `url(#blur_${m.value})`
+          }, null, 8, We))), 128)),
           h("rect", {
             x: 0,
-            y: s.value.base,
+            y: o.value.base,
             width: t.value.width <= 0 ? 1e-4 : t.value.width,
             height: t.value.height * 0.3 <= 0 ? 1e-4 : t.value.height * 0.3,
             fill: e.value.style.chart.backgroundColor
-          }, null, 8, We)
+          }, null, 8, Te)
         ], 64)) : g("", !0),
-        (o(!0), n(O, null, A(w.value, (a, i) => (o(), n("text", {
-          x: v(N)({
+        (s(!0), n(O, null, A(x.value, (a, i) => (s(), n("text", {
+          x: c(N)({
             centerX: t.value.width / 2,
-            centerY: s.value.base,
+            centerY: o.value.base,
             initX: a.center.startX,
             initY: a.center.startY,
             offset: t.value.markerOffset
           }).x,
-          y: v(N)({
+          y: c(N)({
             centerX: t.value.width / 2,
-            centerY: s.value.base,
+            centerY: o.value.base,
             initX: a.center.startX,
             initY: a.center.startY,
             offset: t.value.markerOffset
@@ -369,91 +369,100 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
           "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
-        }, m(a.from.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, Le))), 256)),
+        }, z(a.from.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, qe))), 256)),
         h("text", {
-          x: v(N)({
+          x: c(N)({
             centerX: t.value.width / 2,
-            centerY: s.value.base,
-            initX: w.value.at(-1).endX,
-            initY: w.value.at(-1).endY,
+            centerY: o.value.base,
+            initX: x.value.at(-1).endX,
+            initY: x.value.at(-1).endY,
             offset: t.value.markerOffset
           }).x,
-          y: v(N)({
+          y: c(N)({
             centerX: t.value.width / 2,
-            centerY: s.value.base,
-            initX: w.value.at(-1).endX,
-            initY: w.value.at(-1).endY,
+            centerY: o.value.base,
+            initX: x.value.at(-1).endX,
+            initY: x.value.at(-1).endY,
             offset: t.value.markerOffset
           }).y,
           "text-anchor": "start",
           "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
-        }, m(S.value.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, Te),
-        e.value.style.chart.layout.pointer.type === "rounded" ? (o(), n("g", qe, [
-          isNaN(c.value.x2) ? g("", !0) : (o(), n("line", {
+        }, z(F.value.toFixed(e.value.style.chart.layout.markers.roundingValue)), 9, He),
+        e.value.style.chart.layout.pointer.type === "rounded" ? (s(), n("g", Ze, [
+          isNaN(v.value.x2) ? g("", !0) : (s(), n("line", {
             key: 0,
-            x1: c.value.x1,
-            y1: c.value.y1,
-            x2: c.value.x2,
-            y2: c.value.y2,
+            x1: v.value.x1,
+            y1: v.value.y1,
+            x2: v.value.x2,
+            y2: v.value.y2,
             stroke: e.value.style.chart.layout.pointer.stroke,
             "stroke-width": t.value.pointerStrokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, He)),
-          isNaN(c.value.x2) ? g("", !0) : (o(), n("line", {
+          }, null, 8, Je)),
+          isNaN(v.value.x2) ? g("", !0) : (s(), n("line", {
             key: 1,
-            x1: c.value.x1,
-            y1: c.value.y1,
-            x2: c.value.x2,
-            y2: c.value.y2,
+            x1: v.value.x1,
+            y1: v.value.y1,
+            x2: v.value.x2,
+            y2: v.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, Ze)),
-          !isNaN(c.value.x2) && e.value.style.chart.layout.track.useGradient ? (o(), n("line", {
+          }, null, 8, Ke)),
+          !isNaN(v.value.x2) && e.value.style.chart.layout.track.useGradient ? (s(), n("line", {
             key: 2,
-            x1: c.value.x1,
-            y1: c.value.y1,
-            x2: c.value.x2,
-            y2: c.value.y2,
+            x1: v.value.x1,
+            y1: v.value.y1,
+            x2: v.value.x2,
+            y2: v.value.y2,
             stroke: "white",
             "stroke-linecap": "round",
             "stroke-width": t.value.pointerStrokeWidth * 0.3,
-            filter: `url(#blur_${k.value})`
-          }, null, 8, Je)) : g("", !0)
-        ])) : (o(), n("g", Ke, [
-          q.value ? (o(), n("path", {
+            filter: `url(#blur_${m.value})`
+          }, null, 8, Qe)) : g("", !0)
+        ])) : (s(), n("g", et, [
+          q.value ? (s(), n("path", {
             key: 0,
             d: q.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, Qe)) : g("", !0)
+          }, null, 8, tt)) : g("", !0)
         ])),
         h("circle", {
           cx: t.value.width / 2,
-          cy: s.value.base,
+          cy: o.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, et),
+        }, null, 8, at),
         h("text", {
           x: t.value.width / 2,
-          y: s.value.ratingBase,
+          y: o.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
-        }, m(e.value.style.chart.legend.prefix) + " " + m(e.value.style.chart.legend.showPlusSymbol && y.value > 0 ? "+" : "") + m(y.value.toFixed(e.value.style.chart.legend.roundingValue)) + " " + m(e.value.style.chart.legend.suffix), 9, tt),
-        F(l.$slots, "svg", { svg: t.value }, void 0, !0)
-      ], 14, Ge)) : g("", !0),
-      l.$slots.watermark ? (o(), n("div", at, [
-        F(l.$slots, "watermark", K(Q({ isPrinting: v(D) || v(W) })), void 0, !0)
+        }, z(c($e)(
+          e.value.style.chart.legend.formatter,
+          f.value,
+          c(Ce)({
+            p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && f.value > 0 ? "+" : ""),
+            v: f.value,
+            s: e.value.style.chart.legend.suffix,
+            r: e.value.style.chart.legend.roundingValue
+          })
+        )), 9, lt),
+        w(l.$slots, "svg", { svg: t.value }, void 0, !0)
+      ], 14, Ee)) : g("", !0),
+      l.$slots.watermark ? (s(), n("div", rt, [
+        w(l.$slots, "watermark", K(Q({ isPrinting: c(V) || c(B) })), void 0, !0)
       ])) : g("", !0),
-      $.value ? g("", !0) : (o(), J(Ie, {
+      $.value ? g("", !0) : (s(), J(Xe, {
         key: 4,
         config: {
           type: "gauge",
@@ -467,13 +476,13 @@ const Ne = ["id"], Ye = { key: 0 }, Ge = ["xmlns", "viewBox"], Re = ["id"], Ee =
       }, null, 8, ["config"])),
       h("div", {
         ref_key: "chartLegend",
-        ref: V
+        ref: U
       }, [
-        F(l.$slots, "legend", { legend: _.value }, void 0, !0)
+        w(l.$slots, "legend", { legend: b.value }, void 0, !0)
       ], 512)
-    ], 14, Ne));
+    ], 14, Ge));
   }
-}, dt = /* @__PURE__ */ Xe(lt, [["__scopeId", "data-v-ce24b5db"]]);
+}, ft = /* @__PURE__ */ Ye(st, [["__scopeId", "data-v-938ebae3"]]);
 export {
-  dt as default
+  ft as default
 };

package/dist/vue-ui-gizmo-BpT3iwC9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-hKWfT7Wa.cjs"),f=require("./useNestedProp-Cggpoz7e.cjs"),h=["viewBox","width"],m={key:0},k=["id"],_=["stop-color"],v=["stop-color"],y=["stroke"],p=["stroke"],g=["width","fill"],N=["fill"],C={key:0},x=["id"],B=e.createElementVNode("feGaussianBlur",{in:"SourceGraphic",stdDeviation:1},null,-1),E=[B],V=["stroke"],w=["stroke","stroke-dasharray","stroke-dashoffset"],b=["filter"],L=["stroke","stroke-dasharray","stroke-dashoffset"],z=["fill"],G={__name:"vue-ui-gizmo",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_gizmo:d}=a.useConfig(),s=e.ref(a.createUid());e.onMounted(()=>{!o.dataset&&o.dataset!==0&&a.error({componentName:"VueUiGizmo",type:"dataset"}),o.dataset<0&&console.warn("VueUiGizmo: dataset cannot be negative.")});const t=e.computed(()=>f.useNestedProp({userConfig:o.config,defaultConfig:d})),i=e.computed(()=>({battery:{width:t.value.showPercentage?140:80,height:50},gauge:{width:80,height:80}})[t.value.type]),l=e.computed(()=>{const r=2*Math.PI*35,u=r-o.dataset/100*r;return{dasharray:`${r} ${r}`,dashoffset:u}});return(c,r)=>(e.openBlock(),e.createElementBlock("svg",{class:"vue-ui-gizmo",viewBox:`0 0 ${i.value.width} ${i.value.height}`,width:t.value.size,style:e.normalizeStyle({background:"transparent",fontFamily:t.value.fontFamily})},[t.value.useGradient?(e.openBlock(),e.createElementBlock("defs",m,[e.createElementVNode("linearGradient",{id:`gizmo_gradient_${s.value}`,x1:"0%",x2:"100%",y1:"0%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.gradientColor},null,8,_),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.color},null,8,v)],8,k)])):e.createCommentVNode("",!0),t.value.type==="battery"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("path",{d:"M 5 10 L 5 40 C 5 43 7 45 9 45 L 65 45 C 68 45 70 43 70 40 L 70 38 C 73 38 75 38 75 33 L 75 17 C 75 12 73 12 70 12 L 70 10 C 70 7 68 5 65 5 L 10 5 C 7 5 5 7 5 10",stroke:t.value.stroke,"stroke-width":2,fill:"none"},null,8,y),e.createElementVNode("path",{d:"M 70 16 L 70 34",stroke:t.value.stroke,"stroke-width":2,fill:"none",style:{opacity:"0.5"}},null,8,p),e.createElementVNode("rect",{x:10,y:10,height:30,width:55*(n.dataset/100),fill:t.value.useGradient?`url(#gizmo_gradient_${s.value})`:t.value.color,rx:2},null,8,g),t.value.showPercentage?(e.openBlock(),e.createElementBlock("text",{key:0,x:85,y:32,"text-anchor":"start","font-size":"20",fill:t.value.textColor},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.formatter,o.dataset,e.unref(a.dataLabel)({v:o.dataset,s:"%"}))),9,N)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.type==="gauge"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.value.useGradient?(e.openBlock(),e.createElementBlock("defs",C,[e.createElementVNode("filter",{id:`blur_${s.value}`,x:"-50%",y:"-50%",width:"200%",height:"200%"},E,8,x)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{cx:40,cy:40,r:35,stroke:t.value.stroke,"stroke-width":2*4,fill:"none"},null,8,V),e.createElementVNode("circle",{cx:40,cy:40,r:35,stroke:t.value.color,"stroke-width":2*4,"stroke-dasharray":l.value.dasharray,"stroke-dashoffset":l.value.dashoffset,"stroke-linecap":"round",fill:"none",style:{transform:"rotate(-90deg)","transform-origin":"50% 50%"}},null,8,w),t.value.useGradient?(e.openBlock(),e.createElementBlock("g",{key:1,filter:`url(#blur_${s.value})`},[e.createElementVNode("circle",{cx:40,cy:40,r:35,stroke:t.value.gradientColor,"stroke-width":1,fill:"none","stroke-dasharray":l.value.dasharray,"stroke-dashoffset":l.value.dashoffset,style:{transform:"rotate(-90deg)","transform-origin":"50% 50%"}},null,8,L)],8,b)):e.createCommentVNode("",!0),t.value.showPercentage?(e.openBlock(),e.createElementBlock("text",{key:2,x:40,y:47,"text-anchor":"middle","font-size":"20",fill:t.value.textColor},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.formatter,o.dataset,e.unref(a.dataLabel)({v:o.dataset,s:"%"}))),9,z)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],12,h))}};exports.default=G;