vue-data-ui 3.1.18 → 3.1.19-next.0

package/dist/{vue-ui-gauge-hTRlwARA.js → vue-ui-gauge-MM8rPNWR.js}

@@ -1,16 +1,17 @@
-import { defineAsyncComponent as K, computed as h, ref as f, toRefs as Je, watch as Q, shallowRef as $e, onMounted as Ke, onBeforeUnmount as Qe, createElementBlock as o, openBlock as r, unref as n, normalizeStyle as ee, normalizeClass as ze, createBlock as j, createCommentVNode as c, createElementVNode as p, withCtx as X, toDisplayString as R, createSlots as et, renderSlot as x, normalizeProps as B, guardReactiveProps as U, createVNode as tt, Fragment as k, renderList as $, mergeProps as E, nextTick as at } from "vue";
-import { u as lt, c as st, t as rt, a as ot, p as Fe, b as ut, d as nt, o as Ae, e as it, f as W, g as Ce, m as te, N as A, O as ct, h as vt, X as ht, s as ae, I as dt, r as ft, k as le, i as se, E as re } from "./index-smzxfsyV.js";
-import { t as yt, u as mt } from "./useResponsive-DfdjqQps.js";
-import { u as Oe } from "./useNestedProp-DeKmJzsE.js";
-import { u as gt } from "./usePrinter-nFj0xF0a.js";
-import { u as pt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as kt } from "./useChartAccessibility-9icAAmYg.js";
-import bt from "./Title-B_WMW2Bp.js";
-import _t from "./img-BArHHegM.js";
+import { defineAsyncComponent as K, computed as h, ref as f, toRefs as Je, watch as Q, shallowRef as $e, onMounted as Ke, onBeforeUnmount as Qe, createElementBlock as o, openBlock as r, unref as n, normalizeStyle as ee, normalizeClass as ze, createBlock as j, createCommentVNode as c, createElementVNode as p, withCtx as X, toDisplayString as R, createSlots as et, renderSlot as x, normalizeProps as B, guardReactiveProps as U, createVNode as tt, Fragment as k, renderList as $, mergeProps as L, nextTick as at } from "vue";
+import { c as lt, t as st, b as rt, p as Fe, e as ot, o as Ae, h as ut, f as W, g as Ce, n as te, I as A, S as nt, q as it, X as ct, s as ae, N as vt, w as ht, a as le, d as se, F as re } from "./lib-p5pfHmOX.js";
+import { t as dt, u as ft } from "./useResponsive-DfdjqQps.js";
+import { u as yt, a as Oe } from "./useNestedProp-DF7e2h1z.js";
+import { u as mt } from "./usePrinter-Yeu5jOfm.js";
+import { u as gt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
+import { t as kt } from "./themes-D3cUNuKw.js";
+import bt from "./Title-pI68ZJsq.js";
+import _t from "./img-CH7J0fYg.js";
 import { u as wt, B as St } from "./BaseScanner-BgWxam9d.js";
-import { u as xt } from "./useAutoSizeLabelsInsideViewbox-DeqXeTNw.js";
+import { u as xt } from "./useAutoSizeLabelsInsideViewbox-VqESrzQg.js";
 import { _ as $t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "height"], Ot = ["id"], Nt = ["stop-color"], Mt = ["stop-color"], Pt = ["stop-color"], It = ["id"], Xt = ["stdDeviation"], Rt = { key: 1 }, Yt = ["d", "fill", "stroke"], Et = ["d", "fill", "stroke"], Lt = ["d", "fill"], Tt = ["id", "d"], Gt = ["fill", "font-size", "font-weight"], jt = ["href", "startOffset"], Bt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Ut = ["d", "filter"], Wt = ["stroke", "stroke-width"], Dt = ["stroke", "stroke-width"], Vt = ["stroke", "stroke-width"], Ht = ["stroke", "stroke-width"], qt = { key: 8 }, Zt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], Jt = ["x", "y", "font-size", "font-weight", "fill"], Kt = { key: 0 }, Qt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ea = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ta = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], aa = { key: 1 }, la = ["d", "fill", "stroke", "stroke-width"], sa = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], ra = ["x", "y", "font-size", "fill"], oa = {
+const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "height"], Ot = ["id"], Nt = ["stop-color"], Mt = ["stop-color"], Pt = ["stop-color"], It = ["id"], Xt = ["stdDeviation"], Rt = { key: 1 }, Yt = ["d", "fill", "stroke"], Lt = ["d", "fill", "stroke"], Et = ["d", "fill"], Tt = ["id", "d"], Gt = ["fill", "font-size", "font-weight"], jt = ["href", "startOffset"], Bt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Ut = ["d", "filter"], Wt = ["stroke", "stroke-width"], Dt = ["stroke", "stroke-width"], Vt = ["stroke", "stroke-width"], Ht = ["stroke", "stroke-width"], qt = { key: 8 }, Zt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], Jt = ["x", "y", "font-size", "font-weight", "fill"], Kt = { key: 0 }, Qt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ea = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ta = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], aa = { key: 1 }, la = ["d", "fill", "stroke", "stroke-width"], sa = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], ra = ["x", "y", "font-size", "fill"], oa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ua = {
@@ -30,7 +31,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
     }
   },
   setup(Ne, { expose: Me }) {
-    const Pe = K(() => import("./PenAndPaper-Deh70G9d.js")), Ie = K(() => import("./UserOptions-CtECQwBN.js")), Xe = K(() => import("./PackageVersion-BzGzkGiC.js")), { vue_ui_gauge: Re } = lt(), m = Ne, Ye = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(st()), Ee = f(null), oe = f(0), C = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: S, manualLoading: M } = wt({
+    const Pe = K(() => import("./PenAndPaper-CtDMyIvW.js")), Ie = K(() => import("./UserOptions-Bn3u4JQu.js")), Xe = K(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_gauge: Re } = yt(), m = Ne, Ye = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(lt()), Le = f(null), oe = f(0), C = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: S, manualLoading: M } = wt({
       ...Je(m),
       FINAL_CONFIG: e,
       prepareConfig: H,
@@ -46,7 +47,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           { from: 0, to: 1, name: "__", color: "#CACACA" }
         ]
       },
-      skeletonConfig: rt({
+      skeletonConfig: st({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -75,7 +76,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           }
         }
       })
-    }), { userOptionsVisible: D, setUserOptionsVisibility: de, keepUserOptionState: fe } = pt({ config: e.value }), { svgRef: V } = kt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: D, setUserOptionsVisibility: de, keepUserOptionState: fe } = gt({ config: e.value }), { svgRef: V } = pt({ config: e.value.style.chart.title });
     Q(() => m.config, (t) => {
       he.value || (e.value = H()), D.value = !e.value.userOptions.showOnChartHover, Z(), ve.value += 1;
     }, { deep: !0 }), Q(() => m.dataset, (t) => {
@@ -88,17 +89,17 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       });
       return t.theme ? {
         ...Oe({
-          userConfig: ut.vue_ui_gauge[t.theme] || m.config,
+          userConfig: kt.vue_ui_gauge[t.theme] || m.config,
           defaultConfig: t
         }),
-        customPalette: ot[t.theme] || Fe
+        customPalette: rt[t.theme] || Fe
       } : t;
     }
-    const { isPrinting: ye, isImaging: me, generatePdf: ge, generateImage: pe } = gt({
+    const { isPrinting: ye, isImaging: me, generatePdf: ge, generateImage: pe } = mt({
       elementId: `vue-ui-gauge_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-gauge",
       options: e.value.userOptions.print
-    }), Le = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Te = h(() => nt(e.value.customPalette)), O = h(() => {
+    }), Ee = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Te = h(() => ot(e.value.customPalette)), O = h(() => {
       if (Ae(S.value.series || {}))
         return {
           value: 0,
@@ -118,7 +119,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         ...S.value,
         series: (S.value.series || []).map((a, s) => ({
           ...a,
-          color: it(a.color) || Te.value[s] || Fe[s],
+          color: ut(a.color) || Te.value[s] || Fe[s],
           value: ((a.to || 0) - (a.from || 0)) / u * 100
         }))
       };
@@ -161,14 +162,14 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           return u;
       }
       return "#2D353C";
-    }), F = $e(null), I = $e(null), L = h({
+    }), F = $e(null), I = $e(null), E = h({
       get: () => l.value.segmentFontSize,
       set: (t) => t
     }), { autoSizeLabels: be } = xt({
       svgRef: V,
       fontSize: l.value.segmentFontSize,
       minFontSize: e.value.style.chart.layout.segmentNames.minFontSize,
-      sizeRef: L,
+      sizeRef: E,
       labelClass: ".vue-ui-gauge-label-flat"
     }), T = h(() => !!e.value.debug);
     function Z() {
@@ -206,8 +207,8 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         property: "series",
         debug: T.value
       }), M.value = !0, t = !0))), M.value = t, _e(S.value.value || 0), e.value.responsive) {
-        const u = yt(() => {
-          let { width: a, height: s } = mt({
+        const u = dt(() => {
+          let { width: a, height: s } = ft({
             chart: C.value,
             title: e.value.style.chart.title.text ? ue.value : null,
             legend: ne.value,
@@ -342,11 +343,11 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       2 * l.value.trackSize
     )), We = h(() => {
       const t = z.value >= 0 ? -z.value : Math.abs(z.value);
-      return ct({
+      return nt({
         radius: e.value.style.chart.layout.indicatorArc.radius * l.value.trackSize,
         centerX: l.value.width / 2,
         centerY: v.value.base,
-        percentage: vt((y.value + t) / (P.value + t))
+        percentage: it((y.value + t) / (P.value + t))
       });
     }), Y = f(!1);
     function xe(t) {
@@ -391,7 +392,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         active: G.value,
         onClose: J
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Le.value ? (r(), o("div", {
+      Ee.value ? (r(), o("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ce,
@@ -425,7 +426,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       ], 512)) : c("", !0),
       e.value.userOptions.show && Ye.value && (n(fe) || n(D)) ? (r(), j(n(Ie), {
         ref_key: "details",
-        ref: Ee,
+        ref: Le,
         key: `user_options_${oe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -491,7 +492,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       (r(), o("svg", {
         ref_key: "svgRef",
         ref: V,
-        xmlns: n(ht),
+        xmlns: n(ct),
         class: ze({ "vue-data-ui-fullscreen--on": Y.value, "vue-data-ui-fulscreen--off": !Y.value }),
         viewBox: `0 0 ${l.value.width <= 0 ? 10 : l.value.width} ${l.value.height <= 0 ? 10 : l.value.height}`,
         style: ee(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
@@ -548,7 +549,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         ]),
         t.$slots.pattern ? (r(), o("g", Rt, [
           (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("defs", null, [
-            x(t.$slots, "pattern", E({ ref_for: !0 }, { seriesIndex: s, patternId: `pattern_${w.value}_${s}` }), void 0, !0)
+            x(t.$slots, "pattern", L({ ref_for: !0 }, { seriesIndex: s, patternId: `pattern_${w.value}_${s}` }), void 0, !0)
           ]))), 256))
         ])) : c("", !0),
         (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("path", {
@@ -564,12 +565,12 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           fill: `url(#pattern_${w.value}_${s})`,
           stroke: e.value.style.chart.backgroundColor,
           "stroke-linecap": "round"
-        }, null, 8, Et))), 128)) : c("", !0),
+        }, null, 8, Lt))), 128)) : c("", !0),
         e.value.style.chart.layout.indicatorArc.show ? (r(), o("path", {
           key: 3,
           d: We.value,
           fill: e.value.style.chart.layout.indicatorArc.fill
-        }, null, 8, Lt)) : c("", !0),
+        }, null, 8, Et)) : c("", !0),
         e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (r(), o(k, { key: 4 }, [
           (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("path", {
             id: `curve_${w.value}_${s}`,
@@ -578,7 +579,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           }, null, 8, Tt))), 256)),
           (r(!0), o(k, null, $(d.value, (a, s) => (r(), o("text", {
             fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-            "font-size": L.value,
+            "font-size": E.value,
             "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
             "text-anchor": "middle"
           }, [
@@ -590,13 +591,13 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
         ], 64)) : c("", !0),
         e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (r(!0), o(k, { key: 5 }, $(Ge.value, (a, s) => (r(), o("text", {
           class: "vue-ui-gauge-label-flat",
-          "text-anchor": n(ft)(a, !1, 12).anchor,
+          "text-anchor": n(ht)(a, !1, 12).anchor,
           fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-          "font-size": L.value,
+          "font-size": E.value,
           "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
-          innerHTML: n(dt)({
+          innerHTML: n(vt)({
             content: String(a.name ?? ""),
-            fontSize: L.value,
+            fontSize: E.value,
             fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
             x: a.center.endX,
             y: a.center.endY
@@ -611,22 +612,22 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
           filter: `url(#blur_${w.value})`
         }, null, 8, Ut))), 128)) : c("", !0),
         e.value.style.chart.layout.segmentSeparators.show ? (r(), o(k, { key: 7 }, [
-          p("line", E(we.value, {
+          p("line", L(we.value, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
             "stroke-linecap": "round"
           }), null, 16, Wt),
-          p("line", E(we.value, {
+          p("line", L(we.value, {
             stroke: e.value.style.chart.layout.segmentSeparators.stroke,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
           }), null, 16, Dt),
-          (r(!0), o(k, null, $(Se.value, (a) => (r(), o("line", E({ ref_for: !0 }, a, {
+          (r(!0), o(k, null, $(Se.value, (a) => (r(), o("line", L({ ref_for: !0 }, a, {
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
             "stroke-linecap": "round"
           }), null, 16, Vt))), 256)),
-          (r(!0), o(k, null, $(Se.value, (a) => (r(), o("line", E({ ref_for: !0 }, a, {
+          (r(!0), o(k, null, $(Se.value, (a) => (r(), o("line", L({ ref_for: !0 }, a, {
             stroke: e.value.style.chart.layout.segmentSeparators.stroke,
             "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
             "stroke-linecap": "round"
@@ -785,7 +786,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       n(he) ? (r(), j(St, { key: 6 })) : c("", !0)
     ], 46, zt));
   }
-}, ba = /* @__PURE__ */ $t(ua, [["__scopeId", "data-v-415be812"]]);
+}, _a = /* @__PURE__ */ $t(ua, [["__scopeId", "data-v-415be812"]]);
 export {
-  ba as default
+  _a as default
 };

package/dist/{vue-ui-gizmo-CZIgBvWV.js → vue-ui-gizmo-CQ7XyocO.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as V, ref as k, useSlots as $, onMounted as y, computed as i, toRefs as D, watch as F, createElementBlock as a, openBlock as o, createBlock as I, createCommentVNode as r, normalizeStyle as M, createVNode as S, unref as n, createElementVNode as t, Fragment as C, toDisplayString as x } from "vue";
-import { u as U, c as P, f as E, t as O, k as w, i as b } from "./index-smzxfsyV.js";
-import { u as T } from "./useNestedProp-DeKmJzsE.js";
+import { u as U, a as P } from "./useNestedProp-DF7e2h1z.js";
+import { c as E, f as O, t as T, a as w, d as b } from "./lib-p5pfHmOX.js";
 import { u as j, B as R } from "./BaseScanner-BgWxam9d.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key: 0 }, Q = ["id"], W = ["stop-color"], X = ["stop-color"], Y = ["stroke"], Z = ["stroke"], ee = ["width", "fill"], te = ["fill"], oe = { key: 0 }, ae = ["id"], se = ["stroke"], re = ["stroke", "stroke-dasharray", "stroke-dashoffset"], le = ["filter"], ne = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ie = ["fill"], ue = {
@@ -17,7 +17,7 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
     }
   },
   setup(z) {
-    const A = V(() => import("./PackageVersion-BzGzkGiC.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(P()), L = $();
+    const A = V(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
     y(() => {
       g();
     }), y(() => {
@@ -25,7 +25,7 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
     });
     const d = i(() => e.value.debug);
     function g() {
-      !s.dataset && s.dataset !== 0 && E({
+      !s.dataset && s.dataset !== 0 && O({
         componentName: "VueUiGizmo",
         type: "dataset",
         debug: d.value
@@ -37,7 +37,7 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
       prepareConfig: h,
       dsIsNumber: !0,
       skeletonDataset: 50,
-      skeletonConfig: O({
+      skeletonConfig: T({
         defaultConfig: e.value,
         userConfig: {
           stroke: "#6A6A6A80",
@@ -48,7 +48,7 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
       })
     });
     function h() {
-      return T({
+      return P({
         userConfig: s.config,
         defaultConfig: G
       });