vue-data-ui 2.16.6 → 2.17.0

package/dist/{vue-ui-timer-Bes74INL.js → vue-ui-timer-DUCBRIl-.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as F, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
-import { u as ne } from "./useNestedProp-DrYHm61t.js";
-import { u as ce, c as ve, X as de, E as X } from "./index-DvIXJm6t.js";
+import { u as ne } from "./useNestedProp-DjACxgdZ.js";
+import { u as ce, c as ve, X as de, E as X } from "./index-pPGk-uhD.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-Gi81VwUM.js";
-import R from "./BaseIcon-Bn996RXm.js";
+import we from "./Title-B-2bV0SW.js";
+import R from "./BaseIcon-naqtCxVi.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
   constructor(L, E, S, N = !0, A = !0) {
@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: E }) {
-    const S = se(() => import("./PackageVersion-Bg_9KCU-.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-5TR4ocqp.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });

package/dist/{vue-ui-tiremarks-DiLS3akQ.js → vue-ui-tiremarks-CRt4UQZD.js}

@@ -1,22 +1,23 @@
-import { defineAsyncComponent as F, computed as h, ref as b, watch as ee, onMounted as pe, createElementBlock as c, openBlock as n, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as S, createCommentVNode as d, createSlots as ge, withCtx as P, renderSlot as g, normalizeProps as z, guardReactiveProps as N, createVNode as ye, Fragment as te, renderList as ae, toDisplayString as me } from "vue";
-import { u as oe } from "./useNestedProp-DrYHm61t.js";
-import { u as ke, c as be, a as Ce, v as _e, o as $e, e as we, w as le, X as Oe, i as Pe, f as xe } from "./index-DvIXJm6t.js";
-import { u as Ae } from "./usePrinter-CWnXbGMb.js";
-import { u as Ie } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Fe } from "./useChartAccessibility-9icAAmYg.js";
-import Se from "./Title-Gi81VwUM.js";
-import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ne = ["id"], Me = {
+import { defineAsyncComponent as S, computed as h, ref as b, watch as te, onMounted as ge, createElementBlock as c, openBlock as r, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as z, createCommentVNode as d, createSlots as me, withCtx as P, renderSlot as g, normalizeProps as N, guardReactiveProps as M, createVNode as ye, Fragment as ae, renderList as oe, toDisplayString as ke } from "vue";
+import { u as le } from "./useNestedProp-DjACxgdZ.js";
+import { u as be, c as Ce, a as _e, v as $e, o as we, e as Oe, w as se, X as Pe, i as xe, f as Ae } from "./index-pPGk-uhD.js";
+import { u as Ie } from "./usePrinter-DDHcrl0A.js";
+import { u as Fe } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Se } from "./useChartAccessibility-9icAAmYg.js";
+import ze from "./Title-B-2bV0SW.js";
+import Ne from "./img-Y_hYz-ZC.js";
+import { _ as Me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Te = ["id"], Ue = {
   key: 2,
   style: "width:100%;background:transparent;padding-bottom:12px"
-}, Te = ["xmlns", "viewBox"], Ue = ["width", "height"], Ge = { key: 1 }, Le = ["d", "stroke-width", "stroke"], je = { key: 2 }, Ee = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Re = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Be = {
+}, Ee = ["xmlns", "viewBox"], Ge = ["width", "height"], Le = { key: 1 }, je = ["d", "stroke-width", "stroke"], Re = { key: 2 }, Be = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Xe = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], De = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Xe = {
+}, He = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, De = {
+}, Ve = {
   __name: "vue-ui-tiremarks",
   props: {
     config: {
@@ -32,46 +33,46 @@ const Ne = ["id"], Me = {
       }
     }
   },
-  setup(se, { expose: ne }) {
-    const re = F(() => import("./PenAndPaper-BPTpbnay.js")), ue = F(() => import("./vue-ui-skeleton-BAOt2neL.js")), ie = F(() => import("./UserOptions-CBEK6_jo.js")), ce = F(() => import("./PackageVersion-Bg_9KCU-.js")), { vue_ui_tiremarks: ve } = ke(), f = se, M = h(() => !!f.dataset && Object.keys(f.dataset).length), T = b(be()), E = b(null), he = b(null), R = b(0), B = b(0), e = h({
+  setup(ne, { expose: re }) {
+    const ue = S(() => import("./PenAndPaper-D6AqipIO.js")), ie = S(() => import("./vue-ui-skeleton-DJPjyNYn.js")), ce = S(() => import("./UserOptions-Dd34lEKb.js")), ve = S(() => import("./PackageVersion-5TR4ocqp.js")), { vue_ui_tiremarks: he } = be(), f = ne, T = h(() => !!f.dataset && Object.keys(f.dataset).length), U = b(Ce()), x = b(null), de = b(null), R = b(0), B = b(0), e = h({
       get: () => V(),
       set: (t) => t
-    }), { userOptionsVisible: U, setUserOptionsVisibility: X, keepUserOptionState: D } = Ie({ config: e.value }), { svgRef: H } = Fe({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: E, setUserOptionsVisibility: X, keepUserOptionState: D } = Fe({ config: e.value }), { svgRef: H } = Se({ config: e.value.style.chart.title });
     function V() {
-      const t = oe({
+      const t = le({
         userConfig: f.config,
-        defaultConfig: ve
+        defaultConfig: he
       });
       return t.theme ? {
-        ...oe({
-          userConfig: Ce.vue_ui_tiremarks[t.theme] || f.config,
+        ...le({
+          userConfig: _e.vue_ui_tiremarks[t.theme] || f.config,
           defaultConfig: t
         })
       } : t;
     }
-    ee(() => f.config, (t) => {
-      e.value = V(), U.value = !e.value.userOptions.showOnChartHover, W(), B.value += 1;
+    te(() => f.config, (t) => {
+      e.value = V(), E.value = !e.value.userOptions.showOnChartHover, W(), B.value += 1;
     }, { deep: !0 });
-    const { isPrinting: Y, isImaging: q, generatePdf: J, generateImage: K } = Ae({
-      elementId: T.value,
+    const { isPrinting: Y, isImaging: q, generatePdf: J, generateImage: K } = Ie({
+      elementId: U.value,
       fileName: e.value.style.chart.title.text || "vue-ui-tiremarks",
       options: e.value.userOptions.print
-    }), de = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), u = b(e.value.style.chart.animation.use ? 0 : _e(f.dataset.percentage));
-    ee(() => f.dataset, (t) => {
+    }), fe = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), u = b(e.value.style.chart.animation.use ? 0 : $e(f.dataset.percentage));
+    te(() => f.dataset, (t) => {
       e.value.style.chart.animation.use ? Q(t.percentage) : u.value = t.percentage || 0;
-    }, { deep: !0 }), pe(() => {
+    }, { deep: !0 }), ge(() => {
       W();
     });
     function Q(t) {
-      let r = e.value.style.chart.animation.speed;
-      const a = Math.abs(t - u.value) / (r * 120);
+      let n = e.value.style.chart.animation.speed;
+      const a = Math.abs(t - u.value) / (n * 120);
       function s() {
         u.value < t ? u.value = Math.min(u.value + a, t) : u.value > t && (u.value = Math.max(u.value - a, t)), u.value !== t && requestAnimationFrame(s);
       }
       s();
     }
     function W() {
-      $e(f.dataset) && we({
+      we(f.dataset) && Oe({
         componentName: "VueUiTiremarks",
         type: "dataset"
       }), Q(f.dataset.percentage || 0);
@@ -94,91 +95,98 @@ const Ne = ["id"], Me = {
         left: e.value.style.chart.percentage.horizontalPosition === "left" ? t.left : 3,
         right: e.value.style.chart.percentage.horizontalPosition === "right" ? t.right : 10
       };
-    }), x = h(() => Object.values(i.value).reduce((t, r) => t + r, 0)), o = h(() => ({
+    }), A = h(() => Object.values(i.value).reduce((t, n) => t + n, 0)), o = h(() => ({
       height: C.value ? 312 : 56,
       width: C.value ? 56 : 312
     })), v = h(() => C.value ? {
-      mark: (o.value.height - x.value) / 100 * 0.5,
-      space: (o.value.height - x.value) / 100 * 0.5
+      mark: (o.value.height - A.value) / 100 * 0.5,
+      space: (o.value.height - A.value) / 100 * 0.5
     } : {
-      mark: (o.value.width - x.value) / 100 * 0.5,
-      space: (o.value.width - x.value) / 100 * 0.5
+      mark: (o.value.width - A.value) / 100 * 0.5,
+      space: (o.value.width - A.value) / 100 * 0.5
     }), Z = h(() => {
       const t = [];
       for (let a = 0; a < 100; a += 1) {
-        const s = e.value.style.chart.layout.ticks.gradient.show ? le(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
+        const s = e.value.style.chart.layout.ticks.gradient.show ? se(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (C.value) {
-          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.width - i.value.left - i.value.right) / 100 / 3 : 0, p = i.value.left + 4 + $, y = o.value.width - i.value.right - 4 - $, m = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, w = (y - p) / e.value.style.chart.layout.curveAngleX, O = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
+          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.width - i.value.left - i.value.right) / 100 / 3 : 0, p = i.value.left + 4 + $, m = o.value.width - i.value.right - 4 - $, y = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, w = (m - p) / e.value.style.chart.layout.curveAngleX, O = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
             x1: p,
-            x2: y,
-            y1: m,
+            x2: m,
+            y1: y,
             y2: k,
-            curve: `M ${p} ${m} C ${p + w} ${m - O}, ${y - w} ${k - O}, ${y} ${k}`,
+            curve: `M ${p} ${y} C ${p + w} ${y - O}, ${m - w} ${k - O}, ${m} ${k}`,
             color: s
           });
         } else {
-          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, p = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = p, m = i.value.top + 4 + $, k = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), O = (k - m) / e.value.style.chart.layout.curveAngleX;
+          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, p = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, m = p, y = i.value.top + 4 + $, k = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), O = (k - y) / e.value.style.chart.layout.curveAngleX;
           t.push({
             x1: p,
-            x2: y,
-            y1: m,
+            x2: m,
+            y1: y,
             y2: k,
-            curve: `M ${p} ${m} C ${p + w} ${m + O}, ${y + w} ${k - O}, ${y} ${k}`,
+            curve: `M ${p} ${y} C ${p + w} ${y + O}, ${m + w} ${k - O}, ${m} ${k}`,
             color: s
           });
         }
       }
       return t;
     }), _ = h(() => {
-      let t, r, a;
+      let t, n, a;
       const s = e.value.style.chart.percentage.fontSize / 3;
-      return C.value ? e.value.style.chart.percentage.verticalPosition === "top" ? (t = o.value.width / 2, r = i.value.top / 2, a = "middle") : e.value.style.chart.percentage.verticalPosition === "bottom" && (t = o.value.width / 2, r = o.value.height - i.value.bottom / 2 + s, a = "middle") : e.value.style.chart.percentage.horizontalPosition === "left" ? (t = 4, r = o.value.height / 2 + s, a = "start") : e.value.style.chart.percentage.horizontalPosition === "right" && (t = o.value.width - i.value.right + 8, r = o.value.height / 2 + s, a = "start"), {
+      return C.value ? e.value.style.chart.percentage.verticalPosition === "top" ? (t = o.value.width / 2, n = i.value.top / 2, a = "middle") : e.value.style.chart.percentage.verticalPosition === "bottom" && (t = o.value.width / 2, n = o.value.height - i.value.bottom / 2 + s, a = "middle") : e.value.style.chart.percentage.horizontalPosition === "left" ? (t = 4, n = o.value.height / 2 + s, a = "start") : e.value.style.chart.percentage.horizontalPosition === "right" && (t = o.value.width - i.value.right + 8, n = o.value.height / 2 + s, a = "start"), {
         x: t,
-        y: r,
+        y: n,
         textAnchor: a,
         bold: e.value.style.chart.percentage.bold,
         fontSize: e.value.style.chart.percentage.fontSize,
         fill: e.value.style.chart.percentage.color
       };
-    }), A = b(!1);
-    function fe(t) {
-      A.value = t, R.value += 1;
+    }), I = b(!1);
+    function ee(t) {
+      I.value = t, R.value += 1;
     }
-    const I = b(!1);
+    const F = b(!1);
     function G() {
-      I.value = !I.value;
+      F.value = !F.value;
     }
-    return ne({
+    async function pe({ scale: t = 2 } = {}) {
+      if (!x.value) return;
+      const { imageUri: n, base64: a } = await Ne({ domElement: x.value, base64: !0, img: !0, scale: t });
+      return { imageUri: n, base64: a };
+    }
+    return re({
+      getImage: pe,
       generatePdf: J,
       generateImage: K,
-      toggleAnnotator: G
-    }), (t, r) => (n(), c("div", {
+      toggleAnnotator: G,
+      toggleFullscreen: ee
+    }), (t, n) => (r(), c("div", {
       ref_key: "tiremarksChart",
-      ref: E,
+      ref: x,
       class: j(`vue-ui-tiremarks ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: L(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: T.value,
-      onMouseenter: r[0] || (r[0] = () => l(X)(!0)),
-      onMouseleave: r[1] || (r[1] = () => l(X)(!1))
+      id: U.value,
+      onMouseenter: n[0] || (n[0] = () => l(X)(!0)),
+      onMouseleave: n[1] || (n[1] = () => l(X)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), S(l(re), {
+      e.value.userOptions.buttons.annotator ? (r(), z(l(ue), {
         key: 0,
         svgRef: l(H),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: I.value,
+        active: F.value,
         onClose: G
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
-      de.value ? (n(), c("div", {
+      fe.value ? (r(), c("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: he,
+        ref: de,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : d("", !0),
-      e.value.style.chart.title.text ? (n(), c("div", Me, [
-        (n(), S(Se, {
+      e.value.style.chart.title.text ? (r(), c("div", Ue, [
+        (r(), z(ze, {
           key: `title_${B.value}`,
           config: {
             title: {
@@ -192,38 +200,38 @@ const Ne = ["id"], Me = {
           }
         }, null, 8, ["config"]))
       ])) : d("", !0),
-      e.value.userOptions.show && M.value && (l(D) || l(U)) ? (n(), S(l(ie), {
+      e.value.userOptions.show && T.value && (l(D) || l(E)) ? (r(), z(l(ce), {
         ref: "details",
         key: `user_options_${R.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: l(Y),
         isImaging: l(q),
-        uid: T.value,
+        uid: U.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasXls: !1,
-        isFullscreen: A.value,
+        isFullscreen: I.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: E.value,
+        chartElement: x.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: I.value,
+        isAnnotation: F.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: fe,
+        onToggleFullscreen: ee,
         onGeneratePdf: l(J),
         onGenerateImage: l(K),
         onToggleAnnotator: G,
         style: L({
-          visibility: l(D) ? l(U) ? "visible" : "hidden" : "visible"
+          visibility: l(D) ? l(E) ? "visible" : "hidden" : "visible"
         })
-      }, ge({ _: 2 }, [
+      }, me({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: P(({ isOpen: a, color: s }) => [
-            g(t.$slots, "menuIcon", z(N({ isOpen: a, color: s })), void 0, !0)
+            g(t.$slots, "menuIcon", N(M({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -244,29 +252,29 @@ const Ne = ["id"], Me = {
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: P(({ toggleFullscreen: a, isFullscreen: s }) => [
-            g(t.$slots, "optionFullscreen", z(N({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+            g(t.$slots, "optionFullscreen", N(M({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: P(({ toggleAnnotator: a, isAnnotator: s }) => [
-            g(t.$slots, "optionAnnotator", z(N({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+            g(t.$slots, "optionAnnotator", N(M({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
-      M.value ? (n(), c("svg", {
+      T.value ? (r(), c("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: H,
-        xmlns: l(Oe),
-        class: j({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
+        xmlns: l(Pe),
+        class: j({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: L(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ye(l(ce)),
-        t.$slots["chart-background"] ? (n(), c("foreignObject", {
+        ye(l(ve)),
+        t.$slots["chart-background"] ? (r(), c("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -277,18 +285,18 @@ const Ne = ["id"], Me = {
           }
         }, [
           g(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ue)) : d("", !0),
-        e.value.style.chart.layout.curved ? (n(), c("g", Ge, [
-          (n(!0), c(te, null, ae(Z.value, (a, s) => (n(), c("path", {
+        ], 8, Ge)) : d("", !0),
+        e.value.style.chart.layout.curved ? (r(), c("g", Le, [
+          (r(!0), c(ae, null, oe(Z.value, (a, s) => (r(), c("path", {
             d: a.curve,
             "stroke-width": v.value.mark,
             stroke: u.value >= s ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round",
             fill: "none",
             class: j({ "vue-ui-tick-animated": e.value.style.chart.animation.use && s <= u.value })
-          }, null, 10, Le))), 256))
-        ])) : (n(), c("g", je, [
-          (n(!0), c(te, null, ae(Z.value, (a, s) => (n(), c("line", {
+          }, null, 10, je))), 256))
+        ])) : (r(), c("g", Re, [
+          (r(!0), c(ae, null, oe(Z.value, (a, s) => (r(), c("line", {
             x1: a.x1,
             y1: a.y1,
             x2: a.x2,
@@ -296,34 +304,34 @@ const Ne = ["id"], Me = {
             "stroke-width": v.value.mark,
             stroke: u.value >= s ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round"
-          }, null, 8, Ee))), 256))
+          }, null, 8, Be))), 256))
         ])),
-        e.value.style.chart.percentage.show ? (n(), c("text", {
+        e.value.style.chart.percentage.show ? (r(), c("text", {
           key: 3,
           x: _.value.x,
           y: _.value.y,
           "font-size": _.value.fontSize,
-          fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? l(le)(e.value.style.chart.layout.activeColor, u.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 ? l(se)(e.value.style.chart.layout.activeColor, u.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
           "font-weight": _.value.bold ? "bold" : "normal",
           "text-anchor": _.value.textAnchor
-        }, me(l(Pe)(
+        }, ke(l(xe)(
           e.value.style.chart.percentage.formatter,
           u.value,
-          l(xe)({
+          l(Ae)({
             v: u.value,
             s: "%",
             r: e.value.style.chart.percentage.rounding
           })
-        )), 9, Re)) : d("", !0),
+        )), 9, Xe)) : d("", !0),
         g(t.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, Te)) : d("", !0),
-      t.$slots.watermark ? (n(), c("div", Be, [
-        g(t.$slots, "watermark", z(N({ isPrinting: l(Y) || l(q) })), void 0, !0)
+      ], 14, Ee)) : d("", !0),
+      t.$slots.watermark ? (r(), c("div", De, [
+        g(t.$slots, "watermark", N(M({ isPrinting: l(Y) || l(q) })), void 0, !0)
       ])) : d("", !0),
-      t.$slots.source ? (n(), c("div", Xe, [
+      t.$slots.source ? (r(), c("div", He, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      M.value ? d("", !0) : (n(), S(l(ue), {
+      T.value ? d("", !0) : (r(), z(l(ie), {
         key: 7,
         config: {
           type: "tiremarks",
@@ -335,9 +343,9 @@ const Ne = ["id"], Me = {
           }
         }
       }, null, 8, ["config"]))
-    ], 46, Ne));
+    ], 46, Te));
   }
-}, Ze = /* @__PURE__ */ ze(De, [["__scopeId", "data-v-fb5a8e7d"]]);
+}, at = /* @__PURE__ */ Me(Ve, [["__scopeId", "data-v-887474d0"]]);
 export {
-  Ze as default
+  at as default
 };