vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-tiremarks-BvEM8AvM.js → vue-ui-tiremarks-DHV_oSQ0.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as J, computed as r, ref as c, toRefs as Ke, watch as be, onMounted as We, openBlock as i, createElementBlock as v, unref as n, normalizeStyle as Q, normalizeClass as Z, createBlock as G, withCtx as f, renderSlot as u, normalizeProps as m, guardReactiveProps as k, createCommentVNode as w, createSlots as Je, createElementVNode as Ce, toDisplayString as ee, createVNode as Qe, Fragment as we, renderList as $e, nextTick as Ze } from "vue";
-import { j as et, t as Ae, K as tt, o as at, q as ot, v as Pe, k as lt, l as nt, X as st } from "./lib-DBptbyyI.js";
+import { j as et, t as Ae, K as tt, o as at, q as ot, v as Pe, k as lt, l as nt, X as st } from "./lib-DMzrGQHK.js";
 import { t as rt, u as it } from "./useResponsive-DfdjqQps.js";
-import { u as ut } from "./useConfig-C40HvGpD.js";
-import { u as ct, B as vt } from "./BaseScanner-BhhkKVoj.js";
-import { u as dt } from "./usePrinter-CEpYU3r5.js";
-import { u as ht } from "./useSvgExport-ByUukOZt.js";
-import { u as te } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ft } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as gt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as yt } from "./usePrefersMotion-CUKm8_t8.js";
+import { u as ut } from "./useConfig-DTHxOX6V.js";
+import { u as ct, B as vt } from "./BaseScanner-BON3d_Sx.js";
+import { u as dt } from "./usePrinter-C4t8DdQ-.js";
+import { u as ht } from "./useSvgExport-BTG4hVPO.js";
+import { u as te } from "./useNestedProp-DH0BEVVS.js";
+import { u as ft } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as gt } from "./useUserOptionState-B7Ej974k.js";
+import { u as pt } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as yt } from "./usePrefersMotion-Co0nj1eS.js";
 import mt from "./vue_ui_tiremarks-DBotWfi8.js";
-import kt from "./Title-BeMKE1cj.js";
-import bt from "./img-LXxMLmCg.js";
+import kt from "./Title-BbKoiBk2.js";
+import bt from "./img-CjTQXS0U.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedby"], At = ["id"], Pt = ["id"], _t = ["width", "height"], Ot = { key: 1 }, St = ["d", "stroke-width", "stroke"], xt = { key: 2 }, It = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Tt = ["aria-label"], zt = ["x", "y", "height"], Ft = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Nt = {
   key: 4,
@@ -35,7 +35,15 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
   },
   emits: ["copyAlt"],
   setup(_e, { expose: Oe, emit: Se }) {
-    const xe = J(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ie = J(() => import("./UserOptions-rW2fRf3V.js")), Te = J(() => import("./PackageVersion-DP_kfXUM.js")), { vue_ui_tiremarks: ze } = ut(), { isThemeValid: Fe, warnInvalidTheme: Ne } = ft(), j = yt(), b = _e, Re = Se, Me = r(() => !!b.dataset && Object.keys(b.dataset).length), O = c(et()), _ = c(null), Ee = c(null), ae = c(null), oe = c(null), le = c(0), ne = c(0), S = c(null), z = c(null), F = c(!1), N = c(!1), e = c(X()), se = r(() => e.value.userOptions.useCursorPointer), De = r(() => Ae({
+    const xe = J(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Ie = J(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Te = J(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_tiremarks: ze } = ut(), { isThemeValid: Fe, warnInvalidTheme: Ne } = ft(), j = yt(), b = _e, Re = Se, Me = r(() => !!b.dataset && Object.keys(b.dataset).length), O = c(et()), _ = c(null), Ee = c(null), ae = c(null), oe = c(null), le = c(0), ne = c(0), S = c(null), z = c(null), F = c(!1), N = c(!1), e = c(X()), se = r(
+      () => e.value.userOptions.useCursorPointer
+    ), De = r(() => Ae({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -62,7 +70,9 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         defaultConfig: e.value,
         userConfig: De.value
       })
-    }), { userOptionsVisible: H, setUserOptionsVisibility: re, keepUserOptionState: ie } = gt({ config: e.value }), { svgRef: V } = pt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: H, setUserOptionsVisibility: re, keepUserOptionState: ie } = gt({ config: e.value }), { svgRef: V } = pt({
+      config: e.value.style.chart.title
+    });
     function X() {
       const t = te({
         userConfig: b.config,
@@ -80,24 +90,40 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         defaultConfig: a
       });
     }
-    be(() => b.config, (t) => {
-      e.value = X(), H.value = !e.value.userOptions.showOnChartHover, D.value = e.value.style.chart.width, L.value = e.value.style.chart.height, de(), ne.value += 1;
-    }, { deep: !0 });
+    be(
+      () => b.config,
+      (t) => {
+        e.value = X(), H.value = !e.value.userOptions.showOnChartHover, D.value = e.value.style.chart.width, L.value = e.value.style.chart.height, de(), ne.value += 1;
+      },
+      { deep: !0 }
+    );
     const { isPrinting: q, isImaging: Y, generatePdf: ue, generateImage: ce } = dt({
       elementId: O.value,
       fileName: e.value.style.chart.title.text || "vue-ui-tiremarks",
       options: e.value.userOptions.print
-    }), Le = r(() => e.value.userOptions.show && !e.value.style.chart.title.text), d = c(e.value.style.chart.animation.use && !j.value ? 0 : tt(x.value.percentage));
-    be(() => x.value, (t) => {
-      e.value.style.chart.animation.use && !j.value ? ve(t.percentage) : d.value = t.percentage || 0;
-    }, { deep: !0 }), We(() => {
+    }), Le = r(() => e.value.userOptions.show && !e.value.style.chart.title.text), d = c(
+      e.value.style.chart.animation.use && !j.value ? 0 : tt(x.value.percentage)
+    );
+    be(
+      () => x.value,
+      (t) => {
+        e.value.style.chart.animation.use && !j.value ? ve(t.percentage) : d.value = t.percentage || 0;
+      },
+      { deep: !0 }
+    ), We(() => {
       de();
     });
     function ve(t) {
       let o = e.value.style.chart.animation.speed;
       const a = Math.abs(t - d.value) / (o * 120);
       function l() {
-        d.value < t ? d.value = Math.min(d.value + a, t) : d.value > t && (d.value = Math.max(d.value - a, t)), d.value !== t && requestAnimationFrame(l);
+        d.value < t ? d.value = Math.min(
+          d.value + a,
+          t
+        ) : d.value > t && (d.value = Math.max(
+          d.value - a,
+          t
+        )), d.value !== t && requestAnimationFrame(l);
       }
       l();
     }
@@ -161,7 +187,10 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     }), fe = r(() => {
       const t = [];
       for (let a = 0; a < 100; a += 1) {
-        const l = e.value.style.chart.layout.ticks.gradient.show ? Pe(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
+        const l = e.value.style.chart.layout.ticks.gradient.show ? Pe(
+          e.value.style.chart.layout.activeColor,
+          a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)
+        ) : e.value.style.chart.layout.activeColor;
         if (M.value) {
           const C = e.value.style.chart.layout.crescendo ? (100 - a) * (s.value.width - h.value.left - h.value.right) / 100 / 3 : 0, p = h.value.left + 4 + C, $ = s.value.width - h.value.right - 4 - C, A = s.value.height - h.value.bottom - a * g.value.mark - a * g.value.space - g.value.mark, P = s.value.height - h.value.bottom - a * g.value.mark - a * g.value.space - g.value.mark, I = ($ - p) / e.value.style.chart.layout.curveAngleX, T = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
@@ -206,7 +235,12 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
     }
     async function Be({ scale: t = 2 } = {}) {
       if (!_.value) return;
-      const { width: o, height: a } = _.value.getBoundingClientRect(), l = o / a, { imageUri: C, base64: p } = await bt({ domElement: _.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = _.value.getBoundingClientRect(), l = o / a, { imageUri: C, base64: p } = await bt({
+        domElement: _.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: C,
         base64: p,
@@ -226,7 +260,14 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       try {
         if (t) {
           const { blob: o, url: a, text: l, dataUrl: C } = await Ve();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: o, url: a, text: l, dataUrl: C }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: o,
+              url: a,
+              text: l,
+              dataUrl: C
+            })
+          );
         } else
           await Promise.resolve(He());
       } finally {
@@ -249,13 +290,17 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         config: e.value,
         dataset: x.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: x.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: x.value
+        })
+      );
     }
     const me = r(() => `${O.value}-title`), ke = r(() => `${O.value}-desc`), W = r(() => lt(
       e.value.style.chart.percentage.formatter,
@@ -426,7 +471,10 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         ref_key: "svgRef",
         ref: V,
         xmlns: n(st),
-        class: Z({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
+        class: Z({
+          "vue-data-ui-fullscreen--on": U.value,
+          "vue-data-ui-fulscreen--off": !U.value
+        }),
         viewBox: `0 0 ${D.value} ${L.value}`,
         style: Q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
         role: "img",
@@ -455,7 +503,9 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
             stroke: d.value >= l ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round",
             fill: "none",
-            class: Z({ "vue-ui-tick-animated": e.value.style.chart.animation.use && !n(j) && l <= d.value })
+            class: Z({
+              "vue-ui-tick-animated": e.value.style.chart.animation.use && !n(j) && l <= d.value
+            })
           }, null, 10, St))), 256))
         ])) : (i(), v("g", xt, [
           (i(!0), v(we, null, $e(fe.value, (a, l) => (i(), v("line", {
@@ -488,7 +538,10 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
             x: y.value.x,
             y: y.value.y,
             "font-size": y.value.fontSize,
-            fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? n(Pe)(e.value.style.chart.layout.activeColor, d.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
+            fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? n(Pe)(
+              e.value.style.chart.layout.activeColor,
+              d.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)
+            ) : e.value.style.chart.percentage.color,
             "font-weight": y.value.bold ? "bold" : "normal",
             "text-anchor": y.value.textAnchor
           }, ee(W.value), 9, Ft))
@@ -502,7 +555,9 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
         }, void 0, !0)
       ], 14, $t)),
       t.$slots.watermark ? (i(), v("div", Nt, [
-        u(t.$slots, "watermark", m(k({ isPrinting: n(q) || n(Y) || F.value || N.value })), void 0, !0)
+        u(t.$slots, "watermark", m(k({
+          isPrinting: n(q) || n(Y) || F.value || N.value
+        })), void 0, !0)
       ])) : w("", !0),
       t.$slots.source ? (i(), v("div", {
         key: 5,
@@ -517,7 +572,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
       ], !0)
     ], 46, wt));
   }
-}, Qt = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-ed01b8e6"]]);
+}, Qt = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-38f75655"]]);
 export {
   Qt as default
 };