vue-data-ui 3.4.7 → 3.4.8

package/dist/{vue-ui-thermometer-fY5WxAbX.js → vue-ui-thermometer-BxBGrsSR.js}

@@ -1,4 +1,4 @@
-import { useCssVars as Ye, computed as c, defineAsyncComponent as j, ref as v, onMounted as Ee, toRefs as He, watch as Re, createElementBlock as u, openBlock as a, unref as n, normalizeStyle as de, normalizeClass as U, createBlock as W, createCommentVNode as i, createSlots as Ve, withCtx as A, renderSlot as y, normalizeProps as L, guardReactiveProps as N, createVNode as qe, createElementVNode as d, Fragment as Y, renderList as me, toDisplayString as Ge } from "vue";
+import { useCssVars as Ye, computed as c, defineAsyncComponent as j, ref as v, onMounted as Ee, toRefs as He, watch as Re, createElementBlock as u, openBlock as a, unref as n, normalizeStyle as de, normalizeClass as U, createBlock as W, createCommentVNode as i, createSlots as Ve, withCtx as x, renderSlot as d, normalizeProps as L, guardReactiveProps as N, createVNode as qe, createElementVNode as m, Fragment as Y, renderList as me, toDisplayString as Ge } from "vue";
 import { c as Be, t as De, o as je, f as ye, g as Xe, b as Je, p as O, e as Ke, x as f, h as E, X as Qe, s as Ze, a as et, d as tt } from "./lib-C_mNZmhD.js";
 import { t as st, u as ot } from "./useResponsive-DfdjqQps.js";
 import { u as lt, a as fe } from "./useNestedProp-BjZe1Y85.js";
@@ -17,7 +17,7 @@ const ft = ["id"], gt = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, pt = ["xmlns", "viewBox"], kt = ["width", "height"], bt = ["id"], xt = ["x", "y", "width", "height", "rx", "ry"], wt = ["id"], _t = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], At = ["clip-path"], Ot = ["x", "y", "height", "width"], Ft = ["x", "y", "height", "width", "fill"], It = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], St = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Pt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Mt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], zt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Wt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Lt = ["x", "y", "height", "width"], Nt = { key: 1 }, Yt = ["x", "y", "height"], Et = ["y", "x", "fill", "font-size", "font-weight"], Ht = {
+}, pt = ["xmlns", "viewBox"], kt = ["width", "height"], bt = ["id"], xt = ["x", "y", "width", "height", "rx", "ry"], wt = ["id"], _t = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], At = ["clip-path"], Ot = ["x", "y", "height", "width"], St = ["x", "y", "height", "width", "fill"], Ft = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], It = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Pt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Mt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], zt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Wt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Lt = ["x", "y", "height", "width"], Nt = { key: 1 }, Yt = ["x", "y", "height"], Et = ["y", "x", "fill", "font-size", "font-weight"], Ht = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Rt = {
@@ -36,13 +36,13 @@ const ft = ["id"], gt = {
       }
     }
   },
-  setup(F, { expose: ge }) {
+  setup(S, { expose: ge }) {
     Ye((s) => ({
-      v37fa8dda: Fe.value,
-      ee141c4a: Oe.value,
-      e9077cf0: Ae.value
+      v6b7dbd01: Se.value,
+      v1e4928a6: Oe.value,
+      v0bba07da: Ae.value
     }));
-    const pe = j(() => import("./PackageVersion-QNVkHOgG.js")), ke = j(() => import("./PenAndPaper-DSvu9dwa.js")), be = j(() => import("./UserOptions-CnzumGJj.js")), { vue_ui_thermometer: xe } = lt(), g = F, p = v(Be()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), x = v(null), I = v(null), we = c(() => !!g.dataset && Object.keys(g.dataset).length);
+    const pe = j(() => import("./PackageVersion-D-auaEEJ.js")), ke = j(() => import("./PenAndPaper-DSvu9dwa.js")), be = j(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_thermometer: xe } = lt(), g = S, p = v(Be()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), w = v(null), F = v(null), we = c(() => !!g.dataset && Object.keys(g.dataset).length);
     Ee(() => {
       te();
     });
@@ -93,11 +93,11 @@ const ft = ["id"], gt = {
             H.value = Math.max(0.1, t - 12), R.value = l, ce();
           });
         });
-        x.value && (I.value && x.value.unobserve(I.value), x.value.disconnect()), x.value = new ResizeObserver(s), I.value = k.value, x.value.observe(I.value);
+        w.value && (F.value && w.value.unobserve(F.value), w.value.disconnect()), w.value = new ResizeObserver(s), F.value = k.value, w.value.observe(F.value);
       }
       ce();
     }
-    const { userOptionsVisible: V, setUserOptionsVisibility: se, keepUserOptionState: oe } = it({ config: e.value }), { svgRef: S } = ht({ config: e.value.style.title });
+    const { userOptionsVisible: V, setUserOptionsVisibility: se, keepUserOptionState: oe } = it({ config: e.value }), { svgRef: I } = ht({ config: e.value.style.title });
     function q() {
       const s = fe({
         userConfig: g.config,
@@ -118,11 +118,11 @@ const ft = ["id"], gt = {
       elementId: `thermometer__${p.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer",
       options: e.value.userOptions.print
-    }), Ce = c(() => e.value.userOptions.show && !e.value.style.title.text), P = c(() => Ke(e.value.customPalette)), m = c(() => h.value.steps || 10);
+    }), Ce = c(() => e.value.userOptions.show && !e.value.style.title.text), P = c(() => Ke(e.value.customPalette)), y = c(() => h.value.steps || 10);
     function T(s, l, t) {
-      const r = [], b = ne(s), C = ne(l);
-      for (let $ = 0; $ < t; $++) {
-        const Ue = G(b.red, C.red, $, t), We = G(b.green, C.green, $, t), Le = G(b.blue, C.blue, $, t), Ne = `#${B(Ue)}${B(We)}${B(Le)}`;
+      const r = [], b = ne(s), $ = ne(l);
+      for (let A = 0; A < t; A++) {
+        const Ue = G(b.red, $.red, A, t), We = G(b.green, $.green, A, t), Le = G(b.blue, $.blue, A, t), Ne = `#${B(Ue)}${B(We)}${B(Le)}`;
         r.push(Ne);
       }
       return r;
@@ -157,61 +157,61 @@ const ft = ["id"], gt = {
       const s = f(h.value.from) < 0 ? Math.abs(f(h.value.from)) : f(h.value.from), l = f(h.value.to) < 0 ? Math.abs(f(h.value.to)) : f(h.value.to);
       let t = 0;
       return f(h.value.to) > 0 ? t = s + l : s > l ? t = s - l : t = l - s, (1 - (Math.abs(f(h.value.from)) + f(h.value.value)) / t) * o.value.thermoHeight;
-    }), Ae = c(() => `${M.value}px`), Oe = c(() => `${o.value.thermoHeight}px`), Fe = c(() => `${e.value.style.chart.animation.speedMs}ms`), Ie = c(() => {
+    }), Ae = c(() => `${M.value}px`), Oe = c(() => `${o.value.thermoHeight}px`), Se = c(() => `${e.value.style.chart.animation.speedMs}ms`), Fe = c(() => {
       if (h.value.colors) {
         if (!h.value.colors.from)
-          return T(P.value[0] || O[0], E(h.value.colors.to), m.value || 10);
+          return T(P.value[0] || O[0], E(h.value.colors.to), y.value || 10);
         if (!h.value.colors.to)
-          return T(E(h.value.colors.from), P.value[1] || O[1], m.value || 10);
+          return T(E(h.value.colors.from), P.value[1] || O[1], y.value || 10);
       } else
-        return T(P.value[1] || O[1], P.value[0] || O[0], m.value || 10);
-      return T(E(h.value.colors.from), E(h.value.colors.to), m.value || 10);
+        return T(P.value[1] || O[1], P.value[0] || O[0], y.value || 10);
+      return T(E(h.value.colors.from), E(h.value.colors.to), y.value || 10);
     }), ie = c(() => {
       const s = [];
       let l = 0;
       const t = o.value.thermoHeight;
-      for (let r = 0; r < t - 1; r += t / m.value)
+      for (let r = 0; r < t - 1; r += t / y.value)
         s.push({
           x: o.value.left,
           y: o.value.top + r,
-          qYLess: o.value.top + r + t / m.value / 4,
-          halfY: o.value.top + r + t / m.value / 2,
-          qYMore: o.value.top + r + t / m.value / 4 * 3,
-          color: Ie.value[l],
-          height: Math.max(0.1, t / m.value)
+          qYLess: o.value.top + r + t / y.value / 4,
+          halfY: o.value.top + r + t / y.value / 2,
+          qYMore: o.value.top + r + t / y.value / 4 * 3,
+          color: Fe.value[l],
+          height: Math.max(0.1, t / y.value)
         }), l += 1;
       return s;
-    }), w = v(!1);
+    }), _ = v(!1);
     function he(s) {
-      w.value = s, X.value += 1;
+      _.value = s, X.value += 1;
     }
     const z = v(!1);
     function D() {
       z.value = !z.value;
     }
-    async function Se({ scale: s = 2 } = {}) {
+    async function Ie({ scale: s = 2 } = {}) {
       if (!k.value) return;
-      const { width: l, height: t } = k.value.getBoundingClientRect(), r = l / t, { imageUri: b, base64: C } = await mt({ domElement: k.value, base64: !0, img: !0, scale: s });
+      const { width: l, height: t } = k.value.getBoundingClientRect(), r = l / t, { imageUri: b, base64: $ } = await mt({ domElement: k.value, base64: !0, img: !0, scale: s });
       return {
         imageUri: b,
-        base64: C,
+        base64: $,
         title: e.value.style.title.text,
         width: l,
         height: t,
         aspectRatio: r
       };
     }
-    const _ = c({
+    const C = c({
       get: () => e.value.style.chart.label.fontSize,
       set: (s) => s
     }), { autoSizeLabels: ce } = ct({
-      svgRef: S,
+      svgRef: I,
       fontSize: e.value.style.chart.label.fontSize,
       minFontSize: e.value.style.chart.label.minFontSize,
-      sizeRef: _,
+      sizeRef: C,
       labelClass: ".vue-ui-thermometer-label"
     }), Pe = c(() => e.value.style.chart.backgroundColor), Te = c(() => e.value.style.title), { exportSvg: Me, getSvg: ze } = nt({
-      svg: S,
+      svg: I,
       title: Te,
       backgroundColor: Pe
     });
@@ -223,7 +223,7 @@ const ft = ["id"], gt = {
         Me();
     }
     return ge({
-      getImage: Se,
+      getImage: Ie,
       generatePdf: re,
       generateImage: ue,
       generateSvg: ve,
@@ -232,7 +232,7 @@ const ft = ["id"], gt = {
     }), (s, l) => (a(), u("div", {
       ref_key: "thermoChart",
       ref: k,
-      class: U(`vue-data-ui-component vue-ui-thermometer ${w.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: U(`vue-data-ui-component vue-ui-thermometer ${_.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: de(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
       id: `thermometer__${p.value}`,
       onMouseenter: l[0] || (l[0] = () => n(se)(!0)),
@@ -240,7 +240,7 @@ const ft = ["id"], gt = {
     }, [
       e.value.userOptions.buttons.annotator ? (a(), W(n(ke), {
         key: 0,
-        svgRef: n(S),
+        svgRef: n(I),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: z.value,
@@ -280,7 +280,7 @@ const ft = ["id"], gt = {
         hasSvg: e.value.userOptions.buttons.svg,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasXls: !1,
-        isFullscreen: w.value,
+        isFullscreen: _.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: k.value,
         position: e.value.userOptions.position,
@@ -299,45 +299,52 @@ const ft = ["id"], gt = {
       }, Ve({ _: 2 }, [
         s.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: A(({ isOpen: t, color: r }) => [
-            y(s.$slots, "menuIcon", L(N({ isOpen: t, color: r })), void 0, !0)
+          fn: x(({ isOpen: t, color: r }) => [
+            d(s.$slots, "menuIcon", L(N({ isOpen: t, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         s.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: A(() => [
-            y(s.$slots, "optionPdf", {}, void 0, !0)
+          fn: x(() => [
+            d(s.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         s.$slots.optionImg ? {
           name: "optionImg",
-          fn: A(() => [
-            y(s.$slots, "optionImg", {}, void 0, !0)
+          fn: x(() => [
+            d(s.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
+        s.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: x(() => [
+            d(s.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
         s.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: A(({ toggleFullscreen: t, isFullscreen: r }) => [
-            y(s.$slots, "optionFullscreen", L(N({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          fn: x(({ toggleFullscreen: t, isFullscreen: r }) => [
+            d(s.$slots, "optionFullscreen", L(N({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         s.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: A(({ toggleAnnotator: t, isAnnotator: r }) => [
-            y(s.$slots, "optionAnnotator", L(N({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          fn: x(({ toggleAnnotator: t, isAnnotator: r }) => [
+            d(s.$slots, "optionAnnotator", L(N({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
       (a(), u("svg", {
         ref_key: "svgRef",
-        ref: S,
+        ref: I,
         xmlns: n(Qe),
-        class: U({ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value }),
+        class: U({ "vue-data-ui-fullscreen--on": _.value, "vue-data-ui-fulscreen--off": !_.value }),
         width: "100%",
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: "background:transparent"
@@ -353,14 +360,14 @@ const ft = ["id"], gt = {
             pointerEvents: "none"
           }
         }, [
-          y(s.$slots, "chart-background", {}, void 0, !0)
+          d(s.$slots, "chart-background", {}, void 0, !0)
         ], 8, kt)) : i("", !0),
-        d("defs", null, [
-          d("clipPath", {
+        m("defs", null, [
+          m("clipPath", {
             id: `vueUiPill-${p.value}`,
             clipPathUnits: "userSpaceOnUse"
           }, [
-            d("rect", {
+            m("rect", {
               x: o.value.left,
               y: o.value.top,
               width: o.value.thermoWidth,
@@ -376,24 +383,24 @@ const ft = ["id"], gt = {
             x2: "100%",
             y2: "0%"
           }, [
-            d("stop", {
+            m("stop", {
               offset: "0%",
               "stop-color": t.color
             }, null, 8, _t),
-            d("stop", {
+            m("stop", {
               offset: "50%",
               "stop-color": n(Ze)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
             }, null, 8, Ct),
-            d("stop", {
+            m("stop", {
               offset: "100%",
               "stop-color": t.color
             }, null, 8, $t)
           ], 8, wt))), 256))
         ]),
-        d("g", {
+        m("g", {
           "clip-path": `url(#vueUiPill-${p.value})`
         }, [
-          d("rect", {
+          m("rect", {
             x: o.value.left,
             y: o.value.top,
             height: o.value.thermoHeight,
@@ -403,14 +410,14 @@ const ft = ["id"], gt = {
           (a(!0), u(Y, null, me(ie.value, (t, r) => (a(), u("g", {
             key: `graduation_${r}`
           }, [
-            d("rect", {
+            m("rect", {
               x: t.x,
               y: t.y,
               height: t.height,
               width: o.value.thermoWidth,
               fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${p.value})` : t.color,
               "shape-rendering": "crispEdges"
-            }, null, 8, Ft),
+            }, null, 8, St),
             e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
               key: 0,
               x1: t.x,
@@ -420,7 +427,7 @@ const ft = ["id"], gt = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, It)) : i("", !0),
+            }, null, 8, Ft)) : i("", !0),
             e.value.style.chart.graduations.showIntermediate ? (a(), u(Y, { key: 1 }, [
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 0,
@@ -431,7 +438,7 @@ const ft = ["id"], gt = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, St)) : i("", !0),
+              }, null, 8, It)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (a(), u("line", {
                 key: 1,
                 x1: t.x,
@@ -496,7 +503,7 @@ const ft = ["id"], gt = {
               }, null, 8, Wt)) : i("", !0)
             ], 64)) : i("", !0)
           ]))), 128)),
-          d("rect", {
+          m("rect", {
             class: U({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: o.value.left,
             y: o.value.top,
@@ -509,36 +516,36 @@ const ft = ["id"], gt = {
           n(Z) ? (a(), u("rect", {
             key: 0,
             x: o.value.left - 60,
-            y: M.value + o.value.top - _.value / 2,
+            y: M.value + o.value.top - C.value / 2,
             width: 50,
-            height: _.value,
+            height: C.value,
             fill: "#6A6A6A40",
             rx: "3"
           }, null, 8, Yt)) : (a(), u("text", {
             key: 1,
             class: U({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
-            y: M.value + o.value.top + _.value / 3,
+            y: M.value + o.value.top + C.value / 3,
             x: o.value.left - 10,
             "text-anchor": "end",
             fill: e.value.style.chart.label.color,
-            "font-size": _.value,
+            "font-size": C.value,
             "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
           }, Ge(n(et)(
             e.value.style.chart.label.formatter,
-            F.dataset.value,
+            S.dataset.value,
             n(tt)({
               p: e.value.style.chart.label.prefix,
-              v: F.dataset.value,
+              v: S.dataset.value,
               s: e.value.style.chart.label.suffix,
               r: e.value.style.chart.label.rounding
             }),
-            { datapoint: F.dataset }
+            { datapoint: S.dataset }
           )), 11, Et))
         ])) : i("", !0),
-        y(s.$slots, "svg", { svg: $e.value }, void 0, !0)
+        d(s.$slots, "svg", { svg: $e.value }, void 0, !0)
       ], 10, pt)),
       s.$slots.watermark ? (a(), u("div", Ht, [
-        y(s.$slots, "watermark", L(N({ isPrinting: n(le) || n(ae) })), void 0, !0)
+        d(s.$slots, "watermark", L(N({ isPrinting: n(le) || n(ae) })), void 0, !0)
       ])) : i("", !0),
       s.$slots.source ? (a(), u("div", {
         key: 5,
@@ -546,12 +553,12 @@ const ft = ["id"], gt = {
         ref: Q,
         dir: "auto"
       }, [
-        y(s.$slots, "source", {}, void 0, !0)
+        d(s.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
       n(Z) ? (a(), W(rt, { key: 6 })) : i("", !0)
     ], 46, ft));
   }
-}, os = /* @__PURE__ */ yt(Rt, [["__scopeId", "data-v-181d4751"]]);
+}, os = /* @__PURE__ */ yt(Rt, [["__scopeId", "data-v-ca7efcec"]]);
 export {
   os as default
 };

package/dist/{vue-ui-timer-BBdNJ0fK.js → vue-ui-timer-BbHY5Ed5.js}

@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: N }) {
-    const S = se(() => import("./PackageVersion-QNVkHOgG.js")), { vue_ui_timer: j } = ne(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-D-auaEEJ.js")), { vue_ui_timer: j } = ne(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });

package/dist/{vue-ui-tiremarks-Co0t61HH.js → vue-ui-tiremarks-DzL3Sc1f.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as j, computed as h, ref as v, toRefs as Ie, watch as ce, onMounted as ze, createElementBlock as u, openBlock as r, unref as s, normalizeStyle as X, normalizeClass as V, createBlock as R, createCommentVNode as p, createSlots as Fe, withCtx as O, renderSlot as m, normalizeProps as E, guardReactiveProps as M, createVNode as Te, Fragment as ve, renderList as he, toDisplayString as Ne } from "vue";
+import { defineAsyncComponent as j, computed as h, ref as v, toRefs as Ie, watch as ce, onMounted as ze, createElementBlock as u, openBlock as r, unref as s, normalizeStyle as X, normalizeClass as V, createBlock as R, createCommentVNode as m, createSlots as Fe, withCtx as $, renderSlot as p, normalizeProps as E, guardReactiveProps as M, createVNode as Te, Fragment as ve, renderList as he, toDisplayString as Ne } from "vue";
 import { c as Re, t as Ee, x as Me, o as Le, f as Ue, i as de, X as Be, a as Ge, d as De } from "./lib-C_mNZmhD.js";
 import { t as He, u as je } from "./useResponsive-DfdjqQps.js";
 import { u as Xe, a as ge } from "./useNestedProp-BjZe1Y85.js";
@@ -30,8 +30,8 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
       }
     }
   },
-  setup(fe, { expose: ye }) {
-    const pe = j(() => import("./PenAndPaper-DSvu9dwa.js")), me = j(() => import("./UserOptions-CnzumGJj.js")), ke = j(() => import("./PackageVersion-QNVkHOgG.js")), { vue_ui_tiremarks: be } = Xe(), C = fe, we = h(() => !!C.dataset && Object.keys(C.dataset).length), L = v(Re()), _ = v(null), Ce = v(null), q = v(null), Y = v(null), W = v(0), J = v(0), $ = v(null), S = v(null), e = v(D()), { loading: K, FINAL_DATASET: U } = Ve({
+  setup(fe, { expose: pe }) {
+    const ye = j(() => import("./PenAndPaper-DSvu9dwa.js")), me = j(() => import("./UserOptions-CGnQt6Fd.js")), ke = j(() => import("./PackageVersion-D-auaEEJ.js")), { vue_ui_tiremarks: be } = Xe(), C = fe, we = h(() => !!C.dataset && Object.keys(C.dataset).length), L = v(Re()), _ = v(null), Ce = v(null), q = v(null), Y = v(null), W = v(0), J = v(0), x = v(null), S = v(null), e = v(D()), { loading: K, FINAL_DATASET: U } = Ve({
       ...Ie(C),
       FINAL_CONFIG: e,
       prepareConfig: D,
@@ -106,7 +106,7 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
             z.value = Math.max(0.1, l), F.value = Math.max(0.1, a - 12);
           });
         });
-        $.value && (S.value && $.value.unobserve(S.value), $.value.disconnect()), $.value = new ResizeObserver(t), S.value = _.value.parentNode, $.value.observe(S.value);
+        x.value && (S.value && x.value.unobserve(S.value), x.value.disconnect()), x.value = new ResizeObserver(t), S.value = _.value.parentNode, x.value.observe(S.value);
       }
       oe(U.value.percentage || 0);
     }
@@ -151,23 +151,23 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
       for (let a = 0; a < 100; a += 1) {
         const o = e.value.style.chart.layout.ticks.gradient.show ? de(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (P.value) {
-          const y = e.value.style.chart.layout.crescendo ? (100 - a) * (n.value.width - c.value.left - c.value.right) / 100 / 3 : 0, g = c.value.left + 4 + y, k = n.value.width - c.value.right - 4 - y, b = n.value.height - c.value.bottom - a * d.value.mark - a * d.value.space - d.value.mark, w = n.value.height - c.value.bottom - a * d.value.mark - a * d.value.space - d.value.mark, x = (k - g) / e.value.style.chart.layout.curveAngleX, A = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
+          const y = e.value.style.chart.layout.crescendo ? (100 - a) * (n.value.width - c.value.left - c.value.right) / 100 / 3 : 0, g = c.value.left + 4 + y, k = n.value.width - c.value.right - 4 - y, b = n.value.height - c.value.bottom - a * d.value.mark - a * d.value.space - d.value.mark, w = n.value.height - c.value.bottom - a * d.value.mark - a * d.value.space - d.value.mark, A = (k - g) / e.value.style.chart.layout.curveAngleX, O = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
             x1: g,
             x2: k,
             y1: b,
             y2: w,
-            curve: `M ${g} ${b} C ${g + x} ${b - A}, ${k - x} ${w - A}, ${k} ${w}`,
+            curve: `M ${g} ${b} C ${g + A} ${b - O}, ${k - A} ${w - O}, ${k} ${w}`,
             color: o
           });
         } else {
-          const y = e.value.style.chart.layout.crescendo ? (100 - a) * (n.value.height - c.value.top - c.value.bottom) / 100 / 3 : 0, g = c.value.left + a * d.value.mark + a * d.value.space - d.value.mark, k = g, b = c.value.top + 4 + y, w = n.value.height - c.value.bottom - 4 - y, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), A = (w - b) / e.value.style.chart.layout.curveAngleX;
+          const y = e.value.style.chart.layout.crescendo ? (100 - a) * (n.value.height - c.value.top - c.value.bottom) / 100 / 3 : 0, g = c.value.left + a * d.value.mark + a * d.value.space - d.value.mark, k = g, b = c.value.top + 4 + y, w = n.value.height - c.value.bottom - 4 - y, A = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), O = (w - b) / e.value.style.chart.layout.curveAngleX;
           t.push({
             x1: g,
             x2: k,
             y1: b,
             y2: w,
-            curve: `M ${g} ${b} C ${g + x} ${b + A}, ${k + x} ${w - A}, ${k} ${w}`,
+            curve: `M ${g} ${b} C ${g + A} ${b + O}, ${k + A} ${w - O}, ${k} ${w}`,
             color: o
           });
         }
@@ -216,7 +216,7 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
       } else
         Se();
     }
-    return ye({
+    return pe({
       getImage: xe,
       generatePdf: ae,
       generateImage: le,
@@ -232,21 +232,21 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
       onMouseenter: l[0] || (l[0] = () => s(Q)(!0)),
       onMouseleave: l[1] || (l[1] = () => s(Q)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), R(s(pe), {
+      e.value.userOptions.buttons.annotator ? (r(), R(s(ye), {
         key: 0,
         svgRef: s(G),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: N.value,
         onClose: H
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : m("", !0),
       _e.value ? (r(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ce,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
+      }, null, 512)) : m("", !0),
       e.value.style.chart.title.text ? (r(), u("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -266,7 +266,7 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : p("", !0),
+      ], 512)) : m("", !0),
       e.value.userOptions.show && we.value && (s(Z) || s(B)) ? (r(), R(s(me), {
         ref: "details",
         key: `user_options_${W.value}`,
@@ -299,40 +299,47 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
       }, Fe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: O(({ isOpen: a, color: o }) => [
-            m(t.$slots, "menuIcon", E(M({ isOpen: a, color: o })), void 0, !0)
+          fn: $(({ isOpen: a, color: o }) => [
+            p(t.$slots, "menuIcon", E(M({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: O(() => [
-            m(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: $(() => [
+            p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: O(() => [
-            m(t.$slots, "optionImg", {}, void 0, !0)
+          fn: $(() => [
+            p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: $(() => [
+            p(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: a, isFullscreen: o }) => [
-            m(t.$slots, "optionFullscreen", E(M({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: $(({ toggleFullscreen: a, isFullscreen: o }) => [
+            p(t.$slots, "optionFullscreen", E(M({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: a, isAnnotator: o }) => [
-            m(t.$slots, "optionAnnotator", E(M({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: $(({ toggleAnnotator: a, isAnnotator: o }) => [
+            p(t.$slots, "optionAnnotator", E(M({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       (r(), u("svg", {
         ref_key: "svgRef",
         ref: G,
@@ -352,8 +359,8 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
             pointerEvents: "none"
           }
         }, [
-          m(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ot)) : p("", !0),
+          p(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, ot)) : m("", !0),
         e.value.style.chart.layout.curved ? (r(), u("g", st, [
           (r(!0), u(ve, null, he(re.value, (a, o) => (r(), u("path", {
             d: a.curve,
@@ -400,24 +407,24 @@ const at = ["id"], lt = ["xmlns", "viewBox"], ot = ["width", "height"], st = { k
               r: e.value.style.chart.percentage.rounding
             })
           )), 9, vt))
-        ])) : p("", !0),
-        m(t.$slots, "svg", { svg: n.value }, void 0, !0)
+        ])) : m("", !0),
+        p(t.$slots, "svg", { svg: n.value }, void 0, !0)
       ], 14, lt)),
       t.$slots.watermark ? (r(), u("div", ht, [
-        m(t.$slots, "watermark", E(M({ isPrinting: s(ee) || s(te) })), void 0, !0)
-      ])) : p("", !0),
+        p(t.$slots, "watermark", E(M({ isPrinting: s(ee) || s(te) })), void 0, !0)
+      ])) : m("", !0),
       t.$slots.source ? (r(), u("div", {
         key: 5,
         ref_key: "source",
         ref: Y,
         dir: "auto"
       }, [
-        m(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
-      s(K) ? (r(), R(qe, { key: 6 })) : p("", !0)
+        p(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : m("", !0),
+      s(K) ? (r(), R(qe, { key: 6 })) : m("", !0)
     ], 46, at));
   }
-}, Ot = /* @__PURE__ */ tt(dt, [["__scopeId", "data-v-9473b7f9"]]);
+}, Ot = /* @__PURE__ */ tt(dt, [["__scopeId", "data-v-e1952655"]]);
 export {
   Ot as default
 };