vue-data-ui 2.3.28 → 2.3.30

package/dist/{vue-ui-tiremarks-CHKETcHr.js → vue-ui-tiremarks-B_EncUi6.js}

@@ -1,14 +1,14 @@
-import { computed as h, ref as p, watch as Z, onMounted as ee, openBlock as s, createElementBlock as c, normalizeClass as O, normalizeStyle as S, createVNode as te, createCommentVNode as _, createBlock as V, unref as f, createSlots as ae, withCtx as A, renderSlot as w, normalizeProps as X, guardReactiveProps as M, Fragment as D, renderList as H, toDisplayString as le } from "vue";
-import { u as R } from "./useNestedProp-CH3PVhvc.js";
-import { u as oe, c as re, t as se, o as ne, e as ue, s as Y, X as ie } from "./index-BhCM2QF1.js";
-import { _ as ce } from "./Title-CtWGLaoz.js";
-import { u as ve, U as he } from "./usePrinter-B75HLwzw.js";
-import de from "./vue-ui-skeleton-_VMQ594N.js";
-import { _ as ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "stroke-width", "stroke"], ke = { key: 1 }, _e = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], be = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Ce = {
+import { computed as h, ref as p, watch as Z, onMounted as ee, openBlock as s, createElementBlock as v, normalizeClass as O, normalizeStyle as S, createVNode as te, createCommentVNode as _, createBlock as V, unref as d, createSlots as ae, withCtx as A, renderSlot as w, normalizeProps as X, guardReactiveProps as D, Fragment as M, renderList as H, toDisplayString as le } from "vue";
+import { u as R } from "./useNestedProp-BoNl5H_z.js";
+import { u as re, c as oe, t as se, o as ne, e as ue, s as Y, X as ie, i as ce, f as ve } from "./index-BlXzlBwZ.js";
+import { _ as he } from "./Title-eBTH8iGJ.js";
+import { u as de, U as ge } from "./usePrinter-CZ8F5Cth.js";
+import ye from "./vue-ui-skeleton-CJ2R5R6u.js";
+import { _ as me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const fe = ["id"], pe = ["xmlns", "viewBox"], ke = { key: 0 }, _e = ["d", "stroke-width", "stroke"], be = { key: 1 }, Ce = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], $e = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], xe = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, $e = {
+}, we = {
   __name: "vue-ui-tiremarks",
   props: {
     config: {
@@ -25,7 +25,7 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
     }
   },
   setup(q, { expose: J }) {
-    const u = q, { vue_ui_tiremarks: K } = oe(), F = h(() => !!u.dataset && Object.keys(u.dataset).length), z = p(re()), N = p(null), G = p(0), e = h(() => {
+    const u = q, { vue_ui_tiremarks: K } = re(), F = h(() => !!u.dataset && Object.keys(u.dataset).length), z = p(oe()), N = p(null), G = p(0), e = h(() => {
       const t = R({
         userConfig: u.config,
         defaultConfig: K
@@ -36,26 +36,26 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
           defaultConfig: t
         })
       } : t;
-    }), { isPrinting: U, isImaging: j, generatePdf: B, generateImage: E } = ve({
+    }), { isPrinting: L, isImaging: U, generatePdf: j, generateImage: B } = de({
       elementId: z.value,
       fileName: e.value.style.chart.title.text || "vue-ui-tiremarks"
-    }), v = p(e.value.style.chart.animation.use ? 0 : u.dataset.percentage);
+    }), i = p(e.value.style.chart.animation.use ? 0 : u.dataset.percentage);
     Z(() => u.dataset.percentage, () => {
-      v.value = p(e.value.style.chart.animation.use ? 0 : u.dataset.percentage), L();
+      i.value = p(e.value.style.chart.animation.use ? 0 : u.dataset.percentage), E();
     }), ee(() => {
       ne(u.dataset) && ue({
         componentName: "VueUiTiremarks",
         type: "dataset"
-      }), L();
+      }), E();
     });
-    function L() {
+    function E() {
       let t = 0, n = e.value.style.chart.animation.speed, a = 5e-3 * e.value.style.chart.animation.acceleration;
-      function o() {
-        v.value += n + t, t += a, v.value < u.dataset.percentage ? requestAnimationFrame(o) : v.value = u.dataset.percentage;
+      function r() {
+        i.value += n + t, t += a, i.value < u.dataset.percentage ? requestAnimationFrame(r) : i.value = u.dataset.percentage;
       }
-      e.value.style.chart.animation.use && (v.value = 0, o());
+      e.value.style.chart.animation.use && (i.value = 0, r());
     }
-    const k = h(() => e.value.style.chart.layout.display === "vertical"), r = h(() => {
+    const k = h(() => e.value.style.chart.layout.display === "vertical"), o = h(() => {
       const t = {
         top: 48,
         left: 64,
@@ -73,12 +73,12 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
         left: e.value.style.chart.percentage.horizontalPosition === "left" ? t.left : 3,
         right: e.value.style.chart.percentage.horizontalPosition === "right" ? t.right : 10
       };
-    }), P = h(() => Object.values(r.value).reduce((t, n) => t + n, 0)), l = h(() => ({
+    }), P = h(() => Object.values(o.value).reduce((t, n) => t + n, 0)), l = h(() => ({
       height: k.value ? 312 : 56,
       width: k.value ? 56 : 312
     })), Q = p(100);
     h(() => u.dataset.percentage / Q.value);
-    const i = h(() => k.value ? {
+    const c = h(() => k.value ? {
       mark: (l.value.height - P.value) / 100 * 0.5,
       space: (l.value.height - P.value) / 100 * 0.5
     } : {
@@ -87,34 +87,34 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
     }), T = h(() => {
       const t = [];
       for (let a = 0; a < 100; a += 1) {
-        const o = e.value.style.chart.layout.ticks.gradient.show ? Y(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
+        const r = e.value.style.chart.layout.ticks.gradient.show ? Y(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (k.value) {
-          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.width - r.value.left - r.value.right) / 100 / 3 : 0, d = r.value.left + 4 + C, g = l.value.width - r.value.right - 4 - C, m = l.value.height - r.value.bottom - a * i.value.mark - a * i.value.space - i.value.mark, y = l.value.height - r.value.bottom - a * i.value.mark - a * i.value.space - i.value.mark, $ = (g - d) / e.value.style.chart.layout.curveAngleX, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
+          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.width - o.value.left - o.value.right) / 100 / 3 : 0, g = o.value.left + 4 + C, y = l.value.width - o.value.right - 4 - C, m = l.value.height - o.value.bottom - a * c.value.mark - a * c.value.space - c.value.mark, f = l.value.height - o.value.bottom - a * c.value.mark - a * c.value.space - c.value.mark, $ = (y - g) / e.value.style.chart.layout.curveAngleX, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
-            x1: d,
-            x2: g,
+            x1: g,
+            x2: y,
             y1: m,
-            y2: y,
-            curve: `M ${d} ${m} C ${d + $} ${m - x}, ${g - $} ${y - x}, ${g} ${y}`,
-            color: o
+            y2: f,
+            curve: `M ${g} ${m} C ${g + $} ${m - x}, ${y - $} ${f - x}, ${y} ${f}`,
+            color: r
           });
         } else {
-          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.height - r.value.top - r.value.bottom) / 100 / 3 : 0, d = r.value.left + a * i.value.mark + a * i.value.space - i.value.mark, g = d, m = r.value.top + 4 + C, y = l.value.height - r.value.bottom - 4 - C, $ = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), x = (y - m) / e.value.style.chart.layout.curveAngleX;
+          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (l.value.height - o.value.top - o.value.bottom) / 100 / 3 : 0, g = o.value.left + a * c.value.mark + a * c.value.space - c.value.mark, y = g, m = o.value.top + 4 + C, f = l.value.height - o.value.bottom - 4 - C, $ = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), x = (f - m) / e.value.style.chart.layout.curveAngleX;
           t.push({
-            x1: d,
-            x2: g,
+            x1: g,
+            x2: y,
             y1: m,
-            y2: y,
-            curve: `M ${d} ${m} C ${d + $} ${m + x}, ${g + $} ${y - x}, ${g} ${y}`,
-            color: o
+            y2: f,
+            curve: `M ${g} ${m} C ${g + $} ${m + x}, ${y + $} ${f - x}, ${y} ${f}`,
+            color: r
           });
         }
       }
       return t;
     }), b = h(() => {
       let t, n, a;
-      const o = e.value.style.chart.percentage.fontSize / 3;
-      return k.value ? e.value.style.chart.percentage.verticalPosition === "top" ? (t = l.value.width / 2, n = r.value.top / 2, a = "middle") : e.value.style.chart.percentage.verticalPosition === "bottom" && (t = l.value.width / 2, n = l.value.height - r.value.bottom / 2 + o, a = "middle") : e.value.style.chart.percentage.horizontalPosition === "left" ? (t = 4, n = l.value.height / 2 + o, a = "start") : e.value.style.chart.percentage.horizontalPosition === "right" && (t = l.value.width - r.value.right + 8, n = l.value.height / 2 + o, a = "start"), {
+      const r = e.value.style.chart.percentage.fontSize / 3;
+      return k.value ? e.value.style.chart.percentage.verticalPosition === "top" ? (t = l.value.width / 2, n = o.value.top / 2, a = "middle") : e.value.style.chart.percentage.verticalPosition === "bottom" && (t = l.value.width / 2, n = l.value.height - o.value.bottom / 2 + r, a = "middle") : e.value.style.chart.percentage.horizontalPosition === "left" ? (t = 4, n = l.value.height / 2 + r, a = "start") : e.value.style.chart.percentage.horizontalPosition === "right" && (t = l.value.width - o.value.right + 8, n = l.value.height / 2 + r, a = "start"), {
         x: t,
         y: n,
         textAnchor: a,
@@ -127,20 +127,20 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
       I.value = t, G.value += 1;
     }
     return J({
-      generatePdf: B,
-      generateImage: E
-    }), (t, n) => (s(), c("div", {
+      generatePdf: j,
+      generateImage: B
+    }), (t, n) => (s(), v("div", {
       ref_key: "tiremarksChart",
       ref: N,
       class: O(`vue-ui-tiremarks ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: S(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
       id: z.value
     }, [
-      e.value.style.chart.title.text ? (s(), c("div", {
+      e.value.style.chart.title.text ? (s(), v("div", {
         key: 0,
         style: S(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:12px`)
       }, [
-        te(ce, {
+        te(he, {
           config: {
             title: {
               cy: "wheel-title",
@@ -153,13 +153,13 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
           }
         }, null, 8, ["config"])
       ], 4)) : _("", !0),
-      e.value.userOptions.show && F.value ? (s(), V(he, {
+      e.value.userOptions.show && F.value ? (s(), V(ge, {
         ref: "details",
         key: `user_options_${G.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: f(U),
-        isImaging: f(j),
+        isPrinting: d(L),
+        isImaging: d(U),
         uid: z.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -169,8 +169,8 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: N.value,
         onToggleFullscreen: W,
-        onGeneratePdf: f(B),
-        onGenerateImage: f(E)
+        onGeneratePdf: d(j),
+        onGenerateImage: d(B)
       }, ae({ _: 2 }, [
         t.$slots.optionPdf ? {
           name: "optionPdf",
@@ -188,54 +188,62 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: A(({ toggleFullscreen: a, isFullscreen: o }) => [
-            w(t.$slots, "optionFullscreen", X(M({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: A(({ toggleFullscreen: a, isFullscreen: r }) => [
+            w(t.$slots, "optionFullscreen", X(D({ toggleFullscreen: a, isFullscreen: r })), void 0, !0)
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : _("", !0),
-      F.value ? (s(), c("svg", {
+      F.value ? (s(), v("svg", {
         key: 2,
-        xmlns: f(ie),
+        xmlns: d(ie),
         class: O({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `0 0 ${l.value.width} ${l.value.height}`,
         style: S(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
       }, [
-        e.value.style.chart.layout.curved ? (s(), c("g", fe, [
-          (s(!0), c(D, null, H(T.value, (a, o) => (s(), c("path", {
+        e.value.style.chart.layout.curved ? (s(), v("g", ke, [
+          (s(!0), v(M, null, H(T.value, (a, r) => (s(), v("path", {
             d: a.curve,
-            "stroke-width": i.value.mark,
-            stroke: v.value >= o ? a.color : e.value.style.chart.layout.inactiveColor,
+            "stroke-width": c.value.mark,
+            stroke: i.value >= r ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round",
             fill: "none",
-            class: O({ "vue-ui-tick-animated": e.value.style.chart.animation.use && o <= v.value })
-          }, null, 10, pe))), 256))
-        ])) : (s(), c("g", ke, [
-          (s(!0), c(D, null, H(T.value, (a, o) => (s(), c("line", {
+            class: O({ "vue-ui-tick-animated": e.value.style.chart.animation.use && r <= i.value })
+          }, null, 10, _e))), 256))
+        ])) : (s(), v("g", be, [
+          (s(!0), v(M, null, H(T.value, (a, r) => (s(), v("line", {
             x1: a.x1,
             y1: a.y1,
             x2: a.x2,
             y2: a.y2,
-            "stroke-width": i.value.mark,
-            stroke: v.value >= o ? a.color : e.value.style.chart.layout.inactiveColor,
+            "stroke-width": c.value.mark,
+            stroke: i.value >= r ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round"
-          }, null, 8, _e))), 256))
+          }, null, 8, Ce))), 256))
         ])),
-        e.value.style.chart.percentage.show ? (s(), c("text", {
+        e.value.style.chart.percentage.show ? (s(), v("text", {
           key: 2,
           x: b.value.x,
           y: b.value.y,
           "font-size": b.value.fontSize,
-          fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? f(Y)(e.value.style.chart.layout.activeColor, v.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 ? d(Y)(e.value.style.chart.layout.activeColor, i.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
           "font-weight": b.value.bold ? "bold" : "normal",
           "text-anchor": b.value.textAnchor
-        }, le(v.value.toFixed(e.value.style.chart.percentage.rounding) + "%"), 9, be)) : _("", !0),
+        }, le(d(ce)(
+          e.value.style.chart.percentage.formatter,
+          i.value,
+          d(ve)({
+            v: i.value,
+            s: "%",
+            r: e.value.style.chart.percentage.rounding
+          })
+        )), 9, $e)) : _("", !0),
         w(t.$slots, "svg", { svg: l.value }, void 0, !0)
-      ], 14, ye)) : _("", !0),
-      t.$slots.watermark ? (s(), c("div", Ce, [
-        w(t.$slots, "watermark", X(M({ isPrinting: f(U) || f(j) })), void 0, !0)
+      ], 14, pe)) : _("", !0),
+      t.$slots.watermark ? (s(), v("div", xe, [
+        w(t.$slots, "watermark", X(D({ isPrinting: d(L) || d(U) })), void 0, !0)
       ])) : _("", !0),
-      F.value ? _("", !0) : (s(), V(de, {
+      F.value ? _("", !0) : (s(), V(ye, {
         key: 4,
         config: {
           type: "tiremarks",
@@ -247,9 +255,9 @@ const me = ["id"], ye = ["xmlns", "viewBox"], fe = { key: 0 }, pe = ["d", "strok
           }
         }
       }, null, 8, ["config"]))
-    ], 14, me));
+    ], 14, fe));
   }
-}, Se = /* @__PURE__ */ ge($e, [["__scopeId", "data-v-92e00604"]]);
+}, Ne = /* @__PURE__ */ me(we, [["__scopeId", "data-v-0cc3937c"]]);
 export {
-  Se as default
+  Ne as default
 };

package/dist/{vue-ui-tiremarks-BqXfvQ4t.cjs → vue-ui-tiremarks-C7y6Mbxe.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),E=require("./useNestedProp-C2H2jmU6.cjs"),g=require("./index-Y23HeR26.cjs"),j=require("./Title-DQz9dO4d.cjs"),O=require("./usePrinter-DTF28E03.cjs"),L=require("./vue-ui-skeleton-B5Z4craS.cjs"),U=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),H=["id"],M=["xmlns","viewBox"],X={key:0},D=["d","stroke-width","stroke"],R={key:1},Y=["x1","y1","x2","y2","stroke-width","stroke"],J=["x","y","font-size","fill","font-weight","text-anchor"],K={key:3,class:"vue-data-ui-watermark"},Q={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(A,{expose:V}){const u=A,{vue_ui_tiremarks:q}=g.useConfig(),x=e.computed(()=>!!u.dataset&&Object.keys(u.dataset).length),$=e.ref(g.createUid()),w=e.ref(null),P=e.ref(0),t=e.computed(()=>{const a=E.useNestedProp({userConfig:u.config,defaultConfig:q});return a.theme?{...E.useNestedProp({userConfig:g.themes.vue_ui_tiremarks[a.theme]||u.config,defaultConfig:a})}:a}),{isPrinting:B,isImaging:z,generatePdf:S,generateImage:F}=O.usePrinter({elementId:$.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),c=e.ref(t.value.style.chart.animation.use?0:u.dataset.percentage);e.watch(()=>u.dataset.percentage,()=>{c.value=e.ref(t.value.style.chart.animation.use?0:u.dataset.percentage),I()}),e.onMounted(()=>{g.objectIsEmpty(u.dataset)&&g.error({componentName:"VueUiTiremarks",type:"dataset"}),I()});function I(){let a=0,s=t.value.style.chart.animation.speed,l=.005*t.value.style.chart.animation.acceleration;function r(){c.value+=s+a,a+=l,c.value<u.dataset.percentage?requestAnimationFrame(r):c.value=u.dataset.percentage}t.value.style.chart.animation.use&&(c.value=0,r())}const y=e.computed(()=>t.value.style.chart.layout.display==="vertical"),n=e.computed(()=>{const a={top:48,left:64,right:64,bottom:48};return y.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?a.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?a.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?a.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?a.right:10}}),_=e.computed(()=>Object.values(n.value).reduce((a,s)=>a+s,0)),o=e.computed(()=>({height:y.value?312:56,width:y.value?56:312})),G=e.ref(100);e.computed(()=>u.dataset.percentage/G.value);const i=e.computed(()=>y.value?{mark:(o.value.height-_.value)/100*.5,space:(o.value.height-_.value)/100*.5}:{mark:(o.value.width-_.value)/100*.5,space:(o.value.width-_.value)/100*.5}),N=e.computed(()=>{const a=[];for(let l=0;l<100;l+=1){const r=t.value.style.chart.layout.ticks.gradient.show?g.shiftHue(t.value.style.chart.layout.activeColor,l/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(y.value){const f=t.value.style.chart.layout.crescendo?(100-l)*(o.value.width-n.value.left-n.value.right)/100/3:0,v=n.value.left+4+f,d=o.value.width-n.value.right-4-f,h=o.value.height-n.value.bottom-l*i.value.mark-l*i.value.space-i.value.mark,m=o.value.height-n.value.bottom-l*i.value.mark-l*i.value.space-i.value.mark,k=(d-v)/t.value.style.chart.layout.curveAngleX,C=t.value.style.chart.layout.curveAngleY*((1+l)/100);a.push({x1:v,x2:d,y1:h,y2:m,curve:`M ${v} ${h} C ${v+k} ${h-C}, ${d-k} ${m-C}, ${d} ${m}`,color:r})}else{const f=t.value.style.chart.layout.crescendo?(100-l)*(o.value.height-n.value.top-n.value.bottom)/100/3:0,v=n.value.left+l*i.value.mark+l*i.value.space-i.value.mark,d=v,h=n.value.top+4+f,m=o.value.height-n.value.bottom-4-f,k=t.value.style.chart.layout.curveAngleY*((1+l)/100),C=(m-h)/t.value.style.chart.layout.curveAngleX;a.push({x1:v,x2:d,y1:h,y2:m,curve:`M ${v} ${h} C ${v+k} ${h+C}, ${d+k} ${m-C}, ${d} ${m}`,color:r})}}return a}),p=e.computed(()=>{let a,s,l;const r=t.value.style.chart.percentage.fontSize/3;return y.value?t.value.style.chart.percentage.verticalPosition==="top"?(a=o.value.width/2,s=n.value.top/2,l="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(a=o.value.width/2,s=o.value.height-n.value.bottom/2+r,l="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(a=4,s=o.value.height/2+r,l="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(a=o.value.width-n.value.right+8,s=o.value.height/2+r,l="start"),{x:a,y:s,textAnchor:l,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),b=e.ref(!1);function T(a){b.value=a,P.value+=1}return V({generatePdf:S,generateImage:F}),(a,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:w,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;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`),id:$.value},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[e.createVNode(j._sfc_main,{config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&x.value?(e.openBlock(),e.createBlock(O.UserOptions,{ref:"details",key:`user_options_${P.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(B),isImaging:e.unref(z),uid:$.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:b.value,titles:{...t.value.userOptions.buttonTitles},chartElement:w.value,onToggleFullscreen:T,onGeneratePdf:e.unref(S),onGenerateImage:e.unref(F)},e.createSlots({_:2},[a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(g.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":b.value,"vue-data-ui-fulscreen--off":!b.value}),viewBox:`0 0 ${o.value.width} ${o.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(l,r)=>(e.openBlock(),e.createElementBlock("path",{d:l.curve,"stroke-width":i.value.mark,stroke:c.value>=r?l.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<=c.value})},null,10,D))),256))])):(e.openBlock(),e.createElementBlock("g",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(l,r)=>(e.openBlock(),e.createElementBlock("line",{x1:l.x1,y1:l.y1,x2:l.x2,y2:l.y2,"stroke-width":i.value.mark,stroke:c.value>=r?l.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,Y))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:p.value.x,y:p.value.y,"font-size":p.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(g.shiftHue)(t.value.style.chart.layout.activeColor,c.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":p.value.bold?"bold":"normal","text-anchor":p.value.textAnchor},e.toDisplayString(c.value.toFixed(t.value.style.chart.percentage.rounding)+"%"),9,J)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:o.value},void 0,!0)],14,M)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(B)||e.unref(z)})),void 0,!0)])):e.createCommentVNode("",!0),x.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L.default,{key:4,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],14,H))}},W=U._export_sfc(Q,[["__scopeId","data-v-92e00604"]]);exports.default=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),E=require("./useNestedProp-Cggpoz7e.cjs"),v=require("./index-hKWfT7Wa.cjs"),T=require("./Title-BU6E8Xld.cjs"),O=require("./usePrinter-DoYKBzst.cjs"),j=require("./vue-ui-skeleton-j-IOiy5w.cjs"),U=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),H=["id"],M=["xmlns","viewBox"],D={key:0},X=["d","stroke-width","stroke"],R={key:1},Y=["x1","y1","x2","y2","stroke-width","stroke"],J=["x","y","font-size","fill","font-weight","text-anchor"],K={key:3,class:"vue-data-ui-watermark"},Q={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(A,{expose:V}){const u=A,{vue_ui_tiremarks:q}=v.useConfig(),x=e.computed(()=>!!u.dataset&&Object.keys(u.dataset).length),$=e.ref(v.createUid()),w=e.ref(null),P=e.ref(0),t=e.computed(()=>{const a=E.useNestedProp({userConfig:u.config,defaultConfig:q});return a.theme?{...E.useNestedProp({userConfig:v.themes.vue_ui_tiremarks[a.theme]||u.config,defaultConfig:a})}:a}),{isPrinting:B,isImaging:z,generatePdf:S,generateImage:I}=O.usePrinter({elementId:$.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),i=e.ref(t.value.style.chart.animation.use?0:u.dataset.percentage);e.watch(()=>u.dataset.percentage,()=>{i.value=e.ref(t.value.style.chart.animation.use?0:u.dataset.percentage),F()}),e.onMounted(()=>{v.objectIsEmpty(u.dataset)&&v.error({componentName:"VueUiTiremarks",type:"dataset"}),F()});function F(){let a=0,s=t.value.style.chart.animation.speed,l=.005*t.value.style.chart.animation.acceleration;function r(){i.value+=s+a,a+=l,i.value<u.dataset.percentage?requestAnimationFrame(r):i.value=u.dataset.percentage}t.value.style.chart.animation.use&&(i.value=0,r())}const y=e.computed(()=>t.value.style.chart.layout.display==="vertical"),n=e.computed(()=>{const a={top:48,left:64,right:64,bottom:48};return y.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?a.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?a.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?a.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?a.right:10}}),C=e.computed(()=>Object.values(n.value).reduce((a,s)=>a+s,0)),o=e.computed(()=>({height:y.value?312:56,width:y.value?56:312})),L=e.ref(100);e.computed(()=>u.dataset.percentage/L.value);const c=e.computed(()=>y.value?{mark:(o.value.height-C.value)/100*.5,space:(o.value.height-C.value)/100*.5}:{mark:(o.value.width-C.value)/100*.5,space:(o.value.width-C.value)/100*.5}),N=e.computed(()=>{const a=[];for(let l=0;l<100;l+=1){const r=t.value.style.chart.layout.ticks.gradient.show?v.shiftHue(t.value.style.chart.layout.activeColor,l/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(y.value){const f=t.value.style.chart.layout.crescendo?(100-l)*(o.value.width-n.value.left-n.value.right)/100/3:0,d=n.value.left+4+f,h=o.value.width-n.value.right-4-f,m=o.value.height-n.value.bottom-l*c.value.mark-l*c.value.space-c.value.mark,g=o.value.height-n.value.bottom-l*c.value.mark-l*c.value.space-c.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,b=t.value.style.chart.layout.curveAngleY*((1+l)/100);a.push({x1:d,x2:h,y1:m,y2:g,curve:`M ${d} ${m} C ${d+k} ${m-b}, ${h-k} ${g-b}, ${h} ${g}`,color:r})}else{const f=t.value.style.chart.layout.crescendo?(100-l)*(o.value.height-n.value.top-n.value.bottom)/100/3:0,d=n.value.left+l*c.value.mark+l*c.value.space-c.value.mark,h=d,m=n.value.top+4+f,g=o.value.height-n.value.bottom-4-f,k=t.value.style.chart.layout.curveAngleY*((1+l)/100),b=(g-m)/t.value.style.chart.layout.curveAngleX;a.push({x1:d,x2:h,y1:m,y2:g,curve:`M ${d} ${m} C ${d+k} ${m+b}, ${h+k} ${g-b}, ${h} ${g}`,color:r})}}return a}),p=e.computed(()=>{let a,s,l;const r=t.value.style.chart.percentage.fontSize/3;return y.value?t.value.style.chart.percentage.verticalPosition==="top"?(a=o.value.width/2,s=n.value.top/2,l="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(a=o.value.width/2,s=o.value.height-n.value.bottom/2+r,l="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(a=4,s=o.value.height/2+r,l="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(a=o.value.width-n.value.right+8,s=o.value.height/2+r,l="start"),{x:a,y:s,textAnchor:l,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 G(a){_.value=a,P.value+=1}return V({generatePdf:S,generateImage:I}),(a,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:w,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;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`),id:$.value},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[e.createVNode(T._sfc_main,{config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&x.value?(e.openBlock(),e.createBlock(O.UserOptions,{ref:"details",key:`user_options_${P.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(B),isImaging:e.unref(z),uid:$.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:w.value,onToggleFullscreen:G,onGeneratePdf:e.unref(S),onGenerateImage:e.unref(I)},e.createSlots({_:2},[a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(v.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${o.value.width} ${o.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(l,r)=>(e.openBlock(),e.createElementBlock("path",{d:l.curve,"stroke-width":c.value.mark,stroke:i.value>=r?l.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<=i.value})},null,10,X))),256))])):(e.openBlock(),e.createElementBlock("g",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(l,r)=>(e.openBlock(),e.createElementBlock("line",{x1:l.x1,y1:l.y1,x2:l.x2,y2:l.y2,"stroke-width":c.value.mark,stroke:i.value>=r?l.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,Y))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:p.value.x,y:p.value.y,"font-size":p.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(v.shiftHue)(t.value.style.chart.layout.activeColor,i.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":p.value.bold?"bold":"normal","text-anchor":p.value.textAnchor},e.toDisplayString(e.unref(v.applyDataLabel)(t.value.style.chart.percentage.formatter,i.value,e.unref(v.dataLabel)({v:i.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,J)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:o.value},void 0,!0)],14,M)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(B)||e.unref(z)})),void 0,!0)])):e.createCommentVNode("",!0),x.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j.default,{key:4,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],14,H))}},W=U._export_sfc(Q,[["__scopeId","data-v-0cc3937c"]]);exports.default=W;