vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-wheel-Cood5EN7.js → vue-ui-wheel-DqBmaQ6h.js}

@@ -1,17 +1,17 @@
 import { useCssVars as Vt, defineAsyncComponent as xe, computed as v, ref as b, toRefs as Gt, watch as Je, shallowRef as Qe, onMounted as Ht, onBeforeUnmount as qt, openBlock as s, createElementBlock as n, unref as r, normalizeStyle as Me, normalizeClass as F, createBlock as he, withCtx as S, renderSlot as p, normalizeProps as O, guardReactiveProps as R, createCommentVNode as z, createSlots as Zt, createElementVNode as $e, toDisplayString as Ae, createVNode as Kt, Fragment as P, renderList as X, nextTick as Jt } from "vue";
-import { j as Qt, t as et, o as ea, q as ta, v as te, a4 as aa, k as la, l as oa, K as tt, X as sa, x as at } from "./lib-DBptbyyI.js";
+import { j as Qt, t as et, o as ea, q as ta, v as te, a4 as aa, k as la, l as oa, K as tt, X as sa, x as at } from "./lib-DMzrGQHK.js";
 import { t as na, u as ua } from "./useResponsive-DfdjqQps.js";
-import { u as ia } from "./useConfig-C40HvGpD.js";
-import { u as ra, B as ca } from "./BaseScanner-BhhkKVoj.js";
-import { u as va } from "./usePrinter-CEpYU3r5.js";
-import { u as ha } from "./useSvgExport-ByUukOZt.js";
-import { u as Ie } from "./useNestedProp-Bf5XFbs8.js";
-import { u as da } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ya } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ka } from "./useChartAccessibility-9icAAmYg.js";
-import { u as fa } from "./usePrefersMotion-CUKm8_t8.js";
-import ga from "./img-LXxMLmCg.js";
-import pa from "./Title-BeMKE1cj.js";
+import { u as ia } from "./useConfig-DTHxOX6V.js";
+import { u as ra, B as ca } from "./BaseScanner-BON3d_Sx.js";
+import { u as va } from "./usePrinter-C4t8DdQ-.js";
+import { u as ha } from "./useSvgExport-BTG4hVPO.js";
+import { u as Ie } from "./useNestedProp-DH0BEVVS.js";
+import { u as da } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ya } from "./useUserOptionState-B7Ej974k.js";
+import { u as ka } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as fa } from "./usePrefersMotion-Co0nj1eS.js";
+import ga from "./img-CjTQXS0U.js";
+import pa from "./Title-BbKoiBk2.js";
 import ma from "./vue_ui_wheel-LqBz3lv4.js";
 import { _ as wa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedby"], xa = ["id"], Ma = ["id"], $a = ["x", "y", "width", "height"], Aa = ["d", "stroke", "stroke-width"], Ia = ["cx", "cy", "r", "stroke", "stroke-width"], Sa = { key: 0 }, Pa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap"], _a = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap"], Oa = { key: 1 }, Ra = ["d", "fill", "stroke", "stroke-width"], za = ["d", "fill", "stroke", "stroke-width"], Ta = ["d", "fill", "stroke", "stroke-width"], Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], Wa = ["d", "fill", "stroke", "stroke-width"], Fa = ["aria-label"], Xa = ["x", "y", "height"], Na = ["x", "y", "font-size", "fill", "font-weight", "stroke", "stroke-width"], Ua = {
@@ -36,11 +36,19 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
   emits: ["copyAlt"],
   setup(lt, { expose: ot, emit: st }) {
     Vt((t) => ({
-      v07f51e2f: xt.value,
-      v77e20f55: Mt.value,
-      v77e1f1e8: $t.value
+      v34f4e7ac: xt.value,
+      v85c87fe0: Mt.value,
+      v85c8baba: $t.value
     }));
-    const nt = xe(() => import("./PenAndPaper-Ct3qJ4lA.js")), ut = xe(() => import("./UserOptions-rW2fRf3V.js")), it = xe(() => import("./PackageVersion-DP_kfXUM.js")), { vue_ui_wheel: rt } = ia(), { isThemeValid: ct, warnInvalidTheme: vt } = da(), T = fa(), D = lt, ht = st, dt = v(() => !!D.dataset && Object.keys(D.dataset).length), H = b(Qt()), yt = b(null), Se = b(0), j = b(null), Pe = b(null), _e = b(null), Oe = b(null), Re = b(0), ae = b(!1), le = b(!1), e = b(ke()), ze = v(() => e.value.userOptions.useCursorPointer), kt = v(() => et({
+    const nt = xe(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), ut = xe(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), it = xe(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_wheel: rt } = ia(), { isThemeValid: ct, warnInvalidTheme: vt } = da(), T = fa(), D = lt, ht = st, dt = v(() => !!D.dataset && Object.keys(D.dataset).length), H = b(Qt()), yt = b(null), Se = b(0), j = b(null), Pe = b(null), _e = b(null), Oe = b(null), Re = b(0), ae = b(!1), le = b(!1), e = b(ke()), ze = v(
+      () => e.value.userOptions.useCursorPointer
+    ), kt = v(() => et({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -71,7 +79,9 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         defaultConfig: e.value,
         userConfig: kt.value
       })
-    }), { userOptionsVisible: de, setUserOptionsVisibility: Te, keepUserOptionState: De } = ya({ config: e.value }), { svgRef: ye } = ka({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: de, setUserOptionsVisibility: Te, keepUserOptionState: De } = ya({ config: e.value }), { svgRef: ye } = ka({
+      config: e.value.style.chart.title
+    });
     function ke() {
       const t = Ie({
         userConfig: D.config,
@@ -89,9 +99,13 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         defaultConfig: a
       });
     }
-    Je(() => D.config, (t) => {
-      e.value = ke(), de.value = !e.value.userOptions.showOnChartHover, Ne(), Re.value += 1;
-    }, { deep: !0 });
+    Je(
+      () => D.config,
+      (t) => {
+        e.value = ke(), de.value = !e.value.userOptions.showOnChartHover, Ne(), Re.value += 1;
+      },
+      { deep: !0 }
+    );
     const { isPrinting: fe, isImaging: ge, generatePdf: We, generateImage: Fe } = va({
       elementId: H.value,
       fileName: e.value.style.chart.title.text || "vue-ui-wheel",
@@ -100,7 +114,9 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       size: 360,
       height: 360,
       width: 360
-    }), q = b(e.value.style.chart.layout.percentage.fontSize), c = v(() => ({
+    }), q = b(
+      e.value.style.chart.layout.percentage.fontSize
+    ), c = v(() => ({
       radius: Math.min(u.value.width, u.value.height) * 0.9 / 2 * e.value.style.chart.layout.wheel.radiusRatio,
       centerX: u.value.width / 2,
       centerY: u.value.height / 2
@@ -114,9 +130,13 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     const y = b(
       e.value.style.chart.animation.use && !T.value ? 0 : E.value.percentage || 0
     );
-    Je(() => E.value, (t) => {
-      e.value.style.chart.animation.use && !T.value ? Ee(t.percentage) : y.value = t.percentage || 0;
-    }, { deep: !0 });
+    Je(
+      () => E.value,
+      (t) => {
+        e.value.style.chart.animation.use && !T.value ? Ee(t.percentage) : y.value = t.percentage || 0;
+      },
+      { deep: !0 }
+    );
     const N = Qe(null), Y = Qe(null);
     Ht(() => {
       Ne();
@@ -155,7 +175,13 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       return [t * i, o * i, a, i];
     }
     function Ue(t, o) {
-      const a = t.replace("#", ""), l = parseInt(a.substring(0, 2), 16), i = parseInt(a.substring(2, 4), 16), d = parseInt(a.substring(4, 6), 16), k = 1 - Math.min(1, Math.max(0, e.value.style.chart.layout.wheel.ticks.shadeColorRatio3d)) * o, f = Math.max(0, Math.min(255, Math.round(l * k))), M = Math.max(0, Math.min(255, Math.round(i * k))), $ = Math.max(0, Math.min(255, Math.round(d * k)));
+      const a = t.replace("#", ""), l = parseInt(a.substring(0, 2), 16), i = parseInt(a.substring(2, 4), 16), d = parseInt(a.substring(4, 6), 16), k = 1 - Math.min(
+        1,
+        Math.max(
+          0,
+          e.value.style.chart.layout.wheel.ticks.shadeColorRatio3d
+        )
+      ) * o, f = Math.max(0, Math.min(255, Math.round(l * k))), M = Math.max(0, Math.min(255, Math.round(i * k))), $ = Math.max(0, Math.min(255, Math.round(d * k)));
       return `#${f.toString(16).padStart(2, "0")}${M.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}`;
     }
     function pt({
@@ -174,14 +200,23 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     }) {
       const h = C * Math.PI / 180, m = a, A = a * l, x = [];
       for (let w = 0; w < i; w += 1) {
-        const g = (w / i * 360 + d) * Math.PI / 180, W = t + m * Math.cos(g), G = o + m * Math.sin(g), B = t + A * Math.cos(g), Z = o + A * Math.sin(g), K = [W - t, G - o, 0], J = [B - t, Z - o, 0], [ce, Ke, Q] = se(K, h), [be, Ce, ee] = se(J, h), [ve, zt, , Tt] = ne([ce, Ke, Q], k), [Dt, Wt] = ne([be, Ce, ee], k), Ft = t + ve, Xt = o + zt, Nt = t + Dt, Ut = o + Wt, Lt = (Math.max(Q, ee) - -m * Math.sin(h)) / (2 * m * Math.sin(h) || 1), jt = I ? I(w) : !0, Bt = e.value.style.chart.layout.wheel.ticks.gradient.show ? te(M, w * _.value / L.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : M, Et = Ue(jt ? Bt : $, Lt), Yt = Math.max(1.25, f * Tt * (Math.min(u.value.width, u.value.height) / 360));
+        const g = (w / i * 360 + d) * Math.PI / 180, W = t + m * Math.cos(g), G = o + m * Math.sin(g), B = t + A * Math.cos(g), Z = o + A * Math.sin(g), K = [W - t, G - o, 0], J = [B - t, Z - o, 0], [ce, Ke, Q] = se(K, h), [be, Ce, ee] = se(J, h), [ve, zt, , Tt] = ne([ce, Ke, Q], k), [Dt, Wt] = ne([be, Ce, ee], k), Ft = t + ve, Xt = o + zt, Nt = t + Dt, Ut = o + Wt, Lt = (Math.max(Q, ee) - -m * Math.sin(h)) / (2 * m * Math.sin(h) || 1), jt = I ? I(w) : !0, Bt = e.value.style.chart.layout.wheel.ticks.gradient.show ? te(
+          M,
+          w * _.value / L.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)
+        ) : M, Et = Ue(jt ? Bt : $, Lt), Yt = Math.max(
+          1.25,
+          f * Tt * (Math.min(u.value.width, u.value.height) / 360)
+        );
         x.push({ i: w, x1: Ft, y1: Xt, x2: Nt, y2: Ut, stroke: Yt, color: Et, z: Math.max(Q, ee) });
       }
       return x.sort((w, g) => w.z - g.z), x;
     }
     const Le = v(() => {
       if (!e.value.layout === "3d") return null;
-      const t = L.value, o = e.value.style.chart.layout.wheel.ticks.gradient.show ? te(e.value.style.chart.layout.wheel.ticks.activeColor, 0) : e.value.style.chart.layout.wheel.ticks.activeColor, a = e.value.style.chart.layout.wheel.ticks.inactiveColor, l = e.value.style.chart.layout.wheel.ticks.strokeWidth;
+      const t = L.value, o = e.value.style.chart.layout.wheel.ticks.gradient.show ? te(
+        e.value.style.chart.layout.wheel.ticks.activeColor,
+        0
+      ) : e.value.style.chart.layout.wheel.ticks.activeColor, a = e.value.style.chart.layout.wheel.ticks.inactiveColor, l = e.value.style.chart.layout.wheel.ticks.strokeWidth;
       return pt({
         cx: c.value.centerX,
         cy: c.value.centerY,
@@ -197,7 +232,15 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         getActive: (i) => y.value > i * _.value
       });
     });
-    function je({ cx: t, cy: o, r: a, count: l = 180, startDeg: i = -90, axDeg: d = 50, f: C }) {
+    function je({
+      cx: t,
+      cy: o,
+      r: a,
+      count: l = 180,
+      startDeg: i = -90,
+      axDeg: d = 50,
+      f: C
+    }) {
       const k = d * Math.PI / 180, f = [];
       let M = 0;
       for (let h = 0; h < l; h += 1) {
@@ -227,7 +270,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       let d = 1 / 0, C = 1 / 0, k = -1 / 0, f = -1 / 0;
       for (const [A, x] of l)
         A < d && (d = A), x < C && (C = x), A > k && (k = A), x > f && (f = x);
-      const M = e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(u.value.width, u.value.height), $ = e.value.style.chart.layout.innerCircle.strokeWidth || 0, I = 0.5 * Math.max(M, $ * (i || 1)), h = Math.max(0, Number(e.value.style.chart.layout.wheel.ticks.depth3d) || 0), m = I;
+      const M = e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(u.value.width, u.value.height), $ = e.value.style.chart.layout.innerCircle.strokeWidth || 0, I = 0.5 * Math.max(M, $ * (i || 1)), h = Math.max(
+        0,
+        Number(e.value.style.chart.layout.wheel.ticks.depth3d) || 0
+      ), m = I;
       return {
         x: d - m,
         y: C - h - m,
@@ -250,7 +296,12 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         strokeWidth: d
       };
     }
-    const Be = v(() => mt(Math.max(0, c.value.radius * 0.8 * e.value.style.chart.layout.innerCircle.radiusRatio)));
+    const Be = v(() => mt(
+      Math.max(
+        0,
+        c.value.radius * 0.8 * e.value.style.chart.layout.innerCircle.radiusRatio
+      )
+    ));
     function ue({ cx: t, cy: o, r: a, aRad: l, ax: i, f: d }) {
       const C = [a * Math.cos(l), a * Math.sin(l), 0], [k, f, M] = se(C, i), [$, I, , h] = ne([k, f, M], d);
       return { x: t + $, y: o + I, z: M, s: h };
@@ -271,7 +322,38 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     }) {
       const h = C * Math.PI / 180, m = a, A = a * l, x = 2 * Math.PI / i, w = [];
       for (let g = 0; g < i; g += 1) {
-        const W = d * Math.PI / 180 + x * g, G = W + x * Math.min(1, e.value.style.chart.layout.wheel.ticks.spacingRatio3d), B = ue({ cx: t, cy: o + I, r: m, aRad: W, ax: h, f: k }), Z = ue({ cx: t, cy: o + I, r: m, aRad: G, ax: h, f: k }), K = ue({ cx: t, cy: o + I, r: A, aRad: G, ax: h, f: k }), J = ue({ cx: t, cy: o + I, r: A, aRad: W, ax: h, f: k }), ce = (B.z + Z.z + J.z + K.z) / 4, Q = ($ ? $(g) : !0) ? e.value.style.chart.layout.wheel.ticks.gradient.show ? te(
+        const W = d * Math.PI / 180 + x * g, G = W + x * Math.min(
+          1,
+          e.value.style.chart.layout.wheel.ticks.spacingRatio3d
+        ), B = ue({
+          cx: t,
+          cy: o + I,
+          r: m,
+          aRad: W,
+          ax: h,
+          f: k
+        }), Z = ue({
+          cx: t,
+          cy: o + I,
+          r: m,
+          aRad: G,
+          ax: h,
+          f: k
+        }), K = ue({
+          cx: t,
+          cy: o + I,
+          r: A,
+          aRad: G,
+          ax: h,
+          f: k
+        }), J = ue({
+          cx: t,
+          cy: o + I,
+          r: A,
+          aRad: W,
+          ax: h,
+          f: k
+        }), ce = (B.z + Z.z + J.z + K.z) / 4, Q = ($ ? $(g) : !0) ? e.value.style.chart.layout.wheel.ticks.gradient.show ? te(
           e.value.style.chart.layout.wheel.ticks.activeColor,
           g * (100 / i) / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)
         ) : f : M, be = (() => {
@@ -304,28 +386,62 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       let o = e.value.style.chart.animation.speed;
       const a = Math.abs(t - y.value) / (o * 120);
       function l() {
-        y.value < t ? y.value = Math.min(y.value + a, t) : y.value > t && (y.value = Math.max(y.value - a, t)), y.value !== t && requestAnimationFrame(l);
+        y.value < t ? y.value = Math.min(
+          y.value + a,
+          t
+        ) : y.value > t && (y.value = Math.max(
+          y.value - a,
+          t
+        )), y.value !== t && requestAnimationFrame(l);
       }
       l();
     }
-    const L = v(() => (e.value.debug && e.value.style.chart.layout.wheel.ticks.quantity < 12 && console.warn("VueUiWheel - The min number of ticks is 12"), e.value.debug && e.value.style.chart.layout.wheel.ticks.quantity > 200 && console.warn("VueUiWheel - The max number of ticks is 200"), Math.max(12, Math.min(e.value.style.chart.layout.wheel.ticks.quantity, 200)))), _ = v(() => 100 / L.value), Ye = v(() => {
+    const L = v(() => (e.value.debug && e.value.style.chart.layout.wheel.ticks.quantity < 12 && console.warn("VueUiWheel - The min number of ticks is 12"), e.value.debug && e.value.style.chart.layout.wheel.ticks.quantity > 200 && console.warn("VueUiWheel - The max number of ticks is 200"), Math.max(
+      12,
+      Math.min(
+        e.value.style.chart.layout.wheel.ticks.quantity,
+        200
+      )
+    ))), _ = v(() => 100 / L.value), Ye = v(() => {
       const t = [];
       for (let o = 0; o < L.value; o += 1) {
-        const a = y.value > o * _.value ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: l, y: i } = Xe(u.value.size / L.value * o), { x: d, y: C } = Xe(u.value.size / L.value * o, e.value.style.chart.layout.wheel.ticks.sizeRatio);
+        const a = y.value > o * _.value ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: l, y: i } = Xe(
+          u.value.size / L.value * o
+        ), { x: d, y: C } = Xe(
+          u.value.size / L.value * o,
+          e.value.style.chart.layout.wheel.ticks.sizeRatio
+        );
         t.push({
           x1: l,
           y1: i,
           x2: d,
           y2: C,
-          color: e.value.style.chart.layout.wheel.ticks.gradient.show ? te(a, o * _.value / L.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : a
+          color: e.value.style.chart.layout.wheel.ticks.gradient.show ? te(
+            a,
+            o * _.value / L.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)
+          ) : a
         });
       }
       return t;
-    }), bt = v(() => aa({ series: Ye.value.map((t) => ({
-      name: "",
-      value: 1,
-      color: t.color
-    })) }, c.value.centerX, c.value.centerY, c.value.radius, c.value.radius, 1.99999, 2, 1, 360, 105.25, c.value.radius * (1 - e.value.style.chart.layout.wheel.ticks.sizeRatio))), ie = b(!1);
+    }), bt = v(() => aa(
+      {
+        series: Ye.value.map((t) => ({
+          name: "",
+          value: 1,
+          color: t.color
+        }))
+      },
+      c.value.centerX,
+      c.value.centerY,
+      c.value.radius,
+      c.value.radius,
+      1.99999,
+      2,
+      1,
+      360,
+      105.25,
+      c.value.radius * (1 - e.value.style.chart.layout.wheel.ticks.sizeRatio)
+    )), ie = b(!1);
     function Ve(t) {
       ie.value = t, Se.value += 1;
     }
@@ -335,7 +451,12 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     }
     async function Ct({ scale: t = 2 } = {}) {
       if (!j.value) return;
-      const { width: o, height: a } = j.value.getBoundingClientRect(), l = o / a, { imageUri: i, base64: d } = await ga({ domElement: j.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = j.value.getBoundingClientRect(), l = o / a, { imageUri: i, base64: d } = await ga({
+        domElement: j.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: i,
         base64: d,
@@ -345,7 +466,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         aspectRatio: l
       };
     }
-    const xt = v(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2), Mt = v(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2 * 0.75), $t = v(() => e.value.style.chart.layout.wheel.ticks.strokeWidth), V = v(() => Math.max(1, Math.min(20, e.value.style.chart.layout.wheel.ticks.depth3d))), At = v(() => e.value.style.chart.backgroundColor), It = v(() => e.value.style.chart.title), { exportSvg: St, getSvg: Pt } = ha({
+    const xt = v(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2), Mt = v(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2 * 0.75), $t = v(() => e.value.style.chart.layout.wheel.ticks.strokeWidth), V = v(() => Math.max(
+      1,
+      Math.min(20, e.value.style.chart.layout.wheel.ticks.depth3d)
+    )), At = v(() => e.value.style.chart.backgroundColor), It = v(() => e.value.style.chart.title), { exportSvg: St, getSvg: Pt } = ha({
       svg: ye,
       title: It,
       backgroundColor: At,
@@ -356,7 +480,14 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       try {
         if (t) {
           const { blob: o, url: a, text: l, dataUrl: i } = await Pt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: o, url: a, text: l, dataUrl: i }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: o,
+              url: a,
+              text: l,
+              dataUrl: i
+            })
+          );
         } else
           await Promise.resolve(St());
       } finally {
@@ -379,13 +510,17 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         config: e.value,
         dataset: E.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: E.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: E.value
+        })
+      );
     }
     const qe = v(() => `${H.value}-title`), Ze = v(() => `${H.value}-desc`), we = v(() => la(
       e.value.style.chart.layout.percentage.formatter,
@@ -405,7 +540,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       toggleFullscreen: Ve,
       copyAlt: He
     }), (t, o) => (s(), n("div", {
-      class: F(["vue-ui-wheel", { "vue-data-ui-component": !0, "vue-ui-wheel-3d-wrap": e.value.layout === "3d" }]),
+      class: F(["vue-ui-wheel", {
+        "vue-data-ui-component": !0,
+        "vue-ui-wheel-3d-wrap": e.value.layout === "3d"
+      }]),
       ref_key: "wheelChart",
       ref: j,
       id: H.value,
@@ -557,7 +695,11 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         ref_key: "svgRef",
         ref: ye,
         xmlns: r(sa),
-        class: F({ "vue-data-ui-fullscreen--on": ie.value, "vue-data-ui-fulscreen--off": !ie.value, "vue-ui-wheel-3d-svg": e.value.layout === "3d" }),
+        class: F({
+          "vue-data-ui-fullscreen--on": ie.value,
+          "vue-data-ui-fulscreen--off": !ie.value,
+          "vue-ui-wheel-3d-svg": e.value.layout === "3d"
+        }),
         viewBox: e.value.layout === "3d" && !e.value.responsive ? `${U.value?.x - 10} ${U.value?.y ?? 0} ${U.value?.w + 20} ${U.value?.h ?? Math.max(10, u.value.height)}` : `0 0 ${Math.max(10, u.value.width)} ${Math.max(10, u.value.height)}`,
         style: Me(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
         role: "img",
@@ -591,7 +733,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
           class: "vue-ui-wheel-inner-circle",
           cx: c.value.centerX,
           cy: c.value.centerY,
-          r: Math.max(0, c.value.radius * e.value.style.chart.layout.innerCircle.radiusRatio * 0.8),
+          r: Math.max(
+            0,
+            c.value.radius * e.value.style.chart.layout.innerCircle.radiusRatio * 0.8
+          ),
           stroke: e.value.style.chart.layout.innerCircle.stroke,
           "stroke-width": e.value.style.chart.layout.innerCircle.strokeWidth,
           fill: "none"
@@ -608,7 +753,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
                 stroke: r(at)(l.color, 0.25 * a / 5),
                 "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(u.value.width, u.value.height),
                 "stroke-linecap": e.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
-                class: F({ "vue-ui-wheel-tick": !0, "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && l.i * _.value <= y.value })
+                class: F({
+                  "vue-ui-wheel-tick": !0,
+                  "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && l.i * _.value <= y.value
+                })
               }, null, 10, Pa))), 128))
             ]))), 256)),
             (s(!0), n(P, null, X(Le.value || [], (a) => (s(), n("line", {
@@ -620,7 +768,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
               stroke: a.color,
               "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(u.value.width, u.value.height),
               "stroke-linecap": e.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
-              class: F({ "vue-ui-wheel-tick": !0, "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && a.i * _.value <= y.value })
+              class: F({
+                "vue-ui-wheel-tick": !0,
+                "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && a.i * _.value <= y.value
+              })
             }, null, 10, _a))), 128))
           ])) : (s(), n("g", Oa, [
             (s(!0), n(P, null, X(V.value, (a) => (s(), n("g", null, [
@@ -642,7 +793,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
                 "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: F({ "vue-ui-wheel-tick": !0, "vue-ui-tick-animated-3d": e.value.style.chart.animation.use && !r(T) && l.i * _.value <= y.value })
+                class: F({
+                  "vue-ui-wheel-tick": !0,
+                  "vue-ui-tick-animated-3d": e.value.style.chart.animation.use && !r(T) && l.i * _.value <= y.value
+                })
               }, null, 10, za))), 128))
             ]))), 256)),
             $e("g", null, [
@@ -654,7 +808,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
                 "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                class: F({ "vue-ui-wheel-tick": !0, "vue-ui-tick-animated-3d": e.value.style.chart.animation.use && !r(T) && a.i * _.value <= y.value })
+                class: F({
+                  "vue-ui-wheel-tick": !0,
+                  "vue-ui-tick-animated-3d": e.value.style.chart.animation.use && !r(T) && a.i * _.value <= y.value
+                })
               }, null, 10, Ta))), 128))
             ])
           ]))
@@ -667,11 +824,17 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
             stroke: a.color,
             "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(u.value.width, u.value.height),
             "stroke-linecap": e.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
-            class: F({ "vue-ui-wheel-tick": !0, "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && l * _.value <= y.value })
+            class: F({
+              "vue-ui-wheel-tick": !0,
+              "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && l * _.value <= y.value
+            })
           }, null, 10, Da))), 256)) : (s(!0), n(P, { key: 1 }, X(bt.value, (a, l) => (s(), n("path", {
             d: a.arcSlice,
             fill: a.color,
-            class: F({ "vue-ui-wheel-tick": !0, "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && l * _.value <= y.value }),
+            class: F({
+              "vue-ui-wheel-tick": !0,
+              "vue-ui-tick-animated": e.value.style.chart.animation.use && !r(T) && l * _.value <= y.value
+            }),
             stroke: e.value.style.chart.layout.wheel.ticks.stroke,
             "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth
           }, null, 10, Wa))), 256))
@@ -696,7 +859,10 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
             x: c.value.centerX + e.value.style.chart.layout.percentage.offsetX,
             y: c.value.centerY + q.value / 3 + e.value.style.chart.layout.percentage.offsetY,
             "font-size": q.value,
-            fill: e.value.style.chart.layout.wheel.ticks.gradient.show ? r(te)(e.value.style.chart.layout.wheel.ticks.activeColor, y.value / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.wheel.ticks.activeColor,
+            fill: e.value.style.chart.layout.wheel.ticks.gradient.show ? r(te)(
+              e.value.style.chart.layout.wheel.ticks.activeColor,
+              y.value / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)
+            ) : e.value.style.chart.layout.wheel.ticks.activeColor,
             "text-anchor": "middle",
             "font-weight": e.value.style.chart.layout.percentage.bold ? "bold" : "normal",
             style: { "font-variant-numeric": "tabluar-nums" },
@@ -705,7 +871,9 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "paint-order": "stroke fill",
-            class: F({ "vue-ui-wheel-label": e.value.layout === "3d" })
+            class: F({
+              "vue-ui-wheel-label": e.value.layout === "3d"
+            })
           }, Ae(we.value), 11, Na))
         ], 8, Fa)) : z("", !0),
         p(t.$slots, "svg", {
@@ -717,7 +885,9 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         }, void 0, !0)
       ], 14, Ca)),
       t.$slots.watermark ? (s(), n("div", Ua, [
-        p(t.$slots, "watermark", O(R({ isPrinting: r(fe) || r(ge) || ae.value || le.value })), void 0, !0)
+        p(t.$slots, "watermark", O(R({
+          isPrinting: r(fe) || r(ge) || ae.value || le.value
+        })), void 0, !0)
       ])) : z("", !0),
       t.$slots.source ? (s(), n("div", {
         key: 5,
@@ -732,7 +902,7 @@ const ba = ["id"], Ca = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       ], !0)
     ], 46, ba));
   }
-}, sl = /* @__PURE__ */ wa(La, [["__scopeId", "data-v-b75ffa32"]]);
+}, sl = /* @__PURE__ */ wa(La, [["__scopeId", "data-v-a8024644"]]);
 export {
   sl as default
 };