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

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

@@ -1,16 +1,13 @@
-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 ae, computed as _, defineAsyncComponent as z, onMounted as se, ref as D, watch as oe, createElementBlock as s, openBlock as a, normalizeStyle as $, createCommentVNode as c, createBlock as V, createElementVNode as h, createTextVNode as ue, 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 ne, o as re, e as H, g as ve, c as de, a as ce, s as b, i as F, f as O, X as ye, w as S } from "./index-BiHmNd1-.js";
+import { u as W } from "./useNestedProp-tRqS0ZAM.js";
+import { u as he } from "./useChartAccessibility-9icAAmYg.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,24 +24,24 @@ 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 }) {
+    ae((l) => ({
+      "752d6a86": K.value
     }));
-    const { vue_ui_sparkhistogram: U } = se(), d = W, S = _(() => !!d.dataset && d.dataset.length);
-    ee(() => {
-      A();
+    const j = z(() => import("./PackageVersion-CLY-udAA.js")), R = z(() => import("./Shape-D3w9qas1.js")), X = z(() => import("./vue-ui-skeleton-CbYQYRvD.js")), { vue_ui_sparkhistogram: G } = ne(), d = B, A = _(() => !!d.dataset && d.dataset.length);
+    se(() => {
+      M();
     });
-    function A() {
-      oe(d.dataset) ? E({
+    function M() {
+      re(d.dataset) ? H({
         componentName: "VueUiSparkHistogram",
         type: "dataset"
       }) : d.dataset.forEach((l, i) => {
-        ue({
+        ve({
           datasetObject: l,
           requiredAttributes: ["value"]
         }).forEach((t) => {
-          E({
+          H({
             componentName: "VueUiSparkHistogram",
             type: "datasetSerieAttribute",
             property: t,
@@ -53,24 +50,24 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
         });
       });
     }
-    const b = N(ie()), e = _({
-      get: () => M(),
+    const m = D(de()), e = _({
+      get: () => N(),
       set: (l) => l
-    }), { svgRef: j } = ye({ config: e.value.style.title });
-    function M() {
-      const l = O({
+    }), { svgRef: Y } = he({ config: e.value.style.title });
+    function N() {
+      const l = W({
         userConfig: d.config,
-        defaultConfig: U
+        defaultConfig: G
       });
       return l.theme ? {
-        ...O({
-          userConfig: re.vue_ui_sparkhistogram[l.theme] || d.config,
+        ...W({
+          userConfig: ce.vue_ui_sparkhistogram[l.theme] || d.config,
           defaultConfig: l
         })
       } : l;
     }
-    te(() => d.config, (l) => {
-      e.value = M(), A();
+    oe(() => d.config, (l) => {
+      e.value = N(), M();
     }, { 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;
@@ -85,32 +82,32 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
         top: t,
         width: i
       };
-    }), R = _(() => Math.max(...d.dataset.map((l) => Math.abs(l.value || 0))));
-    function X(l) {
-      return Math.abs(l) / R.value;
+    }), q = _(() => Math.max(...d.dataset.map((l) => Math.abs(l.value || 0))));
+    function P(l) {
+      return Math.abs(l) / q.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 t = P(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), Q = v.value.left + i * y, L = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), Z = l.color ? l.color : l.value >= 0 ? b(e.value.style.bars.colors.positive, L) : b(e.value.style.bars.colors.negative, L), ee = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, te = l.color ? `url(#gradient_datapoint_${i}_${m.value})` : l.value >= 0 ? `url(#gradient_positive_${i}_${m.value})` : `url(#gradient_negative_${i}_${m.value})`, le = w + k / 2;
       return {
         ...l,
-        color: P,
-        gradient: K,
+        color: Z,
+        gradient: te,
         height: o,
         intensity: L,
         proportion: t,
-        stroke: J,
-        textAnchor: Q,
-        trapX: T,
+        stroke: ee,
+        textAnchor: le,
+        trapX: Q,
         unitWidth: y,
         width: k,
         x: w,
         y: C
       };
-    })), u = N(null), G = B;
-    function Y(l, i) {
-      G("selectDatapoint", { datapoint: l, index: i });
+    })), u = D(null), T = U;
+    function J(l, i) {
+      T("selectDatapoint", { datapoint: l, index: i });
     }
-    const q = _(() => `${e.value.style.animation.speedMs}ms`);
+    const K = _(() => `${e.value.style.animation.speedMs}ms`);
     return (l, i) => (a(), s("div", {
       class: "vue-ui-spark-histogram",
       style: $(`width:100%;background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily}`),
@@ -123,11 +120,11 @@ 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)(
+          ue(p(e.value.style.title.text) + " ", 1),
+          u.value !== null ? (a(), s("span", ge, "- " + p(r.value[u.value].timeLabel || "") + " " + p(n(F)(
             e.value.style.labels.value.formatter,
             r.value[u.value].value,
-            n(F)({
+            n(O)({
               p: e.value.style.labels.value.prefix,
               v: r.value[u.value].value,
               s: e.value.style.labels.value.suffix,
@@ -135,22 +132,22 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
             }),
             { datapoint: r.value[u.value], seriesIndex: u.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(u.value) && ![null, void 0].includes(r.value[u.value].valueLabel) ? (a(), s("span", pe, "(" + p(r.value[u.value].valueLabel || 0) + ")", 1)) : c("", !0)
         ], 4),
         e.value.style.title.subtitle.text ? (a(), s("div", {
           key: 0,
           style: $(`font-size:${e.value.style.title.subtitle.fontSize}px;color:${e.value.style.title.subtitle.color};font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
         }, p(e.value.style.title.subtitle.text), 5)) : c("", !0)
       ], 4)) : c("", !0),
-      S.value ? (a(), s("svg", {
+      A.value ? (a(), s("svg", {
         key: 1,
         ref_key: "svgRef",
-        ref: j,
-        xmlns: n(ne),
+        ref: Y,
+        xmlns: n(ye),
         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 +162,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 +171,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(S)(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 +188,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(S)(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 +205,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(S)(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 +223,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(n(R), {
             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 +241,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)),
+        )), 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 +260,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", {
@@ -288,14 +285,14 @@ const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width"
             "stroke-width": u.value !== null && u.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: () => J(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, {
+      A.value ? c("", !0) : (a(), V(n(X), {
         key: 3,
         config: {
           type: "sparkHistogram",
@@ -309,7 +306,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"]]);
+}, Re = /* @__PURE__ */ fe(Fe, [["__scopeId", "data-v-673e26a2"]]);
 export {
-  Ge as default
+  Re as default
 };