vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-tiremarks-WWgS2mqw.js → vue-ui-tiremarks-VWxcZxB-.js}

@@ -1,24 +1,25 @@
-import { computed as h, ref as k, watch as W, onMounted as ie, createElementBlock as c, openBlock as s, unref as n, normalizeStyle as U, normalizeClass as G, createBlock as I, createCommentVNode as d, createSlots as ce, withCtx as F, renderSlot as b, normalizeProps as L, guardReactiveProps as j, createVNode as ve, Fragment as Z, renderList as ee, toDisplayString as he } from "vue";
-import { u as te } from "./useNestedProp-g5oKzlVy.js";
-import { u as de, c as fe, a as pe, v as ye, o as ge, e as me, w as ae, X as ke, i as be, f as _e } from "./index-B9qF6XbP.js";
-import { _ as Ce } from "./Title-D6h1gTvZ.js";
-import { u as $e, U as we } from "./usePrinter-DsiBLAy1.js";
-import xe from "./vue-ui-skeleton-CHEZlRpn.js";
-import { _ as Pe } from "./PackageVersion-DqmHcoqz.js";
-import { P as Oe } from "./PenAndPaper-6UYizrkQ.js";
-import { u as Ae } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Fe = ["id"], ze = {
+import { computed as h, ref as k, watch as W, onMounted as ce, createElementBlock as c, openBlock as s, unref as n, normalizeStyle as U, normalizeClass as G, createBlock as I, createCommentVNode as d, createSlots as ve, withCtx as F, renderSlot as b, normalizeProps as L, guardReactiveProps as j, createVNode as he, Fragment as Z, renderList as ee, toDisplayString as de } from "vue";
+import { u as te } from "./useNestedProp-Cg0NIwr6.js";
+import { u as fe, c as ye, a as ge, v as pe, o as me, e as ke, w as ae, X as be, i as _e, f as Ce } from "./index-CZlI7PiS.js";
+import { _ as $e } from "./Title-DePxeqVl.js";
+import { u as we, U as xe } from "./usePrinter-D-sSdR2l.js";
+import Pe from "./vue-ui-skeleton-D8r-yAkW.js";
+import { _ as Oe } from "./PackageVersion-J_USnljf.js";
+import { P as Ae } from "./PenAndPaper-CoEXEMcN.js";
+import { u as Ie } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Fe } from "./useChartAccessibility-BWojgys7.js";
+import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Se = ["id"], Ne = {
   key: 2,
   style: "width:100%;background:transparent;padding-bottom:12px"
-}, Se = ["xmlns", "viewBox"], Ne = ["width", "height"], Me = { key: 1 }, Te = ["d", "stroke-width", "stroke"], Ue = { key: 2 }, Ge = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Le = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], je = {
+}, Me = ["xmlns", "viewBox"], Te = ["width", "height"], Ue = { key: 1 }, Ge = ["d", "stroke-width", "stroke"], Le = { key: 2 }, je = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Ee = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Be = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ee = {
+}, Xe = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, Be = {
+}, De = {
   __name: "vue-ui-tiremarks",
   props: {
     config: {
@@ -35,10 +36,10 @@ const Fe = ["id"], ze = {
     }
   },
   setup(oe, { expose: le }) {
-    const { vue_ui_tiremarks: se } = de(), f = oe, z = h(() => !!f.dataset && Object.keys(f.dataset).length), S = k(fe()), N = k(null), re = k(null), E = k(0), B = k(0), e = h({
+    const { vue_ui_tiremarks: se } = fe(), f = oe, z = h(() => !!f.dataset && Object.keys(f.dataset).length), S = k(ye()), N = k(null), re = k(null), E = k(0), B = k(0), e = h({
       get: () => H(),
       set: (t) => t
-    }), { userOptionsVisible: M, setUserOptionsVisibility: X, keepUserOptionState: D } = Ae({ config: e.value });
+    }), { userOptionsVisible: M, setUserOptionsVisibility: X, keepUserOptionState: D } = Ie({ config: e.value }), { svgRef: ne } = Fe({ config: e.value.style.chart.title });
     function H() {
       const t = te({
         userConfig: f.config,
@@ -46,7 +47,7 @@ const Fe = ["id"], ze = {
       });
       return t.theme ? {
         ...te({
-          userConfig: pe.vue_ui_tiremarks[t.theme] || f.config,
+          userConfig: ge.vue_ui_tiremarks[t.theme] || f.config,
           defaultConfig: t
         })
       } : t;
@@ -54,13 +55,13 @@ const Fe = ["id"], ze = {
     W(() => f.config, (t) => {
       e.value = H(), M.value = !e.value.userOptions.showOnChartHover, K(), B.value += 1;
     }, { deep: !0 });
-    const { isPrinting: R, isImaging: V, generatePdf: Y, generateImage: q } = $e({
+    const { isPrinting: R, isImaging: V, generatePdf: Y, generateImage: q } = we({
       elementId: S.value,
       fileName: e.value.style.chart.title.text || "vue-ui-tiremarks"
-    }), ne = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), u = k(e.value.style.chart.animation.use ? 0 : ye(f.dataset.percentage));
+    }), ue = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), u = k(e.value.style.chart.animation.use ? 0 : pe(f.dataset.percentage));
     W(() => f.dataset, (t) => {
       e.value.style.chart.animation.use ? J(t.percentage) : u.value = t.percentage || 0;
-    }, { deep: !0 }), ie(() => {
+    }, { deep: !0 }), ce(() => {
       K();
     });
     function J(t) {
@@ -72,7 +73,7 @@ const Fe = ["id"], ze = {
       l();
     }
     function K() {
-      ge(f.dataset) && me({
+      me(f.dataset) && ke({
         componentName: "VueUiTiremarks",
         type: "dataset"
       }), J(f.dataset.percentage || 0);
@@ -109,23 +110,23 @@ const Fe = ["id"], ze = {
       for (let a = 0; a < 100; a += 1) {
         const l = e.value.style.chart.layout.ticks.gradient.show ? ae(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (_.value) {
-          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.width - i.value.left - i.value.right) / 100 / 3 : 0, p = i.value.left + 4 + $, y = o.value.width - i.value.right - 4 - $, g = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, m = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, w = (y - p) / e.value.style.chart.layout.curveAngleX, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
+          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.width - i.value.left - i.value.right) / 100 / 3 : 0, y = i.value.left + 4 + $, g = o.value.width - i.value.right - 4 - $, p = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, m = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, w = (g - y) / e.value.style.chart.layout.curveAngleX, x = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
-            x1: p,
-            x2: y,
-            y1: g,
+            x1: y,
+            x2: g,
+            y1: p,
             y2: m,
-            curve: `M ${p} ${g} C ${p + w} ${g - x}, ${y - w} ${m - x}, ${y} ${m}`,
+            curve: `M ${y} ${p} C ${y + w} ${p - x}, ${g - w} ${m - x}, ${g} ${m}`,
             color: l
           });
         } else {
-          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, p = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = p, g = i.value.top + 4 + $, m = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), x = (m - g) / e.value.style.chart.layout.curveAngleX;
+          const $ = e.value.style.chart.layout.crescendo ? (100 - a) * (o.value.height - i.value.top - i.value.bottom) / 100 / 3 : 0, y = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, g = y, p = i.value.top + 4 + $, m = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), x = (m - p) / e.value.style.chart.layout.curveAngleX;
           t.push({
-            x1: p,
-            x2: y,
-            y1: g,
+            x1: y,
+            x2: g,
+            y1: p,
             y2: m,
-            curve: `M ${p} ${g} C ${p + w} ${g + x}, ${y + w} ${m - x}, ${y} ${m}`,
+            curve: `M ${y} ${p} C ${y + w} ${p + x}, ${g + w} ${m - x}, ${g} ${m}`,
             color: l
           });
         }
@@ -143,7 +144,7 @@ const Fe = ["id"], ze = {
         fill: e.value.style.chart.percentage.color
       };
     }), O = k(!1);
-    function ue(t) {
+    function ie(t) {
       O.value = t, E.value += 1;
     }
     const A = k(!1);
@@ -163,7 +164,7 @@ const Fe = ["id"], ze = {
       onMouseenter: r[0] || (r[0] = () => n(X)(!0)),
       onMouseleave: r[1] || (r[1] = () => n(X)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), I(Oe, {
+      e.value.userOptions.buttons.annotator ? (s(), I(Ae, {
         key: 0,
         parent: N.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -171,15 +172,15 @@ const Fe = ["id"], ze = {
         active: A.value,
         onClose: T
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : d("", !0),
-      ne.value ? (s(), c("div", {
+      ue.value ? (s(), c("div", {
         key: 1,
         ref_key: "noTitle",
         ref: re,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : d("", !0),
-      e.value.style.chart.title.text ? (s(), c("div", ze, [
-        (s(), I(Ce, {
+      e.value.style.chart.title.text ? (s(), c("div", Ne, [
+        (s(), I($e, {
           key: `title_${B.value}`,
           config: {
             title: {
@@ -193,7 +194,7 @@ const Fe = ["id"], ze = {
           }
         }, null, 8, ["config"]))
       ])) : d("", !0),
-      e.value.userOptions.show && z.value && (n(D) || n(M)) ? (s(), I(we, {
+      e.value.userOptions.show && z.value && (n(D) || n(M)) ? (s(), I(xe, {
         ref: "details",
         key: `user_options_${E.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -211,14 +212,14 @@ const Fe = ["id"], ze = {
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: A.value,
-        onToggleFullscreen: ue,
+        onToggleFullscreen: ie,
         onGeneratePdf: n(Y),
         onGenerateImage: n(q),
         onToggleAnnotator: T,
         style: U({
           visibility: n(D) ? n(M) ? "visible" : "hidden" : "visible"
         })
-      }, ce({ _: 2 }, [
+      }, ve({ _: 2 }, [
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: F(() => [
@@ -250,12 +251,14 @@ const Fe = ["id"], ze = {
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
       z.value ? (s(), c("svg", {
         key: 4,
-        xmlns: n(ke),
+        ref_key: "svgRef",
+        ref: ne,
+        xmlns: n(be),
         class: G({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: U(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ve(Pe),
+        he(Oe),
         t.$slots["chart-background"] ? (s(), c("foreignObject", {
           key: 0,
           x: 0,
@@ -267,8 +270,8 @@ const Fe = ["id"], ze = {
           }
         }, [
           b(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ne)) : d("", !0),
-        e.value.style.chart.layout.curved ? (s(), c("g", Me, [
+        ], 8, Te)) : d("", !0),
+        e.value.style.chart.layout.curved ? (s(), c("g", Ue, [
           (s(!0), c(Z, null, ee(Q.value, (a, l) => (s(), c("path", {
             d: a.curve,
             "stroke-width": v.value.mark,
@@ -276,8 +279,8 @@ const Fe = ["id"], ze = {
             "stroke-linecap": "round",
             fill: "none",
             class: G({ "vue-ui-tick-animated": e.value.style.chart.animation.use && l <= u.value })
-          }, null, 10, Te))), 256))
-        ])) : (s(), c("g", Ue, [
+          }, null, 10, Ge))), 256))
+        ])) : (s(), c("g", Le, [
           (s(!0), c(Z, null, ee(Q.value, (a, l) => (s(), c("line", {
             x1: a.x1,
             y1: a.y1,
@@ -286,7 +289,7 @@ const Fe = ["id"], ze = {
             "stroke-width": v.value.mark,
             stroke: u.value >= l ? a.color : e.value.style.chart.layout.inactiveColor,
             "stroke-linecap": "round"
-          }, null, 8, Ge))), 256))
+          }, null, 8, je))), 256))
         ])),
         e.value.style.chart.percentage.show ? (s(), c("text", {
           key: 3,
@@ -296,24 +299,24 @@ const Fe = ["id"], ze = {
           fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? n(ae)(e.value.style.chart.layout.activeColor, u.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.percentage.color,
           "font-weight": C.value.bold ? "bold" : "normal",
           "text-anchor": C.value.textAnchor
-        }, he(n(be)(
+        }, de(n(_e)(
           e.value.style.chart.percentage.formatter,
           u.value,
-          n(_e)({
+          n(Ce)({
             v: u.value,
             s: "%",
             r: e.value.style.chart.percentage.rounding
           })
-        )), 9, Le)) : d("", !0),
+        )), 9, Ee)) : d("", !0),
         b(t.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, Se)) : d("", !0),
-      t.$slots.watermark ? (s(), c("div", je, [
+      ], 14, Me)) : d("", !0),
+      t.$slots.watermark ? (s(), c("div", Be, [
         b(t.$slots, "watermark", L(j({ isPrinting: n(R) || n(V) })), void 0, !0)
       ])) : d("", !0),
-      t.$slots.source ? (s(), c("div", Ee, [
+      t.$slots.source ? (s(), c("div", Xe, [
         b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      z.value ? d("", !0) : (s(), I(xe, {
+      z.value ? d("", !0) : (s(), I(Pe, {
         key: 7,
         config: {
           type: "tiremarks",
@@ -325,9 +328,9 @@ const Fe = ["id"], ze = {
           }
         }
       }, null, 8, ["config"]))
-    ], 46, Fe));
+    ], 46, Se));
   }
-}, We = /* @__PURE__ */ Ie(Be, [["__scopeId", "data-v-e52b4658"]]);
+}, tt = /* @__PURE__ */ ze(De, [["__scopeId", "data-v-85afd94d"]]);
 export {
-  We as default
+  tt as default
 };