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

package/dist/{vue-ui-gauge-sP6YPTJH.js → vue-ui-gauge-BhPFNziU.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as E, computed as y, ref as m, watch as ke, shallowRef as be, onMounted as De, onBeforeUnmount as Be, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as q, normalizeClass as _e, createBlock as W, createCommentVNode as c, createElementVNode as p, withCtx as X, toDisplayString as M, createSlots as Ve, renderSlot as x, normalizeProps as j, guardReactiveProps as T, createVNode as qe, Fragment as g, renderList as S, mergeProps as Y } from "vue";
-import { u as He, c as Ze, t as Je, p as xe, a as Ke, b as Qe, o as we, d as et, e as U, g as Se, m as H, M as F, N as tt, X as at, s as Z, n as lt, i as J, f as K, F as Q } from "./index-CbcpITE_.js";
+import { defineAsyncComponent as E, computed as y, ref as p, watch as ke, shallowRef as be, onMounted as De, onBeforeUnmount as Be, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as q, normalizeClass as _e, createBlock as W, createCommentVNode as c, createElementVNode as m, withCtx as X, toDisplayString as M, createSlots as Ve, renderSlot as x, normalizeProps as j, guardReactiveProps as T, createVNode as qe, Fragment as g, renderList as S, mergeProps as Y } from "vue";
+import { u as He, c as Ze, t as Je, p as xe, a as Ke, b as Qe, o as we, d as et, e as U, g as Se, m as H, M as F, N as tt, X as at, s as Z, n as lt, i as J, f as K, F as Q } from "./index-BzQ0j5xI.js";
 import { t as rt, u as st } from "./useResponsive-JZ9xq-JV.js";
-import { u as $e } from "./useNestedProp-y56W8I7J.js";
-import { u as ot } from "./usePrinter-u-gQiRNz.js";
+import { u as $e } from "./useNestedProp-DqpZEE3h.js";
+import { u as ot } from "./usePrinter-CpG5jh_z.js";
 import { u as ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nt } from "./useChartAccessibility-9icAAmYg.js";
-import it from "./Title-Dx8ctnVy.js";
+import it from "./Title-CJcZXNtK.js";
 import { _ as ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "height"], ft = ["id"], mt = ["stop-color"], pt = ["stop-color"], gt = ["stop-color"], kt = ["id"], bt = ["stdDeviation"], _t = { key: 1 }, xt = ["d", "fill", "stroke"], wt = ["d", "fill", "stroke"], St = ["d", "fill"], $t = ["id", "d"], zt = ["fill", "font-size", "font-weight"], Ft = ["href", "startOffset"], Ct = ["x", "y", "text-anchor", "fill", "font-size", "font-weight"], Ot = ["d", "filter"], Mt = ["stroke", "stroke-width"], Pt = ["stroke", "stroke-width"], Nt = ["stroke", "stroke-width"], Xt = ["stroke", "stroke-width"], It = { key: 8 }, Yt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], At = ["x", "y", "font-size", "font-weight", "fill"], Rt = { key: 0 }, Gt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Et = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Wt = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], jt = { key: 1 }, Tt = ["d", "fill", "stroke", "stroke-width"], Ut = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], Lt = ["x", "y", "font-size", "fill"], Dt = {
+const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "height"], ft = ["id"], pt = ["stop-color"], mt = ["stop-color"], gt = ["stop-color"], kt = ["id"], bt = ["stdDeviation"], _t = { key: 1 }, xt = ["d", "fill", "stroke"], wt = ["d", "fill", "stroke"], St = ["d", "fill"], $t = ["id", "d"], zt = ["fill", "font-size", "font-weight"], Ft = ["href", "startOffset"], Ct = ["x", "y", "text-anchor", "fill", "font-size", "font-weight"], Ot = ["d", "filter"], Mt = ["stroke", "stroke-width"], Pt = ["stroke", "stroke-width"], Nt = ["stroke", "stroke-width"], Xt = ["stroke", "stroke-width"], It = { key: 8 }, Yt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], At = ["x", "y", "font-size", "font-weight", "fill"], Rt = { key: 0 }, Gt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Et = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Wt = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], jt = { key: 1 }, Tt = ["d", "fill", "stroke", "stroke-width"], Ut = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], Lt = ["x", "y", "font-size", "fill"], Dt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Bt = {
@@ -27,7 +27,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
     }
   },
   setup(L, { expose: ze }) {
-    const Fe = E(() => import("./PenAndPaper-B9RP4oFj.js")), Ce = E(() => import("./vue-ui-skeleton-miKWlCAi.js")), Oe = E(() => import("./UserOptions-CGn3YdRV.js")), Me = E(() => import("./PackageVersion-DCAZ9Z7V.js")), { vue_ui_gauge: Pe } = He(), d = L, A = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = m(Ze()), Ne = m(null), ee = m(0), R = m(null), te = m(null), ae = m(null), le = m(null), re = m(null), se = m(0), e = y({
+    const Fe = E(() => import("./PenAndPaper-BgPXmpGI.js")), Ce = E(() => import("./vue-ui-skeleton-CavMQlAm.js")), Oe = E(() => import("./UserOptions-Cs7JW3dK.js")), Me = E(() => import("./PackageVersion-OcbP0WH2.js")), { vue_ui_gauge: Pe } = He(), d = L, A = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = p(Ze()), Ne = p(null), ee = p(0), R = p(null), te = p(null), ae = p(null), le = p(null), re = p(null), se = p(0), e = y({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: D, setUserOptionsVisibility: oe, keepUserOptionState: ue } = ut({ config: e.value }), { svgRef: ne } = nt({ config: e.value.style.chart.title });
@@ -75,7 +75,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
           value: ((a.to || 0) - (a.from || 0)) / o * 100
         }))
       };
-    }), k = m(512), l = m({
+    }), k = p(512), l = p({
       height: 358.4,
       width: k.value,
       top: 0,
@@ -90,11 +90,11 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
       pointerStrokeWidth: e.value.style.chart.layout.pointer.strokeWidth,
       markerOffset: e.value.style.chart.layout.markers.offsetY + 3,
       segmentFontSize: e.value.style.chart.layout.segmentNames.fontSize
-    }), P = m(0), $ = m(0), f = m(
+    }), P = p(0), $ = p(0), f = p(
       e.value.style.chart.animation.use ? Math.min(...d.dataset.series.map((t) => t.from)) : d.dataset.value
     );
     ke(() => d.dataset.value, () => {
-      me(d.dataset.value);
+      pe(d.dataset.value);
     });
     const i = y(() => {
       const t = l.value.width / 2, o = v.value.base, a = Math.PI * ((f.value + 0 - $.value) / (P.value - $.value)) + Math.PI;
@@ -144,7 +144,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
         componentName: "VueUiGauge",
         type: "datasetAttributeEmpty",
         property: "series"
-      }))), me(d.dataset.value || 0), e.value.responsive) {
+      }))), pe(d.dataset.value || 0), e.value.responsive) {
         const t = rt(() => {
           const { width: o, height: a } = st({
             chart: R.value,
@@ -183,7 +183,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
     }), Be(() => {
       z.value && (N.value && z.value.unobserve(N.value), z.value.disconnect());
     });
-    function me(t) {
+    function pe(t) {
       const o = [];
       (C.value.series || []).forEach((w) => {
         o.push(w.from || 0), o.push(w.to || 0);
@@ -228,7 +228,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
       180,
       109.9495,
       40 * l.value.trackSize
-    )), O = y(() => h.value.map((t) => v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio * (t.nameOffsetRatio || 1))), pe = y(() => {
+    )), O = y(() => h.value.map((t) => v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio * (t.nameOffsetRatio || 1))), me = y(() => {
       const { x: t, y: o } = F({
         initX: h.value[0].firstSeparator.x,
         initY: h.value[0].firstSeparator.y,
@@ -288,11 +288,11 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
           percentage: (f.value + t) / (P.value + t)
         }
       );
-    }), I = m(!1);
+    }), I = p(!1);
     function We(t) {
       I.value = t, ee.value += 1;
     }
-    const G = m(!1);
+    const G = p(!1);
     function V() {
       G.value = !G.value;
     }
@@ -365,6 +365,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
         isFullscreen: I.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: R.value,
+        callbacks: e.value.userOptions.callbacks,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: G.value,
@@ -411,7 +412,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "callbacks", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       A.value ? (s(), u("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -434,8 +435,8 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
         }, [
           x(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, yt)) : c("", !0),
-        p("defs", null, [
-          p("radialGradient", {
+        m("defs", null, [
+          m("radialGradient", {
             id: `gradient_${b.value}`,
             cx: "50%",
             cy: "50%",
@@ -443,29 +444,29 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
             fx: "50%",
             fy: "50%"
           }, [
-            p("stop", {
+            m("stop", {
               offset: "0%",
               "stop-color": n(Z)("#FFFFFF", 1)
-            }, null, 8, mt),
-            p("stop", {
+            }, null, 8, pt),
+            m("stop", {
               offset: "80%",
               "stop-color": n(Z)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
-            }, null, 8, pt),
-            p("stop", {
+            }, null, 8, mt),
+            m("stop", {
               offset: "100%",
               "stop-color": n(Z)("#FFFFFF", 1)
             }, null, 8, gt)
           ], 8, ft)
         ]),
-        p("defs", null, [
-          p("filter", {
+        m("defs", null, [
+          m("filter", {
             id: `blur_${b.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            p("feGaussianBlur", {
+            m("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.track.gradientIntensity
             }, null, 8, bt)
@@ -507,7 +508,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
             "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
             "text-anchor": "middle"
           }, [
-            p("textPath", {
+            m("textPath", {
               href: `#curve_${b.value}_${r}`,
               startOffset: Re.value[r]
             }, M(a.name || ""), 9, Ft)
@@ -530,12 +531,12 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
           filter: `url(#blur_${b.value})`
         }, null, 8, Ot))), 128)) : c("", !0),
         e.value.style.chart.layout.segmentSeparators.show ? (s(), u(g, { key: 7 }, [
-          p("line", Y(pe.value, {
+          m("line", Y(me.value, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
             "stroke-linecap": "round"
           }), null, 16, Mt),
-          p("line", Y(pe.value, {
+          m("line", Y(me.value, {
             stroke: e.value.style.chart.layout.segmentSeparators.stroke,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
@@ -655,7 +656,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
               "stroke-linejoin": "round"
             }, null, 8, Tt)) : c("", !0)
           ])),
-          p("circle", {
+          m("circle", {
             cx: l.value.width / 2,
             cy: v.value.base,
             fill: e.value.style.chart.layout.pointer.circle.color,
@@ -699,7 +700,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
           }
         }
       }, null, 8, ["config"])),
-      p("div", {
+      m("div", {
         ref_key: "chartLegend",
         ref: ae
       }, [
@@ -715,7 +716,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
       ], 512)) : c("", !0)
     ], 46, vt));
   }
-}, aa = /* @__PURE__ */ ct(Bt, [["__scopeId", "data-v-a20fa622"]]);
+}, aa = /* @__PURE__ */ ct(Bt, [["__scopeId", "data-v-99d985dc"]]);
 export {
   aa as default
 };

package/dist/{vue-ui-gizmo-B4fq_bGX.js → vue-ui-gizmo-B2wA-kmz.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as z, ref as G, useSlots as L, onMounted as _, computed as c, watch as N, createElementBlock as s, openBlock as a, normalizeStyle as $, createVNode as F, createCommentVNode as n, unref as l, createElementVNode as t, Fragment as p, toDisplayString as y } from "vue";
-import { u as V, c as B, e as P, i as k, f as m } from "./index-CbcpITE_.js";
-import { u as U } from "./useNestedProp-y56W8I7J.js";
+import { u as V, c as B, e as P, i as k, f as m } from "./index-BzQ0j5xI.js";
+import { u as U } from "./useNestedProp-DqpZEE3h.js";
 const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"], A = ["stop-color"], E = ["stroke"], O = ["stroke"], j = ["width", "fill"], T = ["fill"], q = { key: 0 }, H = ["id"], J = ["stroke"], K = ["stroke", "stroke-dasharray", "stroke-dashoffset"], Q = ["filter"], R = ["stroke", "stroke-dasharray", "stroke-dashoffset"], W = ["fill"], ee = {
   __name: "vue-ui-gizmo",
   props: {
@@ -16,7 +16,7 @@ const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"],
     }
   },
   setup(f) {
-    const w = z(() => import("./PackageVersion-DCAZ9Z7V.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
+    const w = z(() => import("./PackageVersion-OcbP0WH2.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
     _(() => {
       h();
     }), _(() => {