vue-data-ui 2.16.4 → 2.16.6

package/dist/{vue-ui-tiremarks-BTHDxycu.js → vue-ui-tiremarks-DiLS3akQ.js}

@@ -1,11 +1,11 @@
-import { defineAsyncComponent as F, computed as h, ref as b, watch as ee, onMounted as pe, createElementBlock as c, openBlock as n, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as z, createCommentVNode as d, createSlots as ge, withCtx as O, renderSlot as g, normalizeProps as S, guardReactiveProps as N, createVNode as ye, Fragment as te, renderList as ae, toDisplayString as me } from "vue";
-import { u as oe } from "./useNestedProp-Ej-oqNyf.js";
-import { u as ke, c as be, a as Ce, v as _e, o as $e, e as we, w as le, X as Pe, i as Oe, f as xe } from "./index-BsirVW_m.js";
-import { u as Ae } from "./usePrinter-Dpd-vZym.js";
+import { defineAsyncComponent as F, computed as h, ref as b, watch as ee, onMounted as pe, createElementBlock as c, openBlock as n, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as S, createCommentVNode as d, createSlots as ge, withCtx as P, renderSlot as g, normalizeProps as z, guardReactiveProps as N, createVNode as ye, Fragment as te, renderList as ae, toDisplayString as me } from "vue";
+import { u as oe } from "./useNestedProp-DrYHm61t.js";
+import { u as ke, c as be, a as Ce, v as _e, o as $e, e as we, w as le, X as Oe, i as Pe, f as xe } from "./index-DvIXJm6t.js";
+import { u as Ae } from "./usePrinter-CWnXbGMb.js";
 import { u as Ie } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Fe } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-DTuTBtAe.js";
-import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import Se from "./Title-Gi81VwUM.js";
+import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ne = ["id"], Me = {
   key: 2,
   style: "width:100%;background:transparent;padding-bottom:12px"
@@ -33,7 +33,7 @@ const Ne = ["id"], Me = {
     }
   },
   setup(se, { expose: ne }) {
-    const re = F(() => import("./PenAndPaper-CixPm-N0.js")), ue = F(() => import("./vue-ui-skeleton-CchtfQiJ.js")), ie = F(() => import("./UserOptions-D8SRavqE.js")), ce = F(() => import("./PackageVersion-DfefmcMg.js")), { vue_ui_tiremarks: ve } = ke(), f = se, M = h(() => !!f.dataset && Object.keys(f.dataset).length), T = b(be()), E = b(null), he = b(null), R = b(0), B = b(0), e = h({
+    const re = F(() => import("./PenAndPaper-BPTpbnay.js")), ue = F(() => import("./vue-ui-skeleton-BAOt2neL.js")), ie = F(() => import("./UserOptions-CBEK6_jo.js")), ce = F(() => import("./PackageVersion-Bg_9KCU-.js")), { vue_ui_tiremarks: ve } = ke(), f = se, M = h(() => !!f.dataset && Object.keys(f.dataset).length), T = b(be()), E = b(null), he = b(null), R = b(0), B = b(0), e = h({
       get: () => V(),
       set: (t) => t
     }), { userOptionsVisible: U, setUserOptionsVisibility: X, keepUserOptionState: D } = Ie({ config: e.value }), { svgRef: H } = Fe({ config: e.value.style.chart.title });
@@ -108,23 +108,23 @@ const Ne = ["id"], Me = {
       for (let a = 0; a < 100; a += 1) {
         const s = e.value.style.chart.layout.ticks.gradient.show ? le(e.value.style.chart.layout.activeColor, a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.activeColor;
         if (C.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 - $, m = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = 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, P = 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, p = i.value.left + 4 + $, y = o.value.width - i.value.right - 4 - $, m = o.value.height - i.value.bottom - a * v.value.mark - a * v.value.space - v.value.mark, k = 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, O = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
             x1: p,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${p} ${m} C ${p + w} ${m - P}, ${y - w} ${k - P}, ${y} ${k}`,
+            curve: `M ${p} ${m} C ${p + w} ${m - O}, ${y - w} ${k - O}, ${y} ${k}`,
             color: s
           });
         } 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, m = i.value.top + 4 + $, k = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), P = (k - m) / 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, p = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = p, m = i.value.top + 4 + $, k = o.value.height - i.value.bottom - 4 - $, w = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), O = (k - m) / e.value.style.chart.layout.curveAngleX;
           t.push({
             x1: p,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${p} ${m} C ${p + w} ${m + P}, ${y + w} ${k - P}, ${y} ${k}`,
+            curve: `M ${p} ${m} C ${p + w} ${m + O}, ${y + w} ${k - O}, ${y} ${k}`,
             color: s
           });
         }
@@ -162,7 +162,7 @@ const Ne = ["id"], Me = {
       onMouseenter: r[0] || (r[0] = () => l(X)(!0)),
       onMouseleave: r[1] || (r[1] = () => l(X)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), z(l(re), {
+      e.value.userOptions.buttons.annotator ? (n(), S(l(re), {
         key: 0,
         svgRef: l(H),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -178,7 +178,7 @@ const Ne = ["id"], Me = {
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : d("", !0),
       e.value.style.chart.title.text ? (n(), c("div", Me, [
-        (n(), z(ze, {
+        (n(), S(Se, {
           key: `title_${B.value}`,
           config: {
             title: {
@@ -192,7 +192,7 @@ const Ne = ["id"], Me = {
           }
         }, null, 8, ["config"]))
       ])) : d("", !0),
-      e.value.userOptions.show && M.value && (l(D) || l(U)) ? (n(), z(l(ie), {
+      e.value.userOptions.show && M.value && (l(D) || l(U)) ? (n(), S(l(ie), {
         ref: "details",
         key: `user_options_${R.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -211,6 +211,7 @@ const Ne = ["id"], Me = {
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: I.value,
         callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: fe,
         onGeneratePdf: l(J),
         onGenerateImage: l(K),
@@ -221,45 +222,45 @@ const Ne = ["id"], Me = {
       }, ge({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: O(({ isOpen: a, color: s }) => [
-            g(t.$slots, "menuIcon", S(N({ isOpen: a, color: s })), void 0, !0)
+          fn: P(({ isOpen: a, color: s }) => [
+            g(t.$slots, "menuIcon", z(N({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: O(() => [
+          fn: P(() => [
             g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: O(() => [
+          fn: P(() => [
             g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: O(({ toggleFullscreen: a, isFullscreen: s }) => [
-            g(t.$slots, "optionFullscreen", S(N({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: P(({ toggleFullscreen: a, isFullscreen: s }) => [
+            g(t.$slots, "optionFullscreen", z(N({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: O(({ toggleAnnotator: a, isAnnotator: s }) => [
-            g(t.$slots, "optionAnnotator", S(N({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: P(({ toggleAnnotator: a, isAnnotator: s }) => [
+            g(t.$slots, "optionAnnotator", z(N({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
       M.value ? (n(), c("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: H,
-        xmlns: l(Pe),
+        xmlns: l(Oe),
         class: j({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: L(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
@@ -305,7 +306,7 @@ const Ne = ["id"], Me = {
           fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? l(le)(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": _.value.bold ? "bold" : "normal",
           "text-anchor": _.value.textAnchor
-        }, me(l(Oe)(
+        }, me(l(Pe)(
           e.value.style.chart.percentage.formatter,
           u.value,
           l(xe)({
@@ -317,12 +318,12 @@ const Ne = ["id"], Me = {
         g(t.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, Te)) : d("", !0),
       t.$slots.watermark ? (n(), c("div", Be, [
-        g(t.$slots, "watermark", S(N({ isPrinting: l(Y) || l(q) })), void 0, !0)
+        g(t.$slots, "watermark", z(N({ isPrinting: l(Y) || l(q) })), void 0, !0)
       ])) : d("", !0),
       t.$slots.source ? (n(), c("div", Xe, [
         g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      M.value ? d("", !0) : (n(), z(l(ue), {
+      M.value ? d("", !0) : (n(), S(l(ue), {
         key: 7,
         config: {
           type: "tiremarks",
@@ -336,7 +337,7 @@ const Ne = ["id"], Me = {
       }, null, 8, ["config"]))
     ], 46, Ne));
   }
-}, Ze = /* @__PURE__ */ Se(De, [["__scopeId", "data-v-d54c8cf2"]]);
+}, Ze = /* @__PURE__ */ ze(De, [["__scopeId", "data-v-fb5a8e7d"]]);
 export {
   Ze as default
 };