vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-thermometer-CdLZ8te2.js → vue-ui-thermometer-Bo3l_0Kf.js}

@@ -1,11 +1,11 @@
-import { useCssVars as ke, computed as d, onMounted as be, ref as p, watch as xe, createElementBlock as n, openBlock as l, unref as h, normalizeStyle as te, normalizeClass as P, createBlock as F, createCommentVNode as i, createSlots as _e, withCtx as O, renderSlot as g, normalizeProps as V, guardReactiveProps as E, createVNode as we, createElementVNode as v, Fragment as I, renderList as se, toDisplayString as Ce } from "vue";
-import { u as $e, o as Pe, e as oe, g as Fe, c as Oe, t as Ie, p as x, a as Ae, b as Me, v as f, d as A, X as Ue, s as Ye, i as Ne, f as Se } from "./index-DvAaY6OP.js";
-import { _ as Te } from "./Title-dsg3PqUg.js";
-import { u as qe, U as Le } from "./usePrinter-D_2jA4x8.js";
-import Ve from "./vue-ui-skeleton-WoggMoff.js";
-import { u as le } from "./useNestedProp-CGzX7c5Q.js";
-import { _ as Ee } from "./PackageVersion-hltZM-fb.js";
-import { P as Ge } from "./PenAndPaper-qmkn1GhB.js";
+import { useCssVars as ke, computed as d, onMounted as be, ref as m, watch as xe, createElementBlock as u, openBlock as l, unref as h, normalizeStyle as te, normalizeClass as F, createBlock as I, createCommentVNode as i, createSlots as _e, withCtx as x, renderSlot as f, normalizeProps as O, guardReactiveProps as A, createVNode as we, createElementVNode as v, Fragment as M, renderList as se, toDisplayString as Ce } from "vue";
+import { u as $e, o as Pe, e as oe, g as Fe, c as Ie, t as Oe, p as _, a as Ae, b as Me, v as g, d as U, X as Ue, s as Ye, i as Ne, f as Se } from "./index-DUnEDLbc.js";
+import { _ as Te } from "./Title-1PWD04Gh.js";
+import { u as qe, U as Le } from "./usePrinter-Undaynpo.js";
+import Ve from "./vue-ui-skeleton-DieABKlo.js";
+import { u as le } from "./useNestedProp-CEMeoM-f.js";
+import { _ as Ee } from "./PackageVersion-1Y7SXTrk.js";
+import { P as Ge } from "./PenAndPaper-BYhUvcy4.js";
 import { u as We } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as je } from "./useChartAccessibility-BWojgys7.js";
 import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -27,7 +27,7 @@ const Be = ["id"], Re = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, pt = {
+}, mt = {
   __name: "vue-ui-thermometer",
   props: {
     dataset: {
@@ -43,13 +43,13 @@ const Be = ["id"], Re = {
       }
     }
   },
-  setup(_, { expose: ae }) {
+  setup(w, { expose: ae }) {
     ke((s) => ({
-      "6c6cb4d6": de.value,
-      "0dcb6e78": ce.value,
-      "4dd24165": he.value
+      "81f57fe8": de.value,
+      "0e444a02": ce.value,
+      "6100776f": he.value
     }));
-    const { vue_ui_thermometer: re } = $e(), a = _, M = d(() => !!a.dataset && Object.keys(a.dataset).length);
+    const { vue_ui_thermometer: re } = $e(), a = w, Y = d(() => !!a.dataset && Object.keys(a.dataset).length);
     be(() => {
       G();
     });
@@ -68,10 +68,10 @@ const Be = ["id"], Re = {
         });
       });
     }
-    const m = p(Oe()), W = p(null), j = p(0), z = p(0), e = d({
+    const p = m(Ie()), W = m(null), j = m(0), z = m(0), e = d({
       get: () => H(),
       set: (s) => s
-    }), { userOptionsVisible: U, setUserOptionsVisibility: B, keepUserOptionState: R } = We({ config: e.value }), { svgRef: D } = je({ config: e.value.style.title });
+    }), { userOptionsVisible: N, setUserOptionsVisibility: B, keepUserOptionState: R } = We({ config: e.value }), { svgRef: D } = je({ config: e.value.style.title });
     function H() {
       const s = le({
         userConfig: a.config,
@@ -82,28 +82,28 @@ const Be = ["id"], Re = {
           userConfig: Ae.vue_ui_thermometer[s.theme] || a.config,
           defaultConfig: s
         }),
-        customPalette: Ie[s.theme] || x
+        customPalette: Oe[s.theme] || _
       } : s;
     }
     xe(() => a.config, (s) => {
-      e.value = H(), U.value = !e.value.userOptions.showOnChartHover, G(), z.value += 1;
+      e.value = H(), N.value = !e.value.userOptions.showOnChartHover, G(), z.value += 1;
     }, { deep: !0 });
     const { isPrinting: X, isImaging: J, generatePdf: K, generateImage: Q } = qe({
-      elementId: `thermometer__${m.value}`,
+      elementId: `thermometer__${p.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer"
-    }), ne = d(() => e.value.userOptions.show && !e.value.style.title.text), w = d(() => Me(e.value.customPalette)), ue = d(() => e.value.style.chart.thermometer.width), y = d(() => a.dataset.steps || 10), c = p({
+    }), ne = d(() => e.value.userOptions.show && !e.value.style.title.text), C = d(() => Me(e.value.customPalette)), ue = d(() => e.value.style.chart.thermometer.width), y = d(() => a.dataset.steps || 10), c = m({
       top: e.value.style.chart.padding.top,
       left: e.value.style.chart.padding.left,
       right: e.value.style.chart.padding.right,
       bottom: e.value.style.chart.padding.bottom
     });
-    function C(s, r, t) {
-      const u = [], q = Z(s), L = Z(r);
+    function $(s, r, t) {
+      const n = [], V = Z(s), E = Z(r);
       for (let b = 0; b < t; b++) {
-        const fe = Y(q.red, L.red, b, t), ge = Y(q.green, L.green, b, t), pe = Y(q.blue, L.blue, b, t), me = `#${N(fe)}${N(ge)}${N(pe)}`;
-        u.push(me);
+        const fe = S(V.red, E.red, b, t), ge = S(V.green, E.green, b, t), me = S(V.blue, E.blue, b, t), pe = `#${T(fe)}${T(ge)}${T(me)}`;
+        n.push(pe);
       }
-      return u;
+      return n;
     }
     function Z(s) {
       const r = s.slice(1);
@@ -113,10 +113,10 @@ const Be = ["id"], Re = {
         blue: parseInt(r.slice(4, 6), 16)
       };
     }
-    function Y(s, r, t, u) {
-      return Math.round(s + (r - s) * t / u);
+    function S(s, r, t, n) {
+      return Math.round(s + (r - s) * t / n);
     }
-    function N(s) {
+    function T(s) {
       return s.toString(16).padStart(2, "0");
     }
     const o = d(() => {
@@ -129,66 +129,66 @@ const Be = ["id"], Re = {
         bottom: r - c.value.bottom,
         height: r
       };
-    }), ie = d(() => o.value), S = d(() => {
-      const s = f(a.dataset.from) < 0 ? Math.abs(f(a.dataset.from)) : f(a.dataset.from), r = f(a.dataset.to) < 0 ? Math.abs(f(a.dataset.to)) : f(a.dataset.to);
+    }), ie = d(() => o.value), q = d(() => {
+      const s = g(a.dataset.from) < 0 ? Math.abs(g(a.dataset.from)) : g(a.dataset.from), r = g(a.dataset.to) < 0 ? Math.abs(g(a.dataset.to)) : g(a.dataset.to);
       let t = 0;
-      return f(a.dataset.to) > 0 ? t = s + r : s > r ? t = s - r : t = r - s, (1 - (Math.abs(f(a.dataset.from)) + f(a.dataset.value)) / t) * (o.value.height - c.value.top - c.value.bottom);
-    }), he = d(() => `${S.value}px`), ce = d(() => `${o.value.height - e.value.style.chart.padding.bottom - c.value.top}px`), de = d(() => `${e.value.style.chart.animation.speedMs}ms`), ve = d(() => {
+      return g(a.dataset.to) > 0 ? t = s + r : s > r ? t = s - r : t = r - s, (1 - (Math.abs(g(a.dataset.from)) + g(a.dataset.value)) / t) * (o.value.height - c.value.top - c.value.bottom);
+    }), he = d(() => `${q.value}px`), ce = d(() => `${o.value.height - e.value.style.chart.padding.bottom - c.value.top}px`), de = d(() => `${e.value.style.chart.animation.speedMs}ms`), ve = d(() => {
       if (a.dataset.colors) {
         if (!a.dataset.colors.from)
-          return C(w.value[0] || x[0], A(a.dataset.colors.to), y.value || 10);
+          return $(C.value[0] || _[0], U(a.dataset.colors.to), y.value || 10);
         if (!a.dataset.colors.to)
-          return C(A(a.dataset.colors.from), w.value[1] || x[1], y.value || 10);
+          return $(U(a.dataset.colors.from), C.value[1] || _[1], y.value || 10);
       } else
-        return C(w.value[1] || x[1], w.value[0] || x[0], y.value || 10);
-      return C(A(a.dataset.colors.from), A(a.dataset.colors.to), y.value || 10);
+        return $(C.value[1] || _[1], C.value[0] || _[0], y.value || 10);
+      return $(U(a.dataset.colors.from), U(a.dataset.colors.to), y.value || 10);
     }), ee = d(() => {
       const s = [];
       let r = 0;
       const t = o.value.height - c.value.top - c.value.bottom;
-      for (let u = 0; u < t - 1; u += t / y.value)
+      for (let n = 0; n < t - 1; n += t / y.value)
         s.push({
           x: o.value.left,
-          y: o.value.top + u,
-          qYLess: o.value.top + u + t / y.value / 4,
-          halfY: o.value.top + u + t / y.value / 2,
-          qYMore: o.value.top + u + t / y.value / 4 * 3,
+          y: o.value.top + n,
+          qYLess: o.value.top + n + t / y.value / 4,
+          halfY: o.value.top + n + t / y.value / 2,
+          qYMore: o.value.top + n + t / y.value / 4 * 3,
           color: ve.value[r],
           height: t / y.value
         }), r += 1;
       return s;
-    }), k = p(!1);
+    }), k = m(!1);
     function ye(s) {
       k.value = s, j.value += 1;
     }
-    const $ = p(!1);
-    function T() {
-      $.value = !$.value;
+    const P = m(!1);
+    function L() {
+      P.value = !P.value;
     }
     return ae({
       generatePdf: K,
       generateImage: Q,
-      toggleAnnotator: T
-    }), (s, r) => (l(), n("div", {
+      toggleAnnotator: L
+    }), (s, r) => (l(), u("div", {
       ref_key: "thermoChart",
       ref: W,
-      class: P(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: F(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: te(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
-      id: `thermometer__${m.value}`,
+      id: `thermometer__${p.value}`,
       onMouseenter: r[0] || (r[0] = () => h(B)(!0)),
       onMouseleave: r[1] || (r[1] = () => h(B)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (l(), F(Ge, {
+      e.value.userOptions.buttons.annotator ? (l(), I(Ge, {
         key: 0,
         svgRef: h(D),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: $.value,
-        onClose: T
+        active: P.value,
+        onClose: L
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : i("", !0),
-      ne.value ? (l(), n("div", Re, null, 512)) : i("", !0),
-      e.value.style.title.text ? (l(), n("div", De, [
-        (l(), F(Te, {
+      ne.value ? (l(), u("div", Re, null, 512)) : i("", !0),
+      e.value.style.title.text ? (l(), u("div", De, [
+        (l(), I(Te, {
           key: `title_${z.value}`,
           config: {
             title: {
@@ -202,14 +202,14 @@ const Be = ["id"], Re = {
           }
         }, null, 8, ["config"]))
       ])) : i("", !0),
-      e.value.userOptions.show && M.value && (h(R) || h(U)) ? (l(), F(Le, {
+      e.value.userOptions.show && Y.value && (h(R) || h(N)) ? (l(), I(Le, {
         ref: "details",
         key: `user_options_${j.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isImaging: h(J),
         isPrinting: h(X),
-        uid: m.value,
+        uid: p.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
@@ -219,56 +219,63 @@ const Be = ["id"], Re = {
         chartElement: W.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: $.value,
+        isAnnotation: P.value,
         onToggleFullscreen: ye,
         onGeneratePdf: h(K),
         onGenerateImage: h(Q),
-        onToggleAnnotator: T,
+        onToggleAnnotator: L,
         style: te({
-          visibility: h(R) ? h(U) ? "visible" : "hidden" : "visible"
+          visibility: h(R) ? h(N) ? "visible" : "hidden" : "visible"
         })
       }, _e({ _: 2 }, [
+        s.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: x(({ isOpen: t, color: n }) => [
+            f(s.$slots, "menuIcon", O(A({ isOpen: t, color: n })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         s.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: O(() => [
-            g(s.$slots, "optionPdf", {}, void 0, !0)
+          fn: x(() => [
+            f(s.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         s.$slots.optionImg ? {
           name: "optionImg",
-          fn: O(() => [
-            g(s.$slots, "optionImg", {}, void 0, !0)
+          fn: x(() => [
+            f(s.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         s.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: t, isFullscreen: u }) => [
-            g(s.$slots, "optionFullscreen", V(E({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+          fn: x(({ toggleFullscreen: t, isFullscreen: n }) => [
+            f(s.$slots, "optionFullscreen", O(A({ toggleFullscreen: t, isFullscreen: n })), void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         s.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: t, isAnnotator: u }) => [
-            g(s.$slots, "optionAnnotator", V(E({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
+          fn: x(({ toggleAnnotator: t, isAnnotator: n }) => [
+            f(s.$slots, "optionAnnotator", O(A({ toggleAnnotator: t, isAnnotator: n })), void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
-      M.value ? (l(), n("svg", {
+      Y.value ? (l(), u("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: D,
         xmlns: h(Ue),
-        class: P({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
+        class: F({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
         width: "100%",
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: "background:transparent"
       }, [
         we(Ee),
-        s.$slots["chart-background"] ? (l(), n("foreignObject", {
+        s.$slots["chart-background"] ? (l(), u("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -278,7 +285,7 @@ const Be = ["id"], Re = {
             pointerEvents: "none"
           }
         }, [
-          g(s.$slots, "chart-background", {}, void 0, !0)
+          f(s.$slots, "chart-background", {}, void 0, !0)
         ], 8, Xe)) : i("", !0),
         v("defs", null, [
           v("clipPath", Je, [
@@ -292,8 +299,8 @@ const Be = ["id"], Re = {
               fill: e.value.style.chart.backgroundColor
             }, null, 8, Ke)
           ]),
-          (l(!0), n(I, null, se(ee.value, (t, u) => (l(), n("linearGradient", {
-            id: `vueUiThermometerGradient_${u}_${m.value}`,
+          (l(!0), u(M, null, se(ee.value, (t, n) => (l(), u("linearGradient", {
+            id: `vueUiThermometerGradient_${n}_${p.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
@@ -321,18 +328,18 @@ const Be = ["id"], Re = {
             width: o.value.width - c.value.left - c.value.right,
             fill: "#FFFFFF"
           }, null, 8, ot),
-          (l(!0), n(I, null, se(ee.value, (t, u) => (l(), n("g", {
-            key: `graduation_${u}`
+          (l(!0), u(M, null, se(ee.value, (t, n) => (l(), u("g", {
+            key: `graduation_${n}`
           }, [
             v("rect", {
               x: t.x,
               y: t.y,
               height: t.height,
               width: o.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
-              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${u}_${m.value})` : t.color,
+              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${n}_${p.value})` : t.color,
               "shape-rendering": "crispEdges"
             }, null, 8, lt),
-            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
               key: 0,
               x1: t.x,
               x2: t.x + 10,
@@ -342,8 +349,8 @@ const Be = ["id"], Re = {
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
             }, null, 8, at)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (l(), n(I, { key: 1 }, [
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+            e.value.style.chart.graduations.showIntermediate ? (l(), u(M, { key: 1 }, [
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 0,
                 x1: t.x,
                 x2: t.x + 5,
@@ -353,7 +360,7 @@ const Be = ["id"], Re = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, rt)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 1,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -363,7 +370,7 @@ const Be = ["id"], Re = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, nt)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 2,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -374,7 +381,7 @@ const Be = ["id"], Re = {
                 "stroke-linecap": "round"
               }, null, 8, ut)) : i("", !0)
             ], 64)) : i("", !0),
-            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
               key: 2,
               x1: o.value.right,
               x2: o.value.right - 10,
@@ -384,8 +391,8 @@ const Be = ["id"], Re = {
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
             }, null, 8, it)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (l(), n(I, { key: 3 }, [
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+            e.value.style.chart.graduations.showIntermediate ? (l(), u(M, { key: 3 }, [
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 0,
                 x1: o.value.right,
                 x2: o.value.right - 5,
@@ -395,7 +402,7 @@ const Be = ["id"], Re = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, ht)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 1,
                 x1: o.value.right,
                 x2: o.value.right - 2.5,
@@ -405,7 +412,7 @@ const Be = ["id"], Re = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, ct)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
                 key: 2,
                 x1: o.value.right,
                 x2: o.value.right - 2.5,
@@ -418,17 +425,17 @@ const Be = ["id"], Re = {
             ], 64)) : i("", !0)
           ]))), 128)),
           v("rect", {
-            class: P({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            class: F({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: o.value.left,
             y: o.value.top,
-            height: S.value,
+            height: q.value,
             width: o.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
             fill: "#FFFFFF66"
           }, null, 10, vt)
         ]),
         v("text", {
-          class: P({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
-          y: S.value + o.value.top + e.value.style.chart.label.fontSize / 3,
+          class: F({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
+          y: q.value + o.value.top + e.value.style.chart.label.fontSize / 3,
           x: o.value.left - 10,
           "text-anchor": "end",
           fill: e.value.style.chart.label.color,
@@ -436,24 +443,24 @@ const Be = ["id"], Re = {
           "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
         }, Ce(h(Ne)(
           e.value.style.chart.label.formatter,
-          _.dataset.value,
+          w.dataset.value,
           h(Se)({
             p: e.value.style.chart.label.prefix,
-            v: _.dataset.value,
+            v: w.dataset.value,
             s: e.value.style.chart.label.suffix,
             r: e.value.style.chart.label.rounding
           }),
-          { datapoint: _.dataset }
+          { datapoint: w.dataset }
         )), 11, yt),
-        g(s.$slots, "svg", { svg: ie.value }, void 0, !0)
+        f(s.$slots, "svg", { svg: ie.value }, void 0, !0)
       ], 10, He)) : i("", !0),
-      s.$slots.watermark ? (l(), n("div", ft, [
-        g(s.$slots, "watermark", V(E({ isPrinting: h(X) || h(J) })), void 0, !0)
+      s.$slots.watermark ? (l(), u("div", ft, [
+        f(s.$slots, "watermark", O(A({ isPrinting: h(X) || h(J) })), void 0, !0)
       ])) : i("", !0),
-      s.$slots.source ? (l(), n("div", gt, [
-        g(s.$slots, "source", {}, void 0, !0)
+      s.$slots.source ? (l(), u("div", gt, [
+        f(s.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      M.value ? i("", !0) : (l(), F(Ve, {
+      Y.value ? i("", !0) : (l(), I(Ve, {
         key: 7,
         config: {
           type: "thermometer",
@@ -467,7 +474,7 @@ const Be = ["id"], Re = {
       }, null, 8, ["config"]))
     ], 46, Be));
   }
-}, It = /* @__PURE__ */ ze(pt, [["__scopeId", "data-v-0d78c7b5"]]);
+}, Ot = /* @__PURE__ */ ze(mt, [["__scopeId", "data-v-b9d565e0"]]);
 export {
-  It as default
+  Ot as default
 };

package/dist/{vue-ui-timer-1-kXQ5_q.js → vue-ui-timer-C9EuUurN.js}

@@ -1,10 +1,10 @@
 import { ref as i, onMounted as Z, computed as z, onBeforeUnmount as ee, watch as te, createElementBlock as o, openBlock as l, normalizeStyle as p, createCommentVNode as d, createElementVNode as _, createBlock as ae, unref as se, createVNode as C, renderSlot as H, mergeProps as q, normalizeProps as W, guardReactiveProps as G, toDisplayString as le } from "vue";
-import { u as oe } from "./useNestedProp-CGzX7c5Q.js";
-import { u as re, c as ue, X as ie, F as V } from "./index-DvAaY6OP.js";
-import { t as ne, u as ce } from "./useResponsive-BWapHhVH.js";
-import R from "./BaseIcon-nz-vbP7I.js";
-import { _ as de } from "./Title-dsg3PqUg.js";
-import { _ as he } from "./PackageVersion-hltZM-fb.js";
+import { u as oe } from "./useNestedProp-CEMeoM-f.js";
+import { u as re, c as ue, X as ie, F as V } from "./index-DUnEDLbc.js";
+import { t as ne, u as ce } from "./useResponsive-vZgZwV-S.js";
+import R from "./BaseIcon-DH34CAFx.js";
+import { _ as de } from "./Title-1PWD04Gh.js";
+import { _ as he } from "./PackageVersion-1Y7SXTrk.js";
 import { u as ve } from "./useChartAccessibility-BWojgys7.js";
 import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class fe {

package/dist/{vue-ui-timer-Deg5YPx0.cjs → vue-ui-timer-Djh-ZDNe.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("./useNestedProp-B53Yi1Rk.cjs"),w=require("./index-3OrObUP-.cjs"),D=require("./useResponsive-YQYQrAZ_.cjs"),B=require("./BaseIcon-BpRuwiFD.cjs"),O=require("./Title-DWqgN4Kv.cjs"),U=require("./PackageVersion-DsoqDgVf.cjs"),W=require("./useChartAccessibility-Cm7nkzTG.cjs"),G=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class X{constructor(T,V,S,M=!0,h=!0){this.interval=V,this.elapsed=0,this.isPaused=!1;const g=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("./useNestedProp-CYy5g-mh.cjs"),w=require("./index-DM-Bs-Ua.cjs"),D=require("./useResponsive-N8jl0-aC.cjs"),B=require("./BaseIcon-BQwivF_K.cjs"),O=require("./Title-Pgt1Ixvo.cjs"),U=require("./PackageVersion-JsuXjgR_.cjs"),W=require("./useChartAccessibility-Cm7nkzTG.cjs"),G=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class X{constructor(T,V,S,M=!0,h=!0){this.interval=V,this.elapsed=0,this.isPaused=!1;const g=`
             let interval;
             let elapsed = 0;
             let paused = false;

package/dist/{vue-ui-tiremarks-uSgVLSbo.cjs → vue-ui-tiremarks-CKv_KApZ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),R=require("./useNestedProp-B53Yi1Rk.cjs"),c=require("./index-3OrObUP-.cjs"),K=require("./Title-DWqgN4Kv.cjs"),j=require("./usePrinter-bPnqqKha.cjs"),Q=require("./vue-ui-skeleton-DaowWOKJ.cjs"),W=require("./PackageVersion-DsoqDgVf.cjs"),Z=require("./PenAndPaper-Dbw8Fph9.cjs"),ee=require("./useUserOptionState-BgepsfED.cjs"),te=require("./useChartAccessibility-Cm7nkzTG.cjs"),oe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ae=["id"],le={key:2,style:"width:100%;background:transparent;padding-bottom:12px"},re=["xmlns","viewBox"],ne=["width","height"],se={key:1},ue=["d","stroke-width","stroke"],ie={key:2},ce=["x1","y1","x2","y2","stroke-width","stroke"],ve=["x","y","font-size","fill","font-weight","text-anchor"],de={key:5,class:"vue-data-ui-watermark"},he={key:6,ref:"source",dir:"auto"},pe={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(G,{expose:H}){const{vue_ui_tiremarks:D}=c.useConfig(),v=G,$=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),B=e.ref(c.createUid()),O=e.ref(null),X=e.ref(null),S=e.ref(0),A=e.ref(0),t=e.computed({get:()=>I(),set:o=>o}),{userOptionsVisible:P,setUserOptionsVisibility:N,keepUserOptionState:z}=ee.useUserOptionState({config:t.value}),{svgRef:E}=te.useChartAccessibility({config:t.value.style.chart.title});function I(){const o=R.useNestedProp({userConfig:v.config,defaultConfig:D});return o.theme?{...R.useNestedProp({userConfig:c.themes.vue_ui_tiremarks[o.theme]||v.config,defaultConfig:o})}:o}e.watch(()=>v.config,o=>{t.value=I(),P.value=!t.value.userOptions.showOnChartHover,U(),A.value+=1},{deep:!0});const{isPrinting:F,isImaging:V,generatePdf:q,generateImage:T}=j.usePrinter({elementId:B.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),Y=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?M(o.percentage):s.value=o.percentage||0},{deep:!0}),e.onMounted(()=>{U()});function M(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 U(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),M(v.dataset.percentage||0)}const m=e.computed(()=>t.value.style.chart.layout.display==="vertical"),u=e.computed(()=>{const o={top:48,left:64,right:64,bottom:48};return m.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:m.value?312:56,width:m.value?56:312})),i=e.computed(()=>m.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}),L=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(m.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,f=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:f,curve:`M ${d} ${p} C ${d+k} ${p-b}, ${h-k} ${f-b}, ${h} ${f}`,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,f=l.value.height-u.value.bottom-4-y,k=t.value.style.chart.layout.curveAngleY*((1+a)/100),b=(f-p)/t.value.style.chart.layout.curveAngleX;o.push({x1:d,x2:h,y1:p,y2:f,curve:`M ${d} ${p} C ${d+k} ${p+b}, ${h+k} ${f-b}, ${h} ${f}`,color:r})}}return o}),g=e.computed(()=>{let o,n,a;const r=t.value.style.chart.percentage.fontSize/3;return m.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 J(o){_.value=o,S.value+=1}const w=e.ref(!1);function x(){w.value=!w.value}return H({generatePdf:q,generateImage:T,toggleAnnotator:x}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:O,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(Z.PenAndPaper,{key:0,svgRef:e.unref(E),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:w.value,onClose:x},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),Y.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:X,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",le,[(e.openBlock(),e.createBlock(K._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(P))?(e.openBlock(),e.createBlock(j.UserOptions,{ref:"details",key:`user_options_${S.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(F),isImaging:e.unref(V),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:O.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:w.value,onToggleFullscreen:J,onGeneratePdf:e.unref(q),onGenerateImage:e.unref(T),onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref(z)?e.unref(P)?"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,ref_key:"svgRef",ref:E,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(W._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,ne)):e.createCommentVNode("",!0),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.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,ue))),256))])):(e.openBlock(),e.createElementBlock("g",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.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,ce))),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,ve)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:l.value},void 0,!0)],14,re)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(F)||e.unref(V)})),void 0,!0)])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Q.default,{key:7,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ae))}},fe=oe._export_sfc(pe,[["__scopeId","data-v-68f3d4da"]]);exports.default=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-CYy5g-mh.cjs"),c=require("./index-DM-Bs-Ua.cjs"),K=require("./Title-Pgt1Ixvo.cjs"),j=require("./usePrinter-DbpIk44f.cjs"),Q=require("./vue-ui-skeleton-DlC-U64G.cjs"),W=require("./PackageVersion-JsuXjgR_.cjs"),Z=require("./PenAndPaper-7lGhxIH8.cjs"),ee=require("./useUserOptionState-BgepsfED.cjs"),te=require("./useChartAccessibility-Cm7nkzTG.cjs"),oe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ae=["id"],le={key:2,style:"width:100%;background:transparent;padding-bottom:12px"},re=["xmlns","viewBox"],ne=["width","height"],se={key:1},ue=["d","stroke-width","stroke"],ie={key:2},ce=["x1","y1","x2","y2","stroke-width","stroke"],ve=["x","y","font-size","fill","font-weight","text-anchor"],de={key:5,class:"vue-data-ui-watermark"},he={key:6,ref:"source",dir:"auto"},pe={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(G,{expose:H}){const{vue_ui_tiremarks:D}=c.useConfig(),v=G,$=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),P=e.ref(c.createUid()),S=e.ref(null),X=e.ref(null),O=e.ref(0),A=e.ref(0),t=e.computed({get:()=>E(),set:o=>o}),{userOptionsVisible:B,setUserOptionsVisibility:z,keepUserOptionState:N}=ee.useUserOptionState({config:t.value}),{svgRef:I}=te.useChartAccessibility({config:t.value.style.chart.title});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(),B.value=!t.value.userOptions.showOnChartHover,U(),A.value+=1},{deep:!0});const{isPrinting:F,isImaging:V,generatePdf:q,generateImage:T}=j.usePrinter({elementId:P.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),Y=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?M(o.percentage):s.value=o.percentage||0},{deep:!0}),e.onMounted(()=>{U()});function M(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 U(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),M(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}),R=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 J(o){_.value=o,O.value+=1}const w=e.ref(!1);function x(){w.value=!w.value}return H({generatePdf:q,generateImage:T,toggleAnnotator:x}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:S,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:P.value,onMouseenter:n[0]||(n[0]=()=>e.unref(z)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(z)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Z.PenAndPaper,{key:0,svgRef:e.unref(I),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:w.value,onClose:x},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),Y.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:X,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",le,[(e.openBlock(),e.createBlock(K._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(N)||e.unref(B))?(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(F),isImaging:e.unref(V),uid:P.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:S.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:w.value,onToggleFullscreen:J,onGeneratePdf:e.unref(q),onGenerateImage:e.unref(T),onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(B)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:a,color:r})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:a,color:r})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}: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:"3"}: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:"4"}: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,ref_key:"svgRef",ref:I,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(W._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,ne)):e.createCommentVNode("",!0),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.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,ue))),256))])):(e.openBlock(),e.createElementBlock("g",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.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,ce))),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,ve)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:l.value},void 0,!0)],14,re)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(F)||e.unref(V)})),void 0,!0)])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Q.default,{key:7,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ae))}},me=oe._export_sfc(pe,[["__scopeId","data-v-0911c677"]]);exports.default=me;