vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4

package/dist/{vue-ui-tiremarks-C2G8HtiX.js → vue-ui-tiremarks-DXgmJClr.js}

@@ -1,10 +1,10 @@
-import { defineAsyncComponent as F, computed as h, ref as b, watch as ee, onMounted as ge, createElementBlock as c, openBlock as n, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as z, createCommentVNode as d, createSlots as pe, withCtx as x, renderSlot as p, 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-y56W8I7J.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 xe, f as Oe } from "./index-CbcpITE_.js";
-import { u as Ae } from "./usePrinter-u-gQiRNz.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 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-DqpZEE3h.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-BzQ0j5xI.js";
+import { u as Ae } from "./usePrinter-CpG5jh_z.js";
 import { u as Ie } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Fe } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-Dx8ctnVy.js";
+import ze from "./Title-CJcZXNtK.js";
 import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ne = ["id"], Me = {
   key: 2,
@@ -33,7 +33,7 @@ const Ne = ["id"], Me = {
     }
   },
   setup(se, { expose: ne }) {
-    const re = F(() => import("./PenAndPaper-B9RP4oFj.js")), ue = F(() => import("./vue-ui-skeleton-miKWlCAi.js")), ie = F(() => import("./UserOptions-CGn3YdRV.js")), ce = F(() => import("./PackageVersion-DCAZ9Z7V.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-BgPXmpGI.js")), ue = F(() => import("./vue-ui-skeleton-CavMQlAm.js")), ie = F(() => import("./UserOptions-Cs7JW3dK.js")), ce = F(() => import("./PackageVersion-OcbP0WH2.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 });
@@ -59,7 +59,7 @@ const Ne = ["id"], Me = {
     }), de = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), u = b(e.value.style.chart.animation.use ? 0 : _e(f.dataset.percentage));
     ee(() => f.dataset, (t) => {
       e.value.style.chart.animation.use ? Q(t.percentage) : u.value = t.percentage || 0;
-    }, { deep: !0 }), ge(() => {
+    }, { deep: !0 }), pe(() => {
       W();
     });
     function Q(t) {
@@ -94,37 +94,37 @@ const Ne = ["id"], Me = {
         left: e.value.style.chart.percentage.horizontalPosition === "left" ? t.left : 3,
         right: e.value.style.chart.percentage.horizontalPosition === "right" ? t.right : 10
       };
-    }), O = h(() => Object.values(i.value).reduce((t, r) => t + r, 0)), o = h(() => ({
+    }), x = h(() => Object.values(i.value).reduce((t, r) => t + r, 0)), o = h(() => ({
       height: C.value ? 312 : 56,
       width: C.value ? 56 : 312
     })), v = h(() => C.value ? {
-      mark: (o.value.height - O.value) / 100 * 0.5,
-      space: (o.value.height - O.value) / 100 * 0.5
+      mark: (o.value.height - x.value) / 100 * 0.5,
+      space: (o.value.height - x.value) / 100 * 0.5
     } : {
-      mark: (o.value.width - O.value) / 100 * 0.5,
-      space: (o.value.width - O.value) / 100 * 0.5
+      mark: (o.value.width - x.value) / 100 * 0.5,
+      space: (o.value.width - x.value) / 100 * 0.5
     }), Z = h(() => {
       const t = [];
       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, g = 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 - g) / 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, P = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
           t.push({
-            x1: g,
+            x1: p,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${g} ${m} C ${g + w} ${m - P}, ${y - w} ${k - P}, ${y} ${k}`,
+            curve: `M ${p} ${m} C ${p + w} ${m - P}, ${y - w} ${k - P}, ${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, g = i.value.left + a * v.value.mark + a * v.value.space - v.value.mark, y = g, 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), P = (k - m) / e.value.style.chart.layout.curveAngleX;
           t.push({
-            x1: g,
+            x1: p,
             x2: y,
             y1: m,
             y2: k,
-            curve: `M ${g} ${m} C ${g + w} ${m + P}, ${y + w} ${k - P}, ${y} ${k}`,
+            curve: `M ${p} ${m} C ${p + w} ${m + P}, ${y + w} ${k - P}, ${y} ${k}`,
             color: s
           });
         }
@@ -210,6 +210,7 @@ const Ne = ["id"], Me = {
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: I.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: fe,
         onGeneratePdf: l(J),
         onGenerateImage: l(K),
@@ -217,43 +218,43 @@ const Ne = ["id"], Me = {
         style: L({
           visibility: l(D) ? l(U) ? "visible" : "hidden" : "visible"
         })
-      }, pe({ _: 2 }, [
+      }, ge({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: x(({ isOpen: a, color: s }) => [
-            p(t.$slots, "menuIcon", S(N({ isOpen: a, color: s })), void 0, !0)
+          fn: O(({ isOpen: a, color: s }) => [
+            g(t.$slots, "menuIcon", S(N({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: x(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: O(() => [
+            g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: x(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
+          fn: O(() => [
+            g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: a, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", S(N({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: O(({ toggleFullscreen: a, isFullscreen: s }) => [
+            g(t.$slots, "optionFullscreen", S(N({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: a, isAnnotator: s }) => [
-            p(t.$slots, "optionAnnotator", S(N({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: O(({ toggleAnnotator: a, isAnnotator: s }) => [
+            g(t.$slots, "optionAnnotator", S(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", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
       M.value ? (n(), c("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -274,7 +275,7 @@ const Ne = ["id"], Me = {
             pointerEvents: "none"
           }
         }, [
-          p(t.$slots, "chart-background", {}, void 0, !0)
+          g(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ue)) : d("", !0),
         e.value.style.chart.layout.curved ? (n(), c("g", Ge, [
           (n(!0), c(te, null, ae(Z.value, (a, s) => (n(), c("path", {
@@ -304,22 +305,22 @@ 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(xe)(
+        }, me(l(Oe)(
           e.value.style.chart.percentage.formatter,
           u.value,
-          l(Oe)({
+          l(xe)({
             v: u.value,
             s: "%",
             r: e.value.style.chart.percentage.rounding
           })
         )), 9, Re)) : d("", !0),
-        p(t.$slots, "svg", { svg: o.value }, void 0, !0)
+        g(t.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, Te)) : d("", !0),
       t.$slots.watermark ? (n(), c("div", Be, [
-        p(t.$slots, "watermark", S(N({ isPrinting: l(Y) || l(q) })), void 0, !0)
+        g(t.$slots, "watermark", S(N({ isPrinting: l(Y) || l(q) })), void 0, !0)
       ])) : d("", !0),
       t.$slots.source ? (n(), c("div", Xe, [
-        p(t.$slots, "source", {}, void 0, !0)
+        g(t.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
       M.value ? d("", !0) : (n(), z(l(ue), {
         key: 7,
@@ -335,7 +336,7 @@ const Ne = ["id"], Me = {
       }, null, 8, ["config"]))
     ], 46, Ne));
   }
-}, Ze = /* @__PURE__ */ Se(De, [["__scopeId", "data-v-18f40a65"]]);
+}, Ze = /* @__PURE__ */ Se(De, [["__scopeId", "data-v-d54c8cf2"]]);
 export {
   Ze as default
 };