vue-data-ui 2.4.58 → 2.4.60

package/dist/{vue-ui-timer-DCA2Dkfi.js → vue-ui-timer-meFVXDUZ.js}

@@ -1,13 +1,13 @@
-import { ref as n, onMounted as Q, onBeforeUnmount as Y, computed as z, watch as Z, openBlock as l, createElementBlock as r, normalizeStyle as f, createBlock as ee, createCommentVNode as v, unref as te, createVNode as M, createElementVNode as C, mergeProps as V, renderSlot as O, normalizeProps as U, guardReactiveProps as E, toDisplayString as ae } from "vue";
-import { u as se } from "./useNestedProp-BWC_DPZ5.js";
-import { u as le, c as oe, X as re, F as W } from "./index-BSzkwF5n.js";
+import { ref as n, onMounted as Q, onBeforeUnmount as Y, computed as z, watch as Z, openBlock as l, createElementBlock as o, normalizeStyle as f, createBlock as ee, createCommentVNode as v, unref as te, createVNode as M, renderSlot as A, createElementVNode as C, mergeProps as V, normalizeProps as E, guardReactiveProps as U, toDisplayString as ae } from "vue";
+import { u as se } from "./useNestedProp-Dqsj7eUX.js";
+import { u as le, c as oe, X as re, F as W } from "./index-D7dTQAhm.js";
 import { t as ue, u as ie } from "./useResponsive-CoxXLe23.js";
-import P from "./BaseIcon-B0g_Fksl.js";
-import { _ as ne } from "./Title-1u-GspsX.js";
-import { _ as ce } from "./PackageVersion-W3d_oNMs.js";
+import P from "./BaseIcon-EWtqg17H.js";
+import { _ as ne } from "./Title-CSqO5Y62.js";
+import { _ as ce } from "./PackageVersion-BSLNI6kk.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class he {
-  constructor(A, k, T, H = !0, x = !0) {
+  constructor(H, k, T, L = !0, $ = !0) {
     this.interval = k, this.elapsed = 0, this.isPaused = !1;
     const S = `
             let interval;
@@ -73,9 +73,9 @@ class he {
                 }
             };
         `, R = new Blob([S], { type: "application/javascript" }), m = URL.createObjectURL(R), i = new Worker(m);
-    function I(c) {
+    function x(c) {
       let e = Math.floor(c / 1e3), w = Math.floor(c % 1e3 / 10), y = Math.floor(e / 3600), t = Math.floor(e % 3600 / 60), d = e % 60, u = "";
-      return x && (u += String(y).padStart(2, "0") + ":"), u += String(t).padStart(2, "0") + ":", u += String(d).padStart(2, "0"), H && (u += "." + String(w).padStart(2, "0")), u;
+      return $ && (u += String(y).padStart(2, "0") + ":"), u += String(t).padStart(2, "0") + ":", u += String(d).padStart(2, "0"), L && (u += "." + String(w).padStart(2, "0")), u;
     }
     this.start = () => {
       this.isPaused = !1, i.postMessage({ action: "start", data: { interval: this.interval } });
@@ -94,7 +94,7 @@ class he {
       const e = (w) => {
         const { elapsed: y, timestamp: t, action: d } = w.data;
         if (d === "lap") {
-          const u = I(y);
+          const u = x(y);
           c({
             timestamp: t || 0,
             elapsed: y,
@@ -105,20 +105,20 @@ class he {
       i.addEventListener("message", e, { once: !0 });
     }), i.onmessage = (c) => {
       const { elapsed: e, timestamp: w } = c.data;
-      this.elapsed = e, A({
+      this.elapsed = e, H({
         timestamp: w || 0,
         elapsed: this.elapsed,
-        formatted: I(this.elapsed)
+        formatted: x(this.elapsed)
       });
     }, i.onerror = (c) => {
       T && T(c);
     };
   }
 }
-const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color"], ke = ["stop-color"], ge = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], me = ["d", "stroke", "stroke-width"], ye = ["r", "fill", "stroke", "stroke-width"], be = ["r", "fill", "stroke", "stroke-width"], _e = ["x", "y"], Me = ["x", "y", "font-size", "fill", "font-weight"], Ce = {
+const ve = ["xmlns", "viewBox"], pe = ["width", "height"], fe = { key: 1 }, we = ["id"], ke = ["stop-color"], ge = ["stop-color"], me = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ye = ["d", "stroke", "stroke-width"], be = ["r", "fill", "stroke", "stroke-width"], _e = ["r", "fill", "stroke", "stroke-width"], Me = ["x", "y"], Ce = ["x", "y", "font-size", "fill", "font-weight"], Te = {
   key: 0,
   class: "vue-ui-timer-controls"
-}, Te = ["title"], xe = ["title"], Ie = ["title"], $e = ["title"], Pe = ["title"], Se = {
+}, $e = ["title"], xe = ["title"], Ie = ["title"], Pe = ["title"], Se = ["title"], Re = {
   __name: "vue-ui-timer",
   props: {
     config: {
@@ -129,40 +129,40 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
     }
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
-  setup(G, { expose: A, emit: k }) {
-    const T = G, { vue_ui_timer: H } = le(), x = n(null), S = n(null), R = n(null), m = n(null), i = n(oe()), I = n(0);
+  setup(G, { expose: H, emit: k }) {
+    const T = G, { vue_ui_timer: L } = le(), $ = n(null), S = n(null), R = n(null), m = n(null), i = n(oe()), x = n(0);
     Q(() => {
       c();
     });
     function c() {
       if (e.value.responsive) {
         const a = ue(() => {
-          const { width: o, height: h } = ie({
-            chart: x.value,
+          const { width: r, height: h } = ie({
+            chart: $.value,
             title: e.value.style.title.text ? S.value : null,
             legend: R.value
           });
-          t.value.width = o, t.value.height = h, t.value.tracker.core = W({
-            relator: Math.min(o, h),
+          t.value.width = r, t.value.height = h, t.value.tracker.core = W({
+            relator: Math.min(r, h),
             adjuster: e.value.style.width,
             source: 6 * e.value.stopwatch.tracker.radiusRatio,
             threshold: 1,
             fallback: 1
           }), t.value.tracker.aura = W({
-            relator: Math.min(o, h),
+            relator: Math.min(r, h),
             adjuster: e.value.style.width,
             source: 12 * e.value.stopwatch.tracker.aura.radiusRatio,
             threshold: 1,
             fallback: 1
           }), t.value.label = W({
-            relator: Math.min(o, h),
+            relator: Math.min(r, h),
             adjuster: e.value.style.width,
             source: e.value.stopwatch.label.fontSize,
             threshold: 10,
             fallback: 10
           });
         });
-        m.value = new ResizeObserver(a), m.value.observe(x.value.parentNode);
+        m.value = new ResizeObserver(a), m.value.observe($.value.parentNode);
       }
     }
     Y(() => {
@@ -175,11 +175,11 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
     function w() {
       return se({
         userConfig: T.config,
-        defaultConfig: H
+        defaultConfig: L
       });
     }
     Z(() => T.config, (a) => {
-      e.value = w(), c(), I.value += 1;
+      e.value = w(), c(), x.value += 1;
     }, { deep: !0 });
     const y = z(() => {
       if (e.value.stopwatch.showHours && e.value.stopwatch.showHundredth)
@@ -205,16 +205,16 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
       e.value.stopwatch.showHundredth,
       e.value.stopwatch.showHours
     ), D = n(!0), s = n(!1), p = n(!1);
-    function L() {
+    function N() {
       k("start"), D.value && u.start(), D.value = !1, s.value = !0;
     }
-    function N() {
+    function j() {
       s.value && (k("reset"), u.stop(), b.value = [], D.value = !0, s.value = !1);
     }
     function B() {
       p.value = !p.value, k("pause", d.value), u.pause();
     }
-    function j() {
+    function O() {
       s.value && (p.value = !1, k("restart"), b.value = [], u.restart());
     }
     const b = n([]);
@@ -223,36 +223,36 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
       const a = await u.lap();
       a && (b.value.push(a), k("lap", b.value));
     }
-    function X({ timestamp: a, elapsed: o, formatted: h }) {
-      d.value = { timestamp: a, elapsed: o, formatted: h };
+    function X({ timestamp: a, elapsed: r, formatted: h }) {
+      d.value = { timestamp: a, elapsed: r, formatted: h };
     }
     const g = z(() => Math.min(t.value.width, t.value.height) / 2.5 * e.value.stopwatch.track.radiusRatio);
-    function q(a, o) {
-      const $ = 360 / (o * 1e3);
-      return a * $ % 360;
+    function q(a, r) {
+      const I = 360 / (r * 1e3);
+      return a * I % 360;
     }
     function J(a) {
-      let o = a * (Math.PI / 180), h = t.value.width / 2 + g.value * Math.cos(o), $ = t.value.height / 2 + g.value * Math.sin(o);
-      return { cx: h, cy: $ };
+      let r = a * (Math.PI / 180), h = t.value.width / 2 + g.value * Math.cos(r), I = t.value.height / 2 + g.value * Math.sin(r);
+      return { cx: h, cy: I };
     }
     const _ = z(() => {
-      const a = q(d.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: o, cy: h } = J(a - 90), $ = a > 180 ? 1 : 0;
+      const a = q(d.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: r, cy: h } = J(a - 90), I = a > 180 ? 1 : 0;
       return {
-        cx: o || t.value.width / 2,
+        cx: r || t.value.width / 2,
         cy: h || t.value.height / 2 - g.value,
-        largeArcFlag: $,
+        largeArcFlag: I,
         sweepFlag: 1
       };
     });
-    return A({
-      start: L,
+    return H({
+      start: N,
       pause: B,
-      reset: N,
-      restart: j,
+      reset: j,
+      restart: O,
       lap: F
-    }), (a, o) => (l(), r("div", {
+    }), (a, r) => (l(), o("div", {
       ref_key: "timerChart",
-      ref: x,
+      ref: $,
       class: "vue-ui-timer",
       style: f({
         fontFamily: e.value.style.fontFamily,
@@ -261,7 +261,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
         textAlign: "center"
       })
     }, [
-      e.value.style.title.text ? (l(), r("div", {
+      e.value.style.title.text ? (l(), o("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: S,
@@ -271,7 +271,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
         })
       }, [
         (l(), ee(ne, {
-          key: `title_${I.value}`,
+          key: `title_${x.value}`,
           config: {
             title: {
               cy: "title",
@@ -284,7 +284,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
           }
         }, null, 8, ["config"]))
       ], 4)) : v("", !0),
-      (l(), r("svg", {
+      (l(), o("svg", {
         xmlns: te(re),
         viewBox: `0 0 ${t.value.width <= 0 ? 10 : t.value.width} ${t.value.height <= 0 ? 10 : t.value.height}`,
         style: f({
@@ -294,7 +294,19 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
         })
       }, [
         M(ce),
-        e.value.stopwatch.tracker.gradient.show ? (l(), r("defs", pe, [
+        a.$slots["chart-background"] ? (l(), o("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: t.value.width <= 0 ? 10 : t.value.width,
+          height: t.value.height <= 0 ? 10 : t.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          A(a.$slots, "chart-background", {}, void 0, !0)
+        ], 8, pe)) : v("", !0),
+        e.value.stopwatch.tracker.gradient.show ? (l(), o("defs", fe, [
           C("radialGradient", {
             id: `tracker_gradient_${i.value}`,
             cx: "50%",
@@ -306,12 +318,12 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
             C("stop", {
               offset: "0%",
               "stop-color": e.value.stopwatch.tracker.gradient.color
-            }, null, 8, we),
+            }, null, 8, ke),
             C("stop", {
               offset: "100%",
               "stop-color": e.value.stopwatch.tracker.fill
-            }, null, 8, ke)
-          ], 8, fe)
+            }, null, 8, ge)
+          ], 8, we)
         ])) : v("", !0),
         C("circle", {
           cx: t.value.width / 2,
@@ -320,38 +332,38 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
           fill: e.value.stopwatch.track.fill,
           stroke: e.value.stopwatch.track.stroke,
           "stroke-width": e.value.stopwatch.track.strokeWidth
-        }, null, 8, ge),
-        e.value.stopwatch.cycleTrack.show ? (l(), r("path", {
-          key: 1,
+        }, null, 8, me),
+        e.value.stopwatch.cycleTrack.show ? (l(), o("path", {
+          key: 2,
           d: `M ${t.value.width / 2},${t.value.height / 2 - g.value} A ${g.value},${g.value} 0 ${_.value.largeArcFlag},${_.value.sweepFlag} ${_.value.cx},${_.value.cy}`,
           stroke: e.value.stopwatch.cycleTrack.stroke,
           "stroke-width": e.value.stopwatch.cycleTrack.strokeWidth,
           "stroke-linecap": "round",
           fill: "none"
-        }, null, 8, me)) : v("", !0),
+        }, null, 8, ye)) : v("", !0),
         C("circle", V(_.value, {
           r: t.value.tracker.core,
           fill: e.value.stopwatch.tracker.gradient.show ? `url(#tracker_gradient_${i.value})` : e.value.stopwatch.tracker.fill,
           stroke: e.value.stopwatch.tracker.stroke,
           "stroke-width": e.value.stopwatch.tracker.strokeWidth
-        }), null, 16, ye),
-        e.value.stopwatch.tracker.aura.show ? (l(), r("circle", V({ key: 2 }, _.value, {
+        }), null, 16, be),
+        e.value.stopwatch.tracker.aura.show ? (l(), o("circle", V({ key: 3 }, _.value, {
           r: t.value.tracker.aura,
           fill: `${e.value.stopwatch.tracker.aura.fill}20`,
           stroke: e.value.stopwatch.tracker.aura.stroke,
           "stroke-width": e.value.stopwatch.tracker.aura.strokeWidth
-        }), null, 16, be)) : v("", !0),
-        a.$slots.time ? (l(), r("foreignObject", {
-          key: 3,
+        }), null, 16, _e)) : v("", !0),
+        a.$slots.time ? (l(), o("foreignObject", {
+          key: 4,
           x: t.value.width / 2,
           y: t.value.height / 2,
           height: "0.1",
           width: "0.1",
           style: { overflow: "visible" }
         }, [
-          O(a.$slots, "time", U(E({ ...d.value })), void 0, !0)
-        ], 8, _e)) : (l(), r("text", {
-          key: 4,
+          A(a.$slots, "time", E(U({ ...d.value })), void 0, !0)
+        ], 8, Me)) : (l(), o("text", {
+          key: 5,
           x: t.value.width / 2,
           y: t.value.height / 2 + t.value.label / 4,
           "font-size": t.value.label,
@@ -359,18 +371,18 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
           fill: e.value.stopwatch.label.color,
           "font-weight": e.value.stopwatch.label.bold ? "bold" : "normal",
           style: { "font-variant-numeric": "tabular-nums !important" }
-        }, ae(d.value.formatted || y.value), 9, Me))
+        }, ae(d.value.formatted || y.value), 9, Ce))
       ], 12, ve)),
       C("div", {
         ref_key: "chartLegend",
         ref: R,
         style: f({ width: "100%", backgroundColor: e.value.stopwatch.legend.backgroundColor })
       }, [
-        a.$slots.controls ? v("", !0) : (l(), r("div", Ce, [
-          e.value.stopwatch.legend.buttons.start ? (l(), r("button", {
+        a.$slots.controls ? v("", !0) : (l(), o("div", Te, [
+          e.value.stopwatch.legend.buttons.start ? (l(), o("button", {
             key: 0,
             title: e.value.stopwatch.legend.buttonTitles.start,
-            onClick: L,
+            onClick: N,
             class: "vue-ui-timer-button",
             style: f({
               opacity: s.value ? 0.2 : 1,
@@ -381,8 +393,8 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               name: "play",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Te)) : v("", !0),
-          e.value.stopwatch.legend.buttons.pause ? (l(), r("button", {
+          ], 12, $e)) : v("", !0),
+          e.value.stopwatch.legend.buttons.pause ? (l(), o("button", {
             key: 1,
             title: p.value ? e.value.stopwatch.legend.buttonTitles.resume : e.value.stopwatch.legend.buttonTitles.pause,
             onClick: B,
@@ -397,10 +409,10 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
           ], 12, xe)) : v("", !0),
-          e.value.stopwatch.legend.buttons.reset ? (l(), r("button", {
+          e.value.stopwatch.legend.buttons.reset ? (l(), o("button", {
             key: 2,
             title: e.value.stopwatch.legend.buttonTitles.reset,
-            onClick: N,
+            onClick: j,
             class: "vue-ui-timer-button",
             style: f({
               opacity: s.value ? 1 : 0.2,
@@ -412,10 +424,10 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
           ], 12, Ie)) : v("", !0),
-          e.value.stopwatch.legend.buttons.restart ? (l(), r("button", {
+          e.value.stopwatch.legend.buttons.restart ? (l(), o("button", {
             key: 3,
             title: e.value.stopwatch.legend.buttonTitles.restart,
-            onClick: j,
+            onClick: O,
             class: "vue-ui-timer-button",
             style: f({
               opacity: s.value ? 1 : 0.2,
@@ -426,8 +438,8 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               name: "restart",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, $e)) : v("", !0),
-          e.value.stopwatch.legend.buttons.lap ? (l(), r("button", {
+          ], 12, Pe)) : v("", !0),
+          e.value.stopwatch.legend.buttons.lap ? (l(), o("button", {
             key: 4,
             title: e.value.stopwatch.legend.buttonTitles.lap,
             onClick: F,
@@ -441,20 +453,20 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               name: "lap",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Pe)) : v("", !0)
+          ], 12, Se)) : v("", !0)
         ])),
-        O(a.$slots, "controls", U(E({
-          start: L,
+        A(a.$slots, "controls", E(U({
+          start: N,
           pause: B,
-          reset: N,
-          restart: j,
+          reset: j,
+          restart: O,
           lap: F,
           laps: b.value,
           isRunning: s.value,
           isPaused: p.value,
           ...d.value
         })), void 0, !0),
-        O(a.$slots, "laps", U(E({
+        A(a.$slots, "laps", E(U({
           laps: b.value,
           lap: F,
           isRunning: s.value,
@@ -464,7 +476,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
       ], 4)
     ], 4));
   }
-}, Be = /* @__PURE__ */ de(Se, [["__scopeId", "data-v-8609e7e7"]]);
+}, Be = /* @__PURE__ */ de(Re, [["__scopeId", "data-v-b9d21393"]]);
 export {
   Be as default
 };

package/dist/vue-ui-tiremarks-CRKQklZh.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-BxCE3J3Z.cjs"),c=require("./index-CgZGelSi.cjs"),J=require("./Title-DjAOcuWO.cjs"),j=require("./usePrinter-sTw1FdN_.cjs"),K=require("./vue-ui-skeleton-m4l9jfqA.cjs"),Q=require("./PackageVersion-B_1OHk5A.cjs"),W=require("./PenAndPaper-DhXsAnuf.cjs"),Z=require("./useUserOptionState-BgepsfED.cjs"),ee=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),te=["id"],oe={key:2,style:"width:100%;background:transparent;padding-bottom:12px"},ae=["xmlns","viewBox"],le=["width","height"],re={key:1},ne=["d","stroke-width","stroke"],se={key:2},ue=["x1","y1","x2","y2","stroke-width","stroke"],ie=["x","y","font-size","fill","font-weight","text-anchor"],ce={key:5,class:"vue-data-ui-watermark"},ve={key:6,ref:"source",dir:"auto"},de={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(G,{expose:H}){const v=G,{vue_ui_tiremarks:D}=c.useConfig(),$=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),B=e.ref(c.createUid()),P=e.ref(null),R=e.ref(null),O=e.ref(0),A=e.ref(0),t=e.computed({get:()=>E(),set:o=>o}),{userOptionsVisible:x,setUserOptionsVisibility:N,keepUserOptionState:z}=Z.useUserOptionState({config:t.value});function E(){const o=L.useNestedProp({userConfig:v.config,defaultConfig:D});return o.theme?{...L.useNestedProp({userConfig:c.themes.vue_ui_tiremarks[o.theme]||v.config,defaultConfig:o})}:o}e.watch(()=>v.config,o=>{t.value=E(),x.value=!t.value.showOnChartHover,M(),A.value+=1},{deep:!0});const{isPrinting:I,isImaging:F,generatePdf:V,generateImage:q}=j.usePrinter({elementId:B.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),X=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),s=e.ref(t.value.style.chart.animation.use?0:c.checkNaN(v.dataset.percentage));e.watch(()=>v.dataset,o=>{t.value.style.chart.animation.use?T(o.percentage):s.value=o.percentage||0},{deep:!0}),e.onMounted(()=>{M()});function T(o){let n=t.value.style.chart.animation.speed;const a=Math.abs(o-s.value)/(n*120);function r(){s.value<o?s.value=Math.min(s.value+a,o):s.value>o&&(s.value=Math.max(s.value-a,o)),s.value!==o&&requestAnimationFrame(r)}r()}function M(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),T(v.dataset.percentage||0)}const f=e.computed(()=>t.value.style.chart.layout.display==="vertical"),u=e.computed(()=>{const o={top:48,left:64,right:64,bottom:48};return f.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?o.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?o.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?o.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?o.right:10}}),C=e.computed(()=>Object.values(u.value).reduce((o,n)=>o+n,0)),l=e.computed(()=>({height:f.value?312:56,width:f.value?56:312})),i=e.computed(()=>f.value?{mark:(l.value.height-C.value)/100*.5,space:(l.value.height-C.value)/100*.5}:{mark:(l.value.width-C.value)/100*.5,space:(l.value.width-C.value)/100*.5}),U=e.computed(()=>{const o=[];for(let a=0;a<100;a+=1){const r=t.value.style.chart.layout.ticks.gradient.show?c.shiftHue(t.value.style.chart.layout.activeColor,a/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(f.value){const y=t.value.style.chart.layout.crescendo?(100-a)*(l.value.width-u.value.left-u.value.right)/100/3:0,d=u.value.left+4+y,h=l.value.width-u.value.right-4-y,p=l.value.height-u.value.bottom-a*i.value.mark-a*i.value.space-i.value.mark,m=l.value.height-u.value.bottom-a*i.value.mark-a*i.value.space-i.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,b=t.value.style.chart.layout.curveAngleY*((1+a)/100);o.push({x1:d,x2:h,y1:p,y2:m,curve:`M ${d} ${p} C ${d+k} ${p-b}, ${h-k} ${m-b}, ${h} ${m}`,color:r})}else{const y=t.value.style.chart.layout.crescendo?(100-a)*(l.value.height-u.value.top-u.value.bottom)/100/3:0,d=u.value.left+a*i.value.mark+a*i.value.space-i.value.mark,h=d,p=u.value.top+4+y,m=l.value.height-u.value.bottom-4-y,k=t.value.style.chart.layout.curveAngleY*((1+a)/100),b=(m-p)/t.value.style.chart.layout.curveAngleX;o.push({x1:d,x2:h,y1:p,y2:m,curve:`M ${d} ${p} C ${d+k} ${p+b}, ${h+k} ${m-b}, ${h} ${m}`,color:r})}}return o}),g=e.computed(()=>{let o,n,a;const r=t.value.style.chart.percentage.fontSize/3;return f.value?t.value.style.chart.percentage.verticalPosition==="top"?(o=l.value.width/2,n=u.value.top/2,a="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(o=l.value.width/2,n=l.value.height-u.value.bottom/2+r,a="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(o=4,n=l.value.height/2+r,a="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(o=l.value.width-u.value.right+8,n=l.value.height/2+r,a="start"),{x:o,y:n,textAnchor:a,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),_=e.ref(!1);function Y(o){_.value=o,O.value+=1}const w=e.ref(!1);function S(){w.value=!w.value}return H({generatePdf:V,generateImage:q,toggleAnnotator:S}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:P,class:e.normalizeClass(`vue-ui-tiremarks ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:B.value,onMouseenter:n[0]||(n[0]=()=>e.unref(N)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(N)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(W.PenAndPaper,{key:0,parent:P.value,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:w.value,onClose:S},null,8,["parent","backgroundColor","color","active"])):e.createCommentVNode("",!0),X.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:R,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",oe,[(e.openBlock(),e.createBlock(J._sfc_main,{key:`title_${A.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&$.value&&(e.unref(z)||e.unref(x))?(e.openBlock(),e.createBlock(j.UserOptions,{ref:"details",key:`user_options_${O.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(I),isImaging:e.unref(F),uid:B.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:_.value,titles:{...t.value.userOptions.buttonTitles},chartElement:P.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:w.value,onToggleFullscreen:Y,onGeneratePdf:e.unref(V),onGenerateImage:e.unref(q),onToggleAnnotator:S,style:e.normalizeStyle({visibility:e.unref(z)?e.unref(x)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:r})),void 0,!0)]),key:"2"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:r})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:r})),void 0,!0)]),key:"3"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createElementBlock("svg",{key:4,xmlns:e.unref(c.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(Q._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width,height:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,le)):e.createCommentVNode("",!0),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(a,r)=>(e.openBlock(),e.createElementBlock("path",{d:a.curve,"stroke-width":i.value.mark,stroke:s.value>=r?a.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&r<=s.value})},null,10,ne))),256))])):(e.openBlock(),e.createElementBlock("g",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(a,r)=>(e.openBlock(),e.createElementBlock("line",{x1:a.x1,y1:a.y1,x2:a.x2,y2:a.y2,"stroke-width":i.value.mark,stroke:s.value>=r?a.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,ue))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:3,x:g.value.x,y:g.value.y,"font-size":g.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(c.shiftHue)(t.value.style.chart.layout.activeColor,s.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":g.value.bold?"bold":"normal","text-anchor":g.value.textAnchor},e.toDisplayString(e.unref(c.applyDataLabel)(t.value.style.chart.percentage.formatter,s.value,e.unref(c.dataLabel)({v:s.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,ie)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:l.value},void 0,!0)],14,ae)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(I)||e.unref(F)})),void 0,!0)])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",ve,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(K.default,{key:7,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],46,te))}},he=ee._export_sfc(de,[["__scopeId","data-v-60aa805a"]]);exports.default=he;