vue-data-ui 2.12.6 → 2.12.7-beta.1

package/dist/{vue-ui-sparkhistogram-BEzOV4HV.js → vue-ui-sparkhistogram-BDNrZbWN.js}

@@ -1,16 +1,14 @@
-import { useCssVars as Z, computed as _, onMounted as ee, ref as N, watch as te, createElementBlock as s, openBlock as a, normalizeStyle as $, createCommentVNode as c, createBlock as D, createElementVNode as h, createTextVNode as le, toDisplayString as p, unref as n, createVNode as ae, renderSlot as I, Fragment as f, renderList as g, normalizeClass as V } from "vue";
-import { u as se, o as oe, e as E, g as ue, c as ie, a as re, s as m, i as H, f as F, X as ne, w as z } from "./index-BFzQMJda.js";
-import { u as O } from "./useNestedProp-v7KPpwuP.js";
-import { _ as ve } from "./Shape-C69a0f29.js";
-import de from "./vue-ui-skeleton-B_YI7Yuc.js";
-import { _ as ce } from "./PackageVersion-BjrblLPQ.js";
-import { u as ye } from "./useChartAccessibility-BWojgys7.js";
-import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width", "height"], be = ["id"], _e = ["stop-color"], xe = ["stop-color"], ke = ["id"], we = ["stop-color"], $e = ["stop-color"], Ce = ["id"], Le = ["stop-color"], ze = ["stop-color"], Se = { key: 1 }, Ae = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Me = { key: 2 }, Ne = ["x", "y", "font-size", "font-weight", "fill"], De = ["x", "y", "font-size", "fill"], Ie = ["x", "y", "font-size", "fill"], Ve = ["height", "width", "x", "onMouseover", "stroke", "stroke-width", "rx", "stroke-dasharray", "onClick"], Ee = {
+import { useCssVars as le, computed as _, defineAsyncComponent as N, onMounted as ae, ref as D, watch as se, createElementBlock as s, openBlock as a, normalizeStyle as $, createCommentVNode as c, createBlock as V, createElementVNode as h, createTextVNode as oe, toDisplayString as p, unref as n, createVNode as ie, renderSlot as I, Fragment as f, renderList as g, normalizeClass as E } from "vue";
+import { u as ue, o as re, e as H, g as ne, c as ve, a as de, s as b, i as F, f as O, X as ce, w as z } from "./index-BHEd2dgu.js";
+import { u as W } from "./useNestedProp-CZztHZIm.js";
+import { u as ye } from "./useChartAccessibility-9icAAmYg.js";
+import he from "./Shape-B6kIkp2s.js";
+import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ge = { key: 0 }, pe = { key: 1 }, be = ["xmlns", "viewBox"], me = ["width", "height"], _e = ["id"], xe = ["stop-color"], ke = ["stop-color"], we = ["id"], $e = ["stop-color"], Ce = ["stop-color"], Le = ["id"], ze = ["stop-color"], Se = ["stop-color"], Ae = { key: 1 }, Me = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ne = { key: 2 }, De = ["x", "y", "font-size", "font-weight", "fill"], Ve = ["x", "y", "font-size", "fill"], Ie = ["x", "y", "font-size", "fill"], Ee = ["height", "width", "x", "onMouseover", "stroke", "stroke-width", "rx", "stroke-dasharray", "onClick"], He = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, He = {
+}, Fe = {
   __name: "vue-ui-sparkhistogram",
   props: {
     config: {
@@ -27,53 +25,53 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
     }
   },
   emits: ["selectDatapoint"],
-  setup(W, { emit: B }) {
-    Z((l) => ({
-      "40b52890": q.value
+  setup(B, { emit: U }) {
+    le((l) => ({
+      "2d6ebc7a": J.value
     }));
-    const { vue_ui_sparkhistogram: U } = se(), d = W, S = _(() => !!d.dataset && d.dataset.length);
-    ee(() => {
+    const j = N(() => import("./PackageVersion-DaWGaZxE.js")), R = N(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), { vue_ui_sparkhistogram: X } = ue(), d = B, S = _(() => !!d.dataset && d.dataset.length);
+    ae(() => {
       A();
     });
     function A() {
-      oe(d.dataset) ? E({
+      re(d.dataset) ? H({
         componentName: "VueUiSparkHistogram",
         type: "dataset"
-      }) : d.dataset.forEach((l, i) => {
-        ue({
+      }) : d.dataset.forEach((l, u) => {
+        ne({
           datasetObject: l,
           requiredAttributes: ["value"]
         }).forEach((t) => {
-          E({
+          H({
             componentName: "VueUiSparkHistogram",
             type: "datasetSerieAttribute",
             property: t,
-            index: i
+            index: u
           });
         });
       });
     }
-    const b = N(ie()), e = _({
+    const m = D(ve()), e = _({
       get: () => M(),
       set: (l) => l
-    }), { svgRef: j } = ye({ config: e.value.style.title });
+    }), { svgRef: G } = ye({ config: e.value.style.title });
     function M() {
-      const l = O({
+      const l = W({
         userConfig: d.config,
-        defaultConfig: U
+        defaultConfig: X
       });
       return l.theme ? {
-        ...O({
-          userConfig: re.vue_ui_sparkhistogram[l.theme] || d.config,
+        ...W({
+          userConfig: de.vue_ui_sparkhistogram[l.theme] || d.config,
           defaultConfig: l
         })
       } : l;
     }
-    te(() => d.config, (l) => {
+    se(() => d.config, (l) => {
       e.value = M(), A();
     }, { deep: !0 });
     const v = _(() => {
-      const l = e.value.style.layout.height, i = e.value.style.layout.width, t = e.value.style.layout.padding.top, o = l - e.value.style.layout.padding.bottom, y = e.value.style.layout.padding.left, x = i - e.value.style.layout.padding.right, k = t + (l - t - e.value.style.layout.padding.bottom) / 2, C = l - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom, w = i - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
+      const l = e.value.style.layout.height, u = e.value.style.layout.width, t = e.value.style.layout.padding.top, o = l - e.value.style.layout.padding.bottom, y = e.value.style.layout.padding.left, x = u - e.value.style.layout.padding.right, k = t + (l - t - e.value.style.layout.padding.bottom) / 2, C = l - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom, w = u - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
       return {
         bottom: o,
         centerY: k,
@@ -83,38 +81,38 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
         left: y,
         right: x,
         top: t,
-        width: i
+        width: u
       };
-    }), R = _(() => Math.max(...d.dataset.map((l) => Math.abs(l.value || 0))));
-    function X(l) {
-      return Math.abs(l) / R.value;
+    }), Y = _(() => Math.max(...d.dataset.map((l) => Math.abs(l.value || 0))));
+    function q(l) {
+      return Math.abs(l) / Y.value;
     }
-    const r = _(() => d.dataset.map((l, i) => {
-      const t = X(l.value || 0), o = v.value.drawingHeight * t, y = v.value.drawingWidth / d.dataset.length, x = y * (e.value.style.bars.gap / 100), k = y - x, C = v.value.centerY - o / 2, w = v.value.left + (x / 2 + i * y), T = v.value.left + i * y, L = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), P = l.color ? l.color : l.value >= 0 ? m(e.value.style.bars.colors.positive, L) : m(e.value.style.bars.colors.negative, L), J = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, K = l.color ? `url(#gradient_datapoint_${i}_${b.value})` : l.value >= 0 ? `url(#gradient_positive_${i}_${b.value})` : `url(#gradient_negative_${i}_${b.value})`, Q = w + k / 2;
+    const r = _(() => d.dataset.map((l, u) => {
+      const t = q(l.value || 0), o = v.value.drawingHeight * t, y = v.value.drawingWidth / d.dataset.length, x = y * (e.value.style.bars.gap / 100), k = y - x, C = v.value.centerY - o / 2, w = v.value.left + (x / 2 + u * y), K = v.value.left + u * y, L = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), Q = l.color ? l.color : l.value >= 0 ? b(e.value.style.bars.colors.positive, L) : b(e.value.style.bars.colors.negative, L), Z = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, ee = l.color ? `url(#gradient_datapoint_${u}_${m.value})` : l.value >= 0 ? `url(#gradient_positive_${u}_${m.value})` : `url(#gradient_negative_${u}_${m.value})`, te = w + k / 2;
       return {
         ...l,
-        color: P,
-        gradient: K,
+        color: Q,
+        gradient: ee,
         height: o,
         intensity: L,
         proportion: t,
-        stroke: J,
-        textAnchor: Q,
-        trapX: T,
+        stroke: Z,
+        textAnchor: te,
+        trapX: K,
         unitWidth: y,
         width: k,
         x: w,
         y: C
       };
-    })), u = N(null), G = B;
-    function Y(l, i) {
-      G("selectDatapoint", { datapoint: l, index: i });
+    })), i = D(null), P = U;
+    function T(l, u) {
+      P("selectDatapoint", { datapoint: l, index: u });
     }
-    const q = _(() => `${e.value.style.animation.speedMs}ms`);
-    return (l, i) => (a(), s("div", {
+    const J = _(() => `${e.value.style.animation.speedMs}ms`);
+    return (l, u) => (a(), s("div", {
       class: "vue-ui-spark-histogram",
       style: $(`width:100%;background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily}`),
-      onMouseleave: i[1] || (i[1] = (t) => u.value = null)
+      onMouseleave: u[1] || (u[1] = (t) => i.value = null)
     }, [
       e.value.style.title.text ? (a(), s("div", {
         key: 0,
@@ -123,19 +121,19 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
         h("div", {
           style: $(`font-size:${e.value.style.title.fontSize}px;color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"}`)
         }, [
-          le(p(e.value.style.title.text) + " ", 1),
-          u.value !== null ? (a(), s("span", fe, "- " + p(r.value[u.value].timeLabel || "") + " " + p(n(H)(
+          oe(p(e.value.style.title.text) + " ", 1),
+          i.value !== null ? (a(), s("span", ge, "- " + p(r.value[i.value].timeLabel || "") + " " + p(n(F)(
             e.value.style.labels.value.formatter,
-            r.value[u.value].value,
-            n(F)({
+            r.value[i.value].value,
+            n(O)({
               p: e.value.style.labels.value.prefix,
-              v: r.value[u.value].value,
+              v: r.value[i.value].value,
               s: e.value.style.labels.value.suffix,
               r: e.value.style.labels.value.rounding
             }),
-            { datapoint: r.value[u.value], seriesIndex: u.value }
+            { datapoint: r.value[i.value], seriesIndex: i.value }
           )), 1)) : c("", !0),
-          ![void 0, null].includes(u.value) && ![null, void 0].includes(r.value[u.value].valueLabel) ? (a(), s("span", ge, "(" + p(r.value[u.value].valueLabel || 0) + ")", 1)) : c("", !0)
+          ![void 0, null].includes(i.value) && ![null, void 0].includes(r.value[i.value].valueLabel) ? (a(), s("span", pe, "(" + p(r.value[i.value].valueLabel || 0) + ")", 1)) : c("", !0)
         ], 4),
         e.value.style.title.subtitle.text ? (a(), s("div", {
           key: 0,
@@ -145,12 +143,12 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
       S.value ? (a(), s("svg", {
         key: 1,
         ref_key: "svgRef",
-        ref: j,
-        xmlns: n(ne),
+        ref: G,
+        xmlns: n(ce),
         viewBox: `0 0 ${v.value.width} ${v.value.height}`,
         style: { overflow: "visible" }
       }, [
-        ae(ce),
+        ie(n(j)),
         l.$slots["chart-background"] ? (a(), s("foreignObject", {
           key: 0,
           x: 0,
@@ -165,7 +163,7 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
         ], 8, me)) : c("", !0),
         h("defs", null, [
           (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("radialGradient", {
-            id: `gradient_positive_${o}_${b.value}`,
+            id: `gradient_positive_${o}_${m.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -174,15 +172,15 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
           }, [
             h("stop", {
               offset: "0%",
-              "stop-color": n(m)(n(z)(e.value.style.bars.colors.positive, 0.05), t.intensity)
-            }, null, 8, _e),
+              "stop-color": n(b)(n(z)(e.value.style.bars.colors.positive, 0.05), t.intensity)
+            }, null, 8, xe),
             h("stop", {
               offset: "100%",
-              "stop-color": n(m)(e.value.style.bars.colors.positive, t.intensity)
-            }, null, 8, xe)
-          ], 8, be))), 256)),
+              "stop-color": n(b)(e.value.style.bars.colors.positive, t.intensity)
+            }, null, 8, ke)
+          ], 8, _e))), 256)),
           (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("radialGradient", {
-            id: `gradient_negative_${o}_${b.value}`,
+            id: `gradient_negative_${o}_${m.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -191,15 +189,15 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
           }, [
             h("stop", {
               offset: "0%",
-              "stop-color": n(m)(n(z)(e.value.style.bars.colors.negative, 0.05), t.intensity)
-            }, null, 8, we),
+              "stop-color": n(b)(n(z)(e.value.style.bars.colors.negative, 0.05), t.intensity)
+            }, null, 8, $e),
             h("stop", {
               offset: "100%",
-              "stop-color": n(m)(e.value.style.bars.colors.negative, t.intensity)
-            }, null, 8, $e)
-          ], 8, ke))), 256)),
+              "stop-color": n(b)(e.value.style.bars.colors.negative, t.intensity)
+            }, null, 8, Ce)
+          ], 8, we))), 256)),
           (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("radialGradient", {
-            id: `gradient_datapoint_${o}_${b.value}`,
+            id: `gradient_datapoint_${o}_${m.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -208,15 +206,15 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
           }, [
             h("stop", {
               offset: "0%",
-              "stop-color": n(m)(n(z)(t.color, 0.05), t.intensity)
-            }, null, 8, Le),
+              "stop-color": n(b)(n(z)(t.color, 0.05), t.intensity)
+            }, null, 8, ze),
             h("stop", {
               offset: "100%",
-              "stop-color": n(m)(t.color, t.intensity)
-            }, null, 8, ze)
-          ], 8, Ce))), 256))
+              "stop-color": n(b)(t.color, t.intensity)
+            }, null, 8, Se)
+          ], 8, Le))), 256))
         ]),
-        !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), s("g", Se, [
+        !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), s("g", Ae, [
           (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("rect", {
             x: t.x,
             y: t.y,
@@ -226,15 +224,15 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
             stroke: t.stroke,
             "stroke-width": e.value.style.bars.strokeWidth,
             rx: `${e.value.style.bars.borderRadius * t.proportion / 12}%`,
-            class: V({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
-          }, null, 10, Ae))), 256))
-        ])) : (a(), s("g", Me, [
-          (a(!0), s(f, null, g(r.value, (t, o) => (a(), D(ve, {
+            class: E({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
+          }, null, 10, Me))), 256))
+        ])) : (a(), s("g", Ne, [
+          (a(!0), s(f, null, g(r.value, (t, o) => (a(), V(he, {
             plot: { x: t.x + t.width / 2, y: t.y + t.height / 2 },
             color: e.value.style.bars.colors.gradient.show ? t.gradient : t.color,
             shape: e.value.style.bars.shape,
             radius: t.height * 0.4,
-            class: V({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
+            class: E({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
           }, null, 8, ["plot", "color", "shape", "radius", "class"]))), 256))
         ])),
         (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("text", {
@@ -244,17 +242,17 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
           "font-size": e.value.style.labels.value.fontSize,
           "font-weight": e.value.style.labels.value.bold ? "bold" : "normal",
           fill: e.value.style.labels.value.color
-        }, p(n(H)(
+        }, p(n(F)(
           e.value.style.labels.value.formatter,
           t.value,
-          n(F)({
+          n(O)({
             p: e.value.style.labels.value.prefix,
             v: t.value,
             s: e.value.style.labels.value.suffix,
             r: e.value.style.labels.value.rounding
           }),
-          { datapoint: r.value[u.value], seriesIndex: u.value }
-        )), 9, Ne))), 256)),
+          { datapoint: r.value[i.value], seriesIndex: i.value }
+        )), 9, De))), 256)),
         (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("g", null, [
           t.valueLabel ? (a(), s("text", {
             key: 0,
@@ -263,7 +261,7 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
             "font-size": e.value.style.labels.valueLabel.fontSize,
             "text-anchor": "middle",
             fill: e.value.style.labels.valueLabel.color
-          }, p(t.valueLabel), 9, De)) : c("", !0)
+          }, p(t.valueLabel), 9, Ve)) : c("", !0)
         ]))), 256)),
         (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("g", null, [
           t.timeLabel ? (a(), s("text", {
@@ -282,20 +280,20 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
             fill: "transparent",
             x: t.trapX,
             y: 0,
-            onMouseover: (y) => u.value = o,
-            onMouseleave: i[0] || (i[0] = (y) => u.value = null),
-            stroke: u.value !== null && u.value === o ? e.value.style.selector.stroke : "",
-            "stroke-width": u.value !== null && u.value === o ? e.value.style.selector.strokeWidth : 0,
+            onMouseover: (y) => i.value = o,
+            onMouseleave: u[0] || (u[0] = (y) => i.value = null),
+            stroke: i.value !== null && i.value === o ? e.value.style.selector.stroke : "",
+            "stroke-width": i.value !== null && i.value === o ? e.value.style.selector.strokeWidth : 0,
             rx: e.value.style.selector.borderRadius,
             "stroke-dasharray": e.value.style.selector.strokeDasharray,
-            onClick: () => Y(t, o)
-          }, null, 40, Ve)
+            onClick: () => T(t, o)
+          }, null, 40, Ee)
         ]))), 256))
-      ], 8, pe)) : c("", !0),
-      l.$slots.source ? (a(), s("div", Ee, [
+      ], 8, be)) : c("", !0),
+      l.$slots.source ? (a(), s("div", He, [
         I(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      S.value ? c("", !0) : (a(), D(de, {
+      S.value ? c("", !0) : (a(), V(n(R), {
         key: 3,
         config: {
           type: "sparkHistogram",
@@ -309,7 +307,7 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
       }, null, 8, ["config"]))
     ], 36));
   }
-}, Ge = /* @__PURE__ */ he(He, [["__scopeId", "data-v-c92ac914"]]);
+}, Xe = /* @__PURE__ */ fe(Fe, [["__scopeId", "data-v-4d2045fb"]]);
 export {
-  Ge as default
+  Xe as default
 };