vue-data-ui 2.12.6 → 2.12.7-beta.1

package/dist/{vue-ui-gizmo-BM-_QfHM.js → vue-ui-gizmo-Ckz1h7XW.js}

@@ -1,8 +1,7 @@
-import { ref as b, useSlots as z, onMounted as g, computed as c, watch as G, createElementBlock as a, openBlock as s, normalizeStyle as L, createVNode as N, createCommentVNode as i, createElementVNode as t, Fragment as p, toDisplayString as y, unref as d } from "vue";
-import { u as $, c as F, e as B, i as k, f as m } from "./index-BFzQMJda.js";
-import { u as V } from "./useNestedProp-v7KPpwuP.js";
-import { _ as P } from "./PackageVersion-BjrblLPQ.js";
-const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"], S = ["stop-color"], E = ["stroke"], O = ["stroke"], A = ["width", "fill"], j = ["fill"], T = { key: 0 }, q = ["id"], H = ["stroke"], J = ["stroke", "stroke-dasharray", "stroke-dashoffset"], K = ["filter"], Q = ["stroke", "stroke-dasharray", "stroke-dashoffset"], R = ["fill"], ee = {
+import { defineAsyncComponent as z, ref as G, useSlots as L, onMounted as _, computed as c, watch as N, createElementBlock as s, openBlock as a, normalizeStyle as $, createVNode as F, createCommentVNode as n, unref as l, createElementVNode as t, Fragment as p, toDisplayString as y } from "vue";
+import { u as V, c as B, e as P, i as k, f as m } from "./index-BHEd2dgu.js";
+import { u as U } from "./useNestedProp-CZztHZIm.js";
+const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"], A = ["stop-color"], E = ["stroke"], O = ["stroke"], j = ["width", "fill"], T = ["fill"], q = { key: 0 }, H = ["id"], J = ["stroke"], K = ["stroke", "stroke-dasharray", "stroke-dashoffset"], Q = ["filter"], R = ["stroke", "stroke-dasharray", "stroke-dashoffset"], W = ["fill"], ee = {
   __name: "vue-ui-gizmo",
   props: {
     config: {
@@ -17,54 +16,54 @@ const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"],
     }
   },
   setup(f) {
-    const { vue_ui_gizmo: w } = $(), o = f, l = b(F()), x = z();
-    g(() => {
+    const w = z(() => import("./PackageVersion-DaWGaZxE.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
+    _(() => {
       h();
-    }), g(() => {
-      x["chart-background"] && console.warn("VueUiGizmo does not support the #chart-background slot.");
+    }), _(() => {
+      C["chart-background"] && console.warn("VueUiGizmo does not support the #chart-background slot.");
     });
     function h() {
-      !o.dataset && o.dataset !== 0 && B({
+      !o.dataset && o.dataset !== 0 && P({
         componentName: "VueUiGizmo",
         type: "dataset"
       }), o.dataset < 0 && console.warn("VueUiGizmo: dataset cannot be negative.");
     }
     const e = c({
-      get: () => _(),
-      set: (n) => n
+      get: () => g(),
+      set: (i) => i
     });
-    function _() {
-      return V({
+    function g() {
+      return U({
         userConfig: o.config,
-        defaultConfig: w
+        defaultConfig: x
       });
     }
-    G(() => o.config, (n) => {
-      e.value = _(), h();
+    N(() => o.config, (i) => {
+      e.value = g(), h();
     }, { deep: !0 });
     const v = c(() => ({
       battery: { width: e.value.showPercentage ? 140 : 80, height: 50 },
       gauge: { width: 80, height: 80 }
-    })[e.value.type]), u = c(() => {
-      const r = 2 * Math.PI * 35, C = r - o.dataset / 100 * r;
+    })[e.value.type]), d = c(() => {
+      const r = 2 * Math.PI * 35, b = r - o.dataset / 100 * r;
       return {
         dasharray: `${r} ${r}`,
-        dashoffset: C
+        dashoffset: b
       };
     });
-    return (n, r) => (s(), a("svg", {
+    return (i, r) => (a(), s("svg", {
       class: "vue-ui-gizmo",
       viewBox: `0 0 ${v.value.width} ${v.value.height}`,
       width: e.value.size,
-      style: L({
+      style: $({
         background: "transparent",
         fontFamily: e.value.fontFamily
       })
     }, [
-      N(P),
-      e.value.useGradient ? (s(), a("defs", D, [
+      F(l(w)),
+      e.value.useGradient ? (a(), s("defs", I, [
         t("linearGradient", {
-          id: `gizmo_gradient_${l.value}`,
+          id: `gizmo_gradient_${u.value}`,
           x1: "0%",
           x2: "100%",
           y1: "0%",
@@ -73,14 +72,14 @@ const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"],
           t("stop", {
             offset: "0%",
             "stop-color": e.value.gradientColor
-          }, null, 8, M),
+          }, null, 8, S),
           t("stop", {
             offset: "100%",
             "stop-color": e.value.color
-          }, null, 8, S)
-        ], 8, I)
-      ])) : i("", !0),
-      e.value.type === "battery" ? (s(), a(p, { key: 1 }, [
+          }, null, 8, A)
+        ], 8, M)
+      ])) : n("", !0),
+      e.value.type === "battery" ? (a(), s(p, { key: 1 }, [
         t("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: e.value.stroke,
@@ -99,29 +98,29 @@ const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"],
           y: 10,
           height: 30,
           width: 55 * (f.dataset / 100),
-          fill: e.value.useGradient ? `url(#gizmo_gradient_${l.value})` : e.value.color,
+          fill: e.value.useGradient ? `url(#gizmo_gradient_${u.value})` : e.value.color,
           rx: 2
-        }, null, 8, A),
-        e.value.showPercentage ? (s(), a("text", {
+        }, null, 8, j),
+        e.value.showPercentage ? (a(), s("text", {
           key: 0,
           x: 85,
           y: 32,
           "text-anchor": "start",
           "font-size": "20",
           fill: e.value.textColor
-        }, y(d(k)(
+        }, y(l(k)(
           e.value.formatter,
           o.dataset,
-          d(m)({
+          l(m)({
             v: o.dataset,
             s: "%"
           })
-        )), 9, j)) : i("", !0)
-      ], 64)) : i("", !0),
-      e.value.type === "gauge" ? (s(), a(p, { key: 2 }, [
-        e.value.useGradient ? (s(), a("defs", T, [
+        )), 9, T)) : n("", !0)
+      ], 64)) : n("", !0),
+      e.value.type === "gauge" ? (a(), s(p, { key: 2 }, [
+        e.value.useGradient ? (a(), s("defs", q, [
           t("filter", {
-            id: `blur_${l.value}`,
+            id: `blur_${u.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
@@ -131,8 +130,8 @@ const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"],
               in: "SourceGraphic",
               stdDeviation: 1
             }, null, -1)
-          ]), 8, q)
-        ])) : i("", !0),
+          ]), 8, H)
+        ])) : n("", !0),
         t("circle", {
           cx: 40,
           cy: 40,
@@ -140,22 +139,22 @@ const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"],
           stroke: e.value.stroke,
           "stroke-width": 2 * 4,
           fill: "none"
-        }, null, 8, H),
+        }, null, 8, J),
         t("circle", {
           cx: 40,
           cy: 40,
           r: 35,
           stroke: e.value.color,
           "stroke-width": 2 * 4,
-          "stroke-dasharray": u.value.dasharray,
-          "stroke-dashoffset": u.value.dashoffset,
+          "stroke-dasharray": d.value.dasharray,
+          "stroke-dashoffset": d.value.dashoffset,
           "stroke-linecap": "round",
           fill: "none",
           style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
-        }, null, 8, J),
-        e.value.useGradient ? (s(), a("g", {
+        }, null, 8, K),
+        e.value.useGradient ? (a(), s("g", {
           key: 1,
-          filter: `url(#blur_${l.value})`
+          filter: `url(#blur_${u.value})`
         }, [
           t("circle", {
             cx: 40,
@@ -164,28 +163,28 @@ const U = ["viewBox", "width"], D = { key: 0 }, I = ["id"], M = ["stop-color"],
             stroke: e.value.gradientColor,
             "stroke-width": 1,
             fill: "none",
-            "stroke-dasharray": u.value.dasharray,
-            "stroke-dashoffset": u.value.dashoffset,
+            "stroke-dasharray": d.value.dasharray,
+            "stroke-dashoffset": d.value.dashoffset,
             style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
-          }, null, 8, Q)
-        ], 8, K)) : i("", !0),
-        e.value.showPercentage ? (s(), a("text", {
+          }, null, 8, R)
+        ], 8, Q)) : n("", !0),
+        e.value.showPercentage ? (a(), s("text", {
           key: 2,
           x: 40,
           y: 47,
           "text-anchor": "middle",
           "font-size": "20",
           fill: e.value.textColor
-        }, y(d(k)(
+        }, y(l(k)(
           e.value.formatter,
           o.dataset,
-          d(m)({
+          l(m)({
             v: o.dataset,
             s: "%"
           })
-        )), 9, R)) : i("", !0)
-      ], 64)) : i("", !0)
-    ], 12, U));
+        )), 9, W)) : n("", !0)
+      ], 64)) : n("", !0)
+    ], 12, D));
   }
 };
 export {