vue-data-ui 3.15.12 → 3.16.1

package/dist/{vue-ui-gizmo-DEec3-v9.js → vue-ui-gizmo-BZYRHGFm.js}

@@ -1,10 +1,10 @@
-import { defineAsyncComponent as V, ref as k, useSlots as F, onMounted as y, computed as l, toRefs as S, watch as I, openBlock as o, createElementBlock as s, normalizeStyle as M, createVNode as U, unref as i, createElementVNode as t, createCommentVNode as r, Fragment as C, toDisplayString as x, renderSlot as P, createBlock as E } from "vue";
-import { u as O } from "./useConfig-CIgyKZ6R.js";
-import { j as T, q as j, t as w, k as b, l as z } from "./lib-GwPnJSrY.js";
-import { u as q } from "./useNestedProp-BBT0mbHh.js";
+import { defineAsyncComponent as V, ref as y, useSlots as F, onMounted as C, computed as i, toRefs as S, watch as I, openBlock as a, createElementBlock as s, unref as r, normalizeStyle as M, createVNode as U, createElementVNode as t, createCommentVNode as l, Fragment as x, toDisplayString as w, renderSlot as P, createBlock as E } from "vue";
+import { u as O } from "./useConfig-DO94Aj5s.js";
+import { j as T, q as j, t as b, k as z, l as A } from "./lib-DBptbyyI.js";
+import { u as q } from "./useNestedProp-Bf5XFbs8.js";
 import { u as R, B as H } from "./BaseScanner-BhhkKVoj.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox", "width"], W = { key: 0 }, X = ["id"], Y = ["stop-color"], Z = ["stop-color"], ee = ["stroke"], te = ["stroke"], oe = ["width", "fill"], ae = ["fill"], se = { key: 0 }, re = ["id"], ne = ["stroke"], le = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ie = ["filter"], ue = ["stroke", "stroke-dasharray", "stroke-dashoffset"], de = ["fill"], ce = {
+const K = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-busy"], Q = ["viewBox", "width"], W = { key: 0 }, X = ["id"], Y = ["stop-color"], Z = ["stop-color"], ee = ["stroke"], te = ["stroke"], ae = ["width", "fill"], oe = ["fill"], se = { key: 0 }, re = ["id"], le = ["stroke"], ne = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ie = ["filter"], ue = ["stroke", "stroke-dasharray", "stroke-dashoffset"], de = ["fill"], ce = {
   __name: "vue-ui-gizmo",
   props: {
     config: {
@@ -17,22 +17,22 @@ const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox
       type: Number
     }
   },
-  setup(A) {
-    const G = V(() => import("./PackageVersion-DN9d0ME5.js")), { vue_ui_gizmo: L } = O(), a = A, u = k(T()), N = F();
-    y(() => {
-      g();
-    }), y(() => {
-      N["chart-background"] && d.value && console.warn("VueUiGizmo does not support the #chart-background slot.");
+  setup(G) {
+    const L = V(() => import("./PackageVersion-DPO-OOVI.js")), { vue_ui_gizmo: N } = O(), o = G, u = y(T()), $ = F();
+    C(() => {
+      m();
+    }), C(() => {
+      $["chart-background"] && d.value && console.warn("VueUiGizmo does not support the #chart-background slot.");
     });
-    const d = l(() => e.value.debug);
-    function g() {
-      !a.dataset && a.dataset !== 0 && j({
+    const d = i(() => e.value.debug);
+    function m() {
+      !o.dataset && o.dataset !== 0 && j({
         componentName: "VueUiGizmo",
         type: "dataset",
         debug: d.value
-      }), a.dataset < 0 && d.value && console.warn("VueUiGizmo: dataset cannot be negative."), a.dataset > 100 && d.value && console.warn(`VueUiGizmo: gauge is maxed out, as dataset exceeds 100% (props.dataset = ${a.dataset})`);
+      }), o.dataset < 0 && d.value && console.warn("VueUiGizmo: dataset cannot be negative."), o.dataset > 100 && d.value && console.warn(`VueUiGizmo: gauge is maxed out, as dataset exceeds 100% (props.dataset = ${o.dataset})`);
     }
-    const e = k(v()), $ = l(() => w({
+    const e = y(p()), B = i(() => b({
       defaultConfig: {
         stroke: "#6A6A6A80",
         color: "#6A6A6A",
@@ -40,48 +40,57 @@ const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox
         textColor: "transparent"
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: B, FINAL_DATASET: p } = R({
-      ...S(a),
+    })), { loading: g, FINAL_DATASET: _ } = R({
+      ...S(o),
       FINAL_CONFIG: e,
-      prepareConfig: v,
+      prepareConfig: p,
       dsIsNumber: !0,
-      skeletonDataset: a.config?.skeletonDataset ?? 50,
-      skeletonConfig: w({
+      skeletonDataset: o.config?.skeletonDataset ?? 50,
+      skeletonConfig: b({
         defaultConfig: e.value,
-        userConfig: $.value
+        userConfig: B.value
       })
     });
-    function v() {
+    function p() {
       return q({
-        userConfig: a.config,
-        defaultConfig: L
+        userConfig: o.config,
+        defaultConfig: N
       });
     }
-    I(() => a.config, (h) => {
-      e.value = v(), g();
+    I(() => o.config, (h) => {
+      e.value = p(), m();
     }, { deep: !0 });
-    const _ = l(() => ({
+    const k = i(() => ({
       battery: { width: e.value.showPercentage ? 150 : 80, height: 50 },
       gauge: { width: 80, height: 80 }
-    })[e.value.type]), m = l(() => Math.min(Math.max(0, p.value), 100)), c = l(() => Math.max(0, p.value)), f = l(() => {
-      const n = 2 * Math.PI * 35, D = n - m.value / 100 * n;
+    })[e.value.type]), c = i(() => Math.min(Math.max(0, _.value), 100)), f = i(() => Math.max(0, _.value)), v = i(() => {
+      const n = 2 * Math.PI * 35, D = n - c.value / 100 * n;
       return {
         dasharray: `${n} ${n}`,
         dashoffset: D
       };
     });
-    return (h, n) => (o(), s("div", K, [
-      (o(), s("svg", {
+    return (h, n) => (a(), s("div", {
+      class: "vue-data-ui-component vue-ui-gizmo-wrapper",
+      role: "progressbar",
+      "aria-label": e.value.a11y.translations.label,
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      "aria-valuenow": r(g) ? void 0 : c.value,
+      "aria-valuetext": c.value + "%",
+      "aria-busy": r(g) ? "true" : "false"
+    }, [
+      (a(), s("svg", {
         class: "vue-ui-gizmo",
-        viewBox: `0 0 ${_.value.width} ${_.value.height}`,
+        viewBox: `0 0 ${k.value.width} ${k.value.height}`,
         width: e.value.size,
         style: M({
           background: "transparent",
           fontFamily: e.value.fontFamily
         })
       }, [
-        U(i(G)),
-        e.value.useGradient ? (o(), s("defs", W, [
+        U(r(L)),
+        e.value.useGradient ? (a(), s("defs", W, [
           t("linearGradient", {
             id: `gizmo_gradient_${u.value}`,
             x1: "0%",
@@ -98,8 +107,8 @@ const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox
               "stop-color": e.value.color
             }, null, 8, Z)
           ], 8, X)
-        ])) : r("", !0),
-        e.value.type === "battery" ? (o(), s(C, { key: 1 }, [
+        ])) : l("", !0),
+        e.value.type === "battery" ? (a(), s(x, { 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,
@@ -117,28 +126,28 @@ const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox
             x: 10,
             y: 10,
             height: 30,
-            width: 55 * (m.value / 100),
+            width: 55 * (c.value / 100),
             fill: e.value.useGradient ? `url(#gizmo_gradient_${u.value})` : e.value.color,
             rx: 2
-          }, null, 8, oe),
-          e.value.showPercentage ? (o(), s("text", {
+          }, null, 8, ae),
+          e.value.showPercentage ? (a(), s("text", {
             key: 0,
             x: 85,
             y: 32,
             "text-anchor": "start",
             "font-size": "20",
             fill: e.value.textColor
-          }, x(i(b)(
+          }, w(r(z)(
             e.value.formatter,
-            c.value,
-            i(z)({
-              v: c.value,
+            f.value,
+            r(A)({
+              v: f.value,
               s: "%"
             })
-          )), 9, ae)) : r("", !0)
-        ], 64)) : r("", !0),
-        e.value.type === "gauge" ? (o(), s(C, { key: 2 }, [
-          e.value.useGradient ? (o(), s("defs", se, [
+          )), 9, oe)) : l("", !0)
+        ], 64)) : l("", !0),
+        e.value.type === "gauge" ? (a(), s(x, { key: 2 }, [
+          e.value.useGradient ? (a(), s("defs", se, [
             t("filter", {
               id: `blur_${u.value}`,
               x: "-50%",
@@ -151,7 +160,7 @@ const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox
                 stdDeviation: 1
               }, null, -1)
             ])], 8, re)
-          ])) : r("", !0),
+          ])) : l("", !0),
           t("circle", {
             cx: 40,
             cy: 40,
@@ -159,20 +168,20 @@ const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox
             stroke: e.value.stroke,
             "stroke-width": 8,
             fill: "none"
-          }, null, 8, ne),
+          }, null, 8, le),
           t("circle", {
             cx: 40,
             cy: 40,
             r: 35,
             stroke: e.value.color,
             "stroke-width": 8,
-            "stroke-dasharray": f.value.dasharray,
-            "stroke-dashoffset": f.value.dashoffset,
+            "stroke-dasharray": v.value.dasharray,
+            "stroke-dashoffset": v.value.dashoffset,
             "stroke-linecap": "round",
             fill: "none",
             style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
-          }, null, 8, le),
-          e.value.useGradient ? (o(), s("g", {
+          }, null, 8, ne),
+          e.value.useGradient ? (a(), s("g", {
             key: 1,
             filter: `url(#blur_${u.value})`
           }, [
@@ -183,34 +192,34 @@ const K = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, Q = ["viewBox
               stroke: e.value.gradientColor,
               "stroke-width": 1,
               fill: "none",
-              "stroke-dasharray": f.value.dasharray,
-              "stroke-dashoffset": f.value.dashoffset,
+              "stroke-dasharray": v.value.dasharray,
+              "stroke-dashoffset": v.value.dashoffset,
               style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
             }, null, 8, ue)
-          ], 8, ie)) : r("", !0),
-          e.value.showPercentage ? (o(), s("text", {
+          ], 8, ie)) : l("", !0),
+          e.value.showPercentage ? (a(), s("text", {
             key: 2,
             x: 40,
             y: 47,
             "text-anchor": "middle",
             "font-size": "20",
             fill: e.value.textColor
-          }, x(i(b)(
+          }, w(r(z)(
             e.value.formatter,
-            c.value,
-            i(z)({
-              v: c.value,
+            f.value,
+            r(A)({
+              v: f.value,
               s: "%"
             })
-          )), 9, de)) : r("", !0)
-        ], 64)) : r("", !0)
+          )), 9, de)) : l("", !0)
+        ], 64)) : l("", !0)
       ], 12, Q)),
       P(h.$slots, "skeleton", {}, () => [
-        i(B) ? (o(), E(H, { key: 0 })) : r("", !0)
+        r(g) ? (a(), E(H, { key: 0 })) : l("", !0)
       ], !0)
-    ]));
+    ], 8, K));
   }
-}, me = /* @__PURE__ */ J(ce, [["__scopeId", "data-v-c88b56eb"]]);
+}, _e = /* @__PURE__ */ J(ce, [["__scopeId", "data-v-49a5a45d"]]);
 export {
-  me as default
+  _e as default
 };