vue-data-ui 3.7.15 → 3.8.0

package/dist/vue-ui-smiley-Cni8Q56U.js

@@ -0,0 +1,377 @@
+import { createElementBlock as i, openBlock as s, withKeys as K, normalizeStyle as r, normalizeClass as T, createCommentVNode as y, createElementVNode as a, toDisplayString as f, renderSlot as $, unref as M, useSlots as H, ref as x, onMounted as B, watch as N, computed as R, Fragment as P, renderList as q, createVNode as J, withCtx as z, createTextVNode as Q } from "vue";
+import { X as V, h as j, a as W, d as Z, o as _, g as ee } from "./lib-qMPkcvmh.js";
+import { u as te, a as le } from "./useNestedProp-DOOBu_sL.js";
+import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const oe = ["xmlns", "stroke"], ne = ["id"], ie = ["stop-color"], se = ["stop-color"], re = ["stroke"], ue = ["xmlns", "viewBox", "stroke"], de = ["id"], ce = ["stop-color"], ye = ["stop-color"], fe = ["viewBox", "stroke"], ve = {
+  __name: "BaseSmilingUnit",
+  props: {
+    config: { type: Object },
+    unit: { type: Number },
+    currentRating: { type: Number },
+    getActiveColor: { type: Function },
+    calcShapeFill: { type: Function },
+    isReadonly: { type: Boolean },
+    hasBreakdown: { type: Boolean },
+    hoveredValue: { type: Number }
+  },
+  emits: ["rate", "mouseenter", "mouseleave"],
+  setup(t, { emit: w }) {
+    const g = w;
+    return (v, o) => (s(), i("div", {
+      tabindex: "0",
+      class: T({ "vue-ui-smiley-rated": !t.config.readonly && t.currentRating === t.unit }),
+      style: r({
+        cursor: t.config.readonly ? "default" : "pointer",
+        height: t.config.style.itemSize + "px",
+        aspectRatio: "1/1",
+        position: "relative"
+      }),
+      onMouseenter: o[0] || (o[0] = (h) => g("mouseenter")),
+      onMouseleave: o[1] || (o[1] = (h) => g("mouseleave")),
+      onClick: o[2] || (o[2] = (h) => g("rate", t.unit)),
+      onKeyup: o[3] || (o[3] = K((h) => g("rate", t.unit), ["enter"]))
+    }, [
+      t.config.style.tooltip.show && t.hasBreakdown && t.isReadonly ? (s(), i("div", {
+        key: 0,
+        class: "vue-ui-rating-tooltip",
+        style: r({
+          border: `1px solid ${t.config.style.tooltip.borderColor}`,
+          position: "absolute",
+          top: `${t.config.style.tooltip.offsetY - 48}px`,
+          left: "50%",
+          transform: "translateX(-50%)",
+          width: "fit-content",
+          textAlign: "center",
+          background: t.config.style.tooltip.backgroundColor,
+          display: t.hoveredValue === t.unit - 1 ? "block" : "none",
+          padding: "2px 12px",
+          borderRadius: t.config.style.tooltip.borderRadius + "px",
+          boxShadow: t.config.style.tooltip.boxShadow
+        })
+      }, [
+        a("div", {
+          style: r({
+            width: "100%",
+            display: "flex",
+            flexDirection: "row",
+            gap: "6px",
+            position: "relative",
+            textAlign: "center",
+            color: t.config.style.tooltip.color
+          })
+        }, [
+          a("span", {
+            style: r(`font-size:${t.config.style.tooltip.fontSize}px`)
+          }, f(t.unit) + ":", 5),
+          a("span", {
+            style: r(`font-weight:${t.config.style.tooltip.bold ? "bold" : "normal"};font-size:${t.config.style.tooltip.fontSize}px`)
+          }, [
+            $(v.$slots, "rating", {}, void 0, !0)
+          ], 4),
+          a("div", {
+            style: r(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.config.style.tooltip.borderColor}`)
+          }, " ▼ ", 4)
+        ], 4)
+      ], 4)) : y("", !0),
+      t.config.style.icons.filled ? (s(), i("svg", {
+        key: 1,
+        xmlns: M(V),
+        style: { transition: "all 0.1s ease-in-out", position: "absolute", top: "0", left: "0" },
+        height: "100%",
+        viewBox: "0 0 24 24",
+        "stroke-width": "1.5",
+        stroke: t.getActiveColor(t.unit - 1),
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        a("defs", null, [
+          a("radialGradient", {
+            id: `vueUiSmiley${t.unit - 1}`
+          }, [
+            a("stop", {
+              offset: "0%",
+              "stop-color": M(j)(t.config.style.colors.active[t.unit - 1], 0.05)
+            }, null, 8, ie),
+            a("stop", {
+              offset: "100%",
+              "stop-color": t.config.style.colors.active[t.unit - 1]
+            }, null, 8, se)
+          ], 8, ne)
+        ]),
+        $(v.$slots, "path-icon-filled", {}, void 0, !0)
+      ], 8, oe)) : (s(), i("svg", {
+        key: 2,
+        style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
+        height: "100%",
+        viewBox: "0 0 24 24",
+        "stroke-width": "1.5",
+        stroke: t.getActiveColor(t.unit - 1),
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        $(v.$slots, "path-icon", {}, void 0, !0)
+      ], 8, re)),
+      t.config.style.icons.filled && t.isReadonly ? (s(), i("svg", {
+        key: 3,
+        xmlns: M(V),
+        style: { transition: "all 0.1s ease-in-out", position: "absolute", top: "0", left: "0" },
+        height: "100%",
+        viewBox: `0 0 ${t.calcShapeFill(t.unit - 1)} 24`,
+        "stroke-width": "1.5",
+        stroke: t.config.style.colors.activeReadonly[t.unit - 1],
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        a("defs", null, [
+          a("radialGradient", {
+            id: `vueUiSmiley${t.unit - 1}`
+          }, [
+            a("stop", {
+              offset: "0%",
+              "stop-color": M(j)(t.config.style.colors.activeReadonly[t.unit - 1], 0.05)
+            }, null, 8, ce),
+            a("stop", {
+              offset: "100%",
+              "stop-color": t.config.style.colors.activeReadonly[t.unit - 1]
+            }, null, 8, ye)
+          ], 8, de)
+        ]),
+        $(v.$slots, "path-icon-filled-readonly", {}, void 0, !0)
+      ], 8, ue)) : y("", !0),
+      !t.config.style.icons.filled && t.isReadonly ? (s(), i("svg", {
+        key: 4,
+        style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
+        height: "100%",
+        viewBox: `0 0 ${t.calcShapeFill(t.unit - 1)} 24`,
+        "stroke-width": "1.5",
+        stroke: t.config.style.colors.activeReadonly[t.unit - 1],
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        $(v.$slots, "path-icon-readonly", {}, void 0, !0)
+      ], 8, fe)) : y("", !0)
+    ], 38));
+  }
+}, ge = /* @__PURE__ */ ae(ve, [["__scopeId", "data-v-ff349576"]]), me = {
+  key: 0,
+  class: "vue-ui-rating-title",
+  style: { width: "100%" }
+}, he = ["d", "fill"], pe = ["d"], be = ["d", "fill"], $e = ["d"], we = {
+  __name: "vue-ui-smiley",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["rate"],
+  setup(t, { expose: w, emit: g }) {
+    const { vue_ui_smiley: v } = te(), o = t, h = H(), U = g, m = x(null);
+    B(() => {
+      h["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
+    });
+    function S() {
+      (!Object.hasOwn(o.dataset, "rating") || _(o.dataset)) && ee({
+        componentName: "VueUiSmiley",
+        type: "datasetAttribute",
+        property: "rating"
+      });
+    }
+    B(S);
+    const e = x(I());
+    function I() {
+      return le({
+        userConfig: o.config,
+        defaultConfig: v
+      });
+    }
+    N(() => o.config, (l) => {
+      e.value = I(), k.value = e.value.readonly, S();
+    }, { deep: !0 });
+    const F = R(() => {
+      const l = o.dataset.rating;
+      return l && typeof l == "object" && !Array.isArray(l) ? O(l) : l ?? null;
+    }), X = R(() => typeof o.dataset.rating == "object" && !Array.isArray(o.dataset.rating)), d = x(F.value);
+    N(
+      F,
+      (l) => {
+        d.value = l;
+      }
+    );
+    const k = x(e.value.readonly), G = [
+      {
+        key: "smiley_0",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15.25a3.5 3.5 0 0 1 5 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15.25a3.5 3.5 0 0 1 5 0"
+      },
+      {
+        key: "smiley_1",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 10.66h-6l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h6l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-5.99 -5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9 15l6 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 10.66h-6l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h6l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-5.99 -5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9 15l6 0"
+      },
+      {
+        key: "smiley_2",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-7.99 5.66l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-7.99 5.66l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0"
+      },
+      {
+        key: "smiley_3",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.8 10.946a1 1 0 0 0 -1.414 .014a2.5 2.5 0 0 1 -3.572 0a1 1 0 0 0 -1.428 1.4a4.5 4.5 0 0 0 6.428 0a1 1 0 0 0 -.014 -1.414zm-6.19 -5.286l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15a3.5 3.5 0 0 0 5 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.8 10.946a1 1 0 0 0 -1.414 .014a2.5 2.5 0 0 1 -3.572 0a1 1 0 0 0 -1.428 1.4a4.5 4.5 0 0 0 6.428 0a1 1 0 0 0 -.014 -1.414zm-6.19 -5.286l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15a3.5 3.5 0 0 0 5 0"
+      },
+      {
+        key: "smiley_4",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 9.66h-6a1 1 0 0 0 -1 1v.05a3.975 3.975 0 0 0 3.777 3.97l.227 .005a4.026 4.026 0 0 0 3.99 -3.79l.006 -.206a1 1 0 0 0 -1 -1.029zm-5.99 -5l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 9l.01 0 M15 9l.01 0 M8 13a4 4 0 1 0 8 0h-8",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 9.66h-6a1 1 0 0 0 -1 1v.05a3.975 3.975 0 0 0 3.777 3.97l.227 .005a4.026 4.026 0 0 0 3.99 -3.79l.006 -.206a1 1 0 0 0 -1 -1.029zm-5.99 -5l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 9l.01 0 M15 9l.01 0 M8 13a4 4 0 1 0 8 0h-8"
+      }
+    ];
+    function O(l) {
+      if (l == null) return null;
+      let n = 0, u = 0;
+      for (const c in l) {
+        const b = Number(c), A = l[c];
+        Number.isFinite(b) && (n += b * A, u += A);
+      }
+      return u === 0 ? 0 : n / u;
+    }
+    function Y(l) {
+      const n = d.value - l, u = 24;
+      switch (!0) {
+        case n < 0:
+          return 0;
+        case n > 1:
+          return 1 * u;
+        default:
+          return n * u;
+      }
+    }
+    function C(l) {
+      return e.value.readonly ? e.value.style.colors.inactive[l] : d.value === l + 1 ? e.value.style.icons.useGradient && e.value.style.icons.filled ? `url(#vueUiSmiley${l})` : e.value.style.colors.active[l] : m.value !== null && m.value === l ? e.value.style.icons.useGradient && e.value.style.icons.filled ? `url(#vueUiSmiley${l})` : e.value.style.colors.active[l] : e.value.style.colors.inactive[l];
+    }
+    const p = R(() => ({ value: l, tooltip: n = !1 }) => W(
+      n ? e.value.style.tooltip.formatter : e.value.style.rating.formatter,
+      l,
+      Z({
+        v: l,
+        r: n ? e.value.style.tooltip.roundingValue : e.value.style.rating.roundingValue
+      }),
+      e.value
+    ));
+    function L(l) {
+      k.value || (d.value = l, U("rate", l));
+    }
+    function D() {
+      return d.value;
+    }
+    function E(l = !0) {
+      k.value = l;
+    }
+    return w({
+      getData: D,
+      toggleReadonly: E
+    }), (l, n) => (s(), i("div", {
+      class: "vue-data-ui-component vue-ui-smiley",
+      style: r(`background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily};width:100%;`),
+      onMouseleave: n[1] || (n[1] = (u) => m.value = void 0)
+    }, [
+      e.value.style.title.text ? (s(), i("div", me, [
+        a("div", {
+          style: r(`color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"};text-align:${e.value.style.title.textAlign};margin-bottom:${e.value.style.title.offsetY}px;font-size:${e.value.style.title.fontSize}px`)
+        }, f(e.value.style.title.text), 5),
+        e.value.style.title.subtitle.text ? (s(), i("div", {
+          key: 0,
+          style: r(`color:${e.value.style.title.subtitle.color};font-size:${e.value.style.title.subtitle.fontSize}px;text-align:${e.value.style.title.textAlign};margin-bottom:${e.value.style.title.subtitle.offsetY}px;font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+        }, f(e.value.style.title.subtitle.text), 5)) : y("", !0)
+      ])) : y("", !0),
+      e.value.style.rating.show && e.value.style.rating.position === "top" ? (s(), i("div", {
+        key: 1,
+        style: r(`width:100%;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};margin-left:${e.value.style.rating.offsetX}px`)
+      }, f(p.value({ value: d.value })), 5)) : y("", !0),
+      a("div", {
+        class: "vue-ui-smiley-wrapper",
+        style: r(`overflow:visible;height:${e.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
+      }, [
+        e.value.style.rating.show && e.value.style.rating.position === "left" ? (s(), i("div", {
+          key: 0,
+          style: r(`width:fit-content;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};padding-right:${e.value.style.rating.offsetX}px`)
+        }, f(p.value({ value: d.value })), 5)) : y("", !0),
+        (s(), i(P, null, q(G, (u, c) => J(ge, {
+          key: u.key,
+          config: e.value,
+          unit: c + 1,
+          currentRating: d.value,
+          isReadonly: k.value,
+          hasBreakdown: X.value,
+          hoveredValue: m.value,
+          getActiveColor: C,
+          calcShapeFill: Y,
+          onMouseenter: (b) => m.value = c,
+          onMouseleave: n[0] || (n[0] = (b) => m.value = null),
+          onRate: (b) => L(c + 1)
+        }, {
+          rating: z(() => [
+            Q(f(p.value({ value: o.dataset.rating[String(c + 1)], tooltip: !0 })), 1)
+          ]),
+          "path-icon-filled": z(() => [
+            a("path", {
+              d: u.pathIconFilled,
+              "stroke-width": "0",
+              fill: C(c)
+            }, null, 8, he)
+          ]),
+          "path-icon": z(() => [
+            a("path", {
+              d: u.pathIcon
+            }, null, 8, pe)
+          ]),
+          "path-icon-filled-readonly": z(() => [
+            a("path", {
+              d: u.pathIconFilledReadonly,
+              "stroke-width": "0",
+              fill: e.value.style.icons.useGradient ? `url(#vueUiSmiley${c})` : e.value.style.colors.activeReadonly[c]
+            }, null, 8, be)
+          ]),
+          "path-icon-readonly": z(() => [
+            a("path", {
+              d: u.pathIconReadonly
+            }, null, 8, $e)
+          ]),
+          _: 2
+        }, 1032, ["config", "unit", "currentRating", "isReadonly", "hasBreakdown", "hoveredValue", "onMouseenter", "onRate"])), 64)),
+        e.value.style.rating.show && e.value.style.rating.position === "right" ? (s(), i("div", {
+          key: 1,
+          style: r(`width:fit-content;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};padding-left:${e.value.style.rating.offsetX}px`)
+        }, f(p.value({ value: d.value })), 5)) : y("", !0)
+      ], 4),
+      e.value.style.rating.show && e.value.style.rating.position === "bottom" ? (s(), i("div", {
+        key: 2,
+        style: r(`width:100%;text-align:center;margin-top:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};margin-left:${e.value.style.rating.offsetX}px`)
+      }, f(p.value({ value: d.value })), 5)) : y("", !0)
+    ], 36));
+  }
+};
+export {
+  we as default
+};

package/dist/{vue-ui-spark-trend-lSw8HYoA.js → vue-ui-spark-trend-D1Zt5np6.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as _e, ref as c, toRefs as we, computed as u, watch as G, nextTick as K, onMounted as Le, createElementBlock as r, openBlock as s, normalizeStyle as Ae, createCommentVNode as h, createBlock as xe, unref as i, createVNode as $e, createElementVNode as z, renderSlot as Q, toDisplayString as Y } from "vue";
-import { c as Te, t as Se, J as ee, o as R, g as Ne, M as w, ah as ze, X as Fe, s as Z, z as te, d as le, a as Be } from "./lib-DUaaQGCv.js";
-import { t as Me, u as Ee } from "./useResponsive-DfdjqQps.js";
-import { u as De, a as P } from "./useNestedProp-CVGae3Qt.js";
+import { c as Te, t as Se, Q as ee, o as R, g as Ne, T as w, am as ze, X as Fe, s as Z, z as te, d as le, a as Be } from "./lib-qMPkcvmh.js";
+import { t as Ee, u as Me } from "./useResponsive-DfdjqQps.js";
+import { u as De, a as P } from "./useNestedProp-DOOBu_sL.js";
 import { u as Ie, B as je } from "./BaseScanner-BgWxam9d.js";
 import { u as Oe } from "./useFitSvgText-2crs6Fv5.js";
 import { u as Ve } from "./useThemeCheck-DGJ31Vi5.js";
@@ -23,7 +23,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
   default: ie,
   hack: ue,
   zen: se
-}, Symbol.toStringTag, { value: "Module" })), Re = ["id"], Ze = ["xmlns", "viewBox"], Pe = ["width", "height"], Ue = ["id"], We = ["stop-color"], He = ["stop-color"], qe = { key: 1 }, Je = ["d", "fill"], Xe = ["d", "fill"], Ke = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Qe = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ye = ["d"], et = ["fill", "d"], tt = ["x", "y", "width", "height"], lt = ["x", "y", "fill", "font-size", "font-weight"], at = ["stroke", "cx", "cy", "fill"], nt = ["x", "y", "font-size", "fill", "font-weight"], ot = {
+}, Symbol.toStringTag, { value: "Module" })), Re = ["id"], Ze = ["xmlns", "viewBox"], Pe = ["width", "height"], Ue = ["id"], We = ["stop-color"], He = ["stop-color"], qe = { key: 1 }, Xe = ["d", "fill"], Je = ["d", "fill"], Ke = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Qe = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ye = ["d"], et = ["fill", "d"], tt = ["x", "y", "width", "height"], lt = ["x", "y", "fill", "font-size", "font-weight"], at = ["stroke", "cx", "cy", "fill"], nt = ["x", "y", "font-size", "fill", "font-weight"], ot = {
   __name: "vue-ui-spark-trend",
   props: {
     config: {
@@ -40,10 +40,10 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
     }
   },
   setup(ve) {
-    const de = _e(() => import("./PackageVersion-BAF3mEBQ.js")), { vue_ui_spark_trend: ce } = De(), { isThemeValid: fe, warnInvalidTheme: he } = Ve(), y = ve, F = c(null), U = c(null), W = c(null), L = c(null), x = c(null), $ = c(!1), p = c(null), A = c(Te()), e = c(E()), { loading: C, FINAL_DATASET: B, manualLoading: M } = Ie({
+    const de = _e(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_spark_trend: ce } = De(), { isThemeValid: fe, warnInvalidTheme: he } = Ve(), y = ve, F = c(null), U = c(null), W = c(null), L = c(null), x = c(null), $ = c(!1), p = c(null), A = c(Te()), e = c(M()), { loading: C, FINAL_DATASET: B, manualLoading: E } = Ie({
       ...we(y),
       FINAL_CONFIG: e,
-      prepareConfig: E,
+      prepareConfig: M,
       skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233],
       skeletonConfig: Se({
         defaultConfig: e.value,
@@ -60,7 +60,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         }
       })
     });
-    function E() {
+    function M() {
       const t = P({
         userConfig: y.config,
         defaultConfig: ce
@@ -82,7 +82,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
       threshold: e.value.downsample.threshold
     }));
     G(() => y.config, (t) => {
-      e.value = E(), j.value = e.value.style.width, _.value = e.value.style.height, H();
+      e.value = M(), j.value = e.value.style.width, _.value = e.value.style.height, H();
     }, { deep: !0 });
     function D(t) {
       return t.map((l) => w(l));
@@ -98,7 +98,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
     }, { deep: !0, immediate: !0 }), G(
       () => JSON.stringify(y.dataset),
       () => {
-        p.value && (cancelAnimationFrame(p.value), p.value = null), M.value = R(y.dataset);
+        p.value && (cancelAnimationFrame(p.value), p.value = null), E.value = R(y.dataset);
         const t = g.value;
         k.value = e.value.style.animation.show ? Array(t.length).fill(null) : t.map((l) => Number.isFinite(l) ? l : null), I(), K(() => N(".vue-ui-sparktrend-progress-label", 6));
       },
@@ -109,8 +109,8 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
       if (!C.value && e.value.style.animation.show && e.value.style.animation.animationFrames && B.value.length > 1) {
         let b = function() {
           $.value = !0;
-          let J = performance.now(), X = J - o;
-          X > l ? (o = J - X % l, f < g.value.length ? (k.value.push(g.value[f]), f += 1, p.value = requestAnimationFrame(b)) : (cancelAnimationFrame(p.value), k.value = D(g.value), $.value = !1, N(".vue-ui-sparktrend-progress-label", 6))) : p.value = requestAnimationFrame(b);
+          let X = performance.now(), J = X - o;
+          J > l ? (o = X - J % l, f < g.value.length ? (k.value.push(g.value[f]), f += 1, p.value = requestAnimationFrame(b)) : (cancelAnimationFrame(p.value), k.value = D(g.value), $.value = !1, N(".vue-ui-sparktrend-progress-label", 6))) : p.value = requestAnimationFrame(b);
         };
         k.value = [];
         let f = 0;
@@ -126,9 +126,9 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         componentName: "VueUiSparkTrend",
         type: "dataset",
         debug: ye.value
-      }), M.value = !0), R(y.dataset) || (M.value = !1), e.value.responsive) {
-        const t = Me(() => {
-          const { width: l, height: o } = Ee({
+      }), E.value = !0), R(y.dataset) || (E.value = !1), e.value.responsive) {
+        const t = Ee(() => {
+          const { width: l, height: o } = Me({
             chart: F.value,
             source: W.value
           });
@@ -255,12 +255,12 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
             d: `M ${a.value[0].x},${n.value.bottom} ${i(te)(a.value)} L ${a.value.at(-1).x},${n.value.bottom} Z`,
             fill: e.value.style.area.useGradient ? `url(#pill_gradient_${A.value})` : i(Z)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
             stroke: "none"
-          }, null, 8, Je)) : (s(), r("path", {
+          }, null, 8, Xe)) : (s(), r("path", {
             key: 1,
             d: `M${be.value}Z`,
             fill: e.value.style.area.useGradient ? `url(#pill_gradient_${A.value})` : i(Z)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
             stroke: "none"
-          }, null, 8, Xe))
+          }, null, 8, Je))
         ])) : h("", !0),
         e.value.style.line.smooth && a.value.length ? (s(), r("path", {
           key: 2,

package/dist/{vue-ui-sparkbar-DZlTPWdS.js → vue-ui-sparkbar-CdmXCSnj.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as ue, useSlots as ie, onMounted as L, ref as b, toRefs as ce, computed as x, watch as N, nextTick as de, createElementBlock as u, openBlock as r, normalizeStyle as v, unref as o, renderSlot as D, createCommentVNode as f, createBlock as ve, normalizeProps as fe, mergeProps as P, createElementVNode as c, toDisplayString as p, Fragment as O, renderList as ge, createVNode as pe } from "vue";
-import { c as ye, t as me, i as he, p as A, j as be, o as ke, g as M, k as Ce, l as xe, s as $, a as _, d as w, X as Ae, h as _e } from "./lib-DUaaQGCv.js";
-import { u as we, a as F } from "./useNestedProp-CVGae3Qt.js";
+import { c as ye, t as me, i as he, p as A, j as be, o as ke, g as M, k as Ce, l as xe, s as $, a as _, d as w, X as Ae, h as _e } from "./lib-qMPkcvmh.js";
+import { u as we, a as F } from "./useNestedProp-DOOBu_sL.js";
 import { u as Se, B as De } from "./BaseScanner-BgWxam9d.js";
 import { u as $e } from "./useThemeCheck-DGJ31Vi5.js";
 const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A3A3A" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#CCCCCC" } }, title: { color: "#CCCCCC" } } }, V = { style: { backgroundColor: "#FFF8E1", gutter: { backgroundColor: "#ded6ca" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#424242" } }, title: { color: "#424242" } } }, U = { style: { backgroundColor: "#1E1E1E", gutter: { backgroundColor: "#2E2E2E" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#BDBDBD" } }, title: { color: "#BDBDBD" } } }, R = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#333333" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#99CC99" } }, title: { color: "#66CC66" } } }, W = { style: { backgroundColor: "#fbfafa", gutter: { backgroundColor: "#f5f0eb" }, bar: { gradient: { underlayerColor: "#fbfafa" } }, labels: { name: { color: "#8A9892" } } } }, G = { style: { backgroundColor: "#f6f6fb", bar: { gradient: { underlayerColor: "#f6f6fb" } }, labels: { name: { color: "#50606C" } } } }, q = {
@@ -52,7 +52,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
   },
   emits: ["selectDatapoint"],
   setup(H, { emit: X }) {
-    const J = ue(() => import("./PackageVersion-BAF3mEBQ.js")), { vue_ui_sparkbar: K } = we(), { isThemeValid: Q, warnInvalidTheme: Y } = $e(), g = H, Z = ie();
+    const J = ue(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_sparkbar: K } = we(), { isThemeValid: Q, warnInvalidTheme: Y } = $e(), g = H, Z = ie();
     L(() => {
       Z["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-sparkgauge-Cwl9Ksz2.js → vue-ui-sparkgauge-Dn2PQhZj.js}

@@ -1,25 +1,25 @@
-import { defineAsyncComponent as K, ref as p, toRefs as Q, onMounted as F, computed as n, watch as z, createElementBlock as i, openBlock as r, normalizeStyle as y, createCommentVNode as f, createBlock as W, toDisplayString as k, unref as u, createVNode as Z, createElementVNode as g, renderSlot as M, normalizeClass as ee } from "vue";
-import { u as te, a as C } from "./useNestedProp-CVGae3Qt.js";
-import { c as ae, t as le, o as oe, g as N, k as se, ai as ne, X as re, a as ue, M as A, d as ie } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as K, ref as p, toRefs as Q, onMounted as F, computed as n, watch as z, createElementBlock as i, openBlock as r, normalizeStyle as y, createCommentVNode as f, createBlock as W, toDisplayString as k, unref as u, createVNode as Z, createElementVNode as g, renderSlot as N, normalizeClass as ee } from "vue";
+import { u as te, a as C } from "./useNestedProp-DOOBu_sL.js";
+import { c as ae, t as le, o as oe, g as E, k as se, an as ne, X as re, a as ue, T as A, d as ie } from "./lib-qMPkcvmh.js";
 import { u as ce, B as ve } from "./BaseScanner-BgWxam9d.js";
 import { u as de } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" }, gutter: { color: "#3A3A3A" } } }, O = { style: { background: "#FFF8E1", title: { color: "#424242" }, dataLabel: { color: "#424242" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, j = { style: { background: "#1E1E1E", title: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, T = { style: { background: "#1A1A1A", title: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, colors: { min: "#334C33", max: "#33CC33" }, track: { color: "#33CC33" }, gutter: { color: "#333333" } } }, I = { style: { background: "#fbfafa", title: { color: "#8A9892" }, dataLabel: { color: "#A0AC94" }, colors: { min: "#C09E85", max: "#B9B99D" }, track: { color: "#B9B99D" }, gutter: { color: "#f5f0eb" } } }, P = { style: { background: "#f6f6fb", title: { color: "#50606C" }, dataLabel: { color: "#61747E" }, colors: { min: "#92B0AB", max: "#4A6A75" }, track: { color: "#4A6A75" }, gutter: { color: "#e1e5e8" } } }, R = {
+const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" }, gutter: { color: "#3A3A3A" } } }, O = { style: { background: "#FFF8E1", title: { color: "#424242" }, dataLabel: { color: "#424242" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, T = { style: { background: "#1E1E1E", title: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, j = { style: { background: "#1A1A1A", title: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, colors: { min: "#334C33", max: "#33CC33" }, track: { color: "#33CC33" }, gutter: { color: "#333333" } } }, I = { style: { background: "#fbfafa", title: { color: "#8A9892" }, dataLabel: { color: "#A0AC94" }, colors: { min: "#C09E85", max: "#B9B99D" }, track: { color: "#B9B99D" }, gutter: { color: "#f5f0eb" } } }, P = { style: { background: "#f6f6fb", title: { color: "#50606C" }, dataLabel: { color: "#61747E" }, colors: { min: "#92B0AB", max: "#4A6A75" }, track: { color: "#4A6A75" }, gutter: { color: "#e1e5e8" } } }, R = {
   default: {},
-  dark: E,
+  dark: M,
   celebration: O,
-  celebrationNight: j,
-  hack: T,
+  celebrationNight: T,
+  hack: j,
   zen: I,
   concrete: P
 }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: O,
-  celebrationNight: j,
+  celebrationNight: T,
   concrete: P,
-  dark: E,
+  dark: M,
   default: R,
-  hack: T,
+  hack: j,
   zen: I
 }, Symbol.toStringTag, { value: "Module" })), ge = ["xmlns", "viewBox"], me = ["width", "height"], ye = ["id"], be = ["stop-color"], he = ["stop-color"], pe = ["d", "stroke", "stroke-linecap"], ke = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], Ce = ["x", "y", "width", "height"], Ae = ["x", "y", "font-size", "fill", "font-weight"], _e = {
   key: 2,
@@ -42,7 +42,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
     }
   },
   setup(U) {
-    const G = K(() => import("./PackageVersion-BAF3mEBQ.js")), { vue_ui_sparkgauge: V } = te(), { isThemeValid: q, warnInvalidTheme: X } = de(), c = U, _ = p(ae()), e = p(h()), { loading: b, FINAL_DATASET: v } = ce({
+    const G = K(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_sparkgauge: V } = te(), { isThemeValid: q, warnInvalidTheme: X } = de(), c = U, _ = p(ae()), e = p(h()), { loading: b, FINAL_DATASET: v } = ce({
       ...Q(c),
       FINAL_CONFIG: e,
       prepareConfig: h,
@@ -94,7 +94,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
     });
     const x = n(() => e.value.debug);
     function w() {
-      oe(c.dataset) ? N({
+      oe(c.dataset) ? E({
         componentName: "VueUiSparkgauge",
         type: "dataset",
         debug: x.value
@@ -102,7 +102,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
         datasetObject: c.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
-        N({
+        E({
           componentName: "VueUiSparkgauge",
           type: "datasetAttribute",
           property: t,
@@ -171,7 +171,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
             pointerEvents: "none"
           }
         }, [
-          M(t.$slots, "chart-background")
+          N(t.$slots, "chart-background")
         ], 8, me)) : f("", !0),
         g("defs", null, [
           g("linearGradient", {
@@ -244,17 +244,17 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
         style: y(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
       }, k(m.value), 5)) : f("", !0),
       t.$slots.source ? (r(), i("div", _e, [
-        M(t.$slots, "source")
+        N(t.$slots, "source")
       ], 512)) : f("", !0),
       u(b) ? (r(), W(ve, { key: 3 })) : f("", !0)
     ], 4));
   }
-}, Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: xe
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   xe as _,
-  Me as a,
+  Ne as a,
   ze as v
 };

package/dist/{vue-ui-sparkhistogram-Bq2DS4V0.js → vue-ui-sparkhistogram-nrkglHJk.js}

@@ -1,12 +1,12 @@
 import { useCssVars as Le, computed as k, defineAsyncComponent as $e, ref as h, toRefs as Se, onMounted as X, watch as G, nextTick as P, createElementBlock as o, openBlock as a, normalizeStyle as F, createCommentVNode as d, createBlock as q, createElementVNode as f, createTextVNode as ze, toDisplayString as g, unref as r, createVNode as Fe, renderSlot as Y, Fragment as y, renderList as b, normalizeClass as J } from "vue";
-import { c as De, t as Be, o as Ee, g as K, k as Me, s as p, a as Q, d as Z, X as Te, h as N } from "./lib-DUaaQGCv.js";
+import { c as De, t as Be, o as Ee, g as K, k as Me, s as p, a as Q, d as Z, X as Te, h as N } from "./lib-qMPkcvmh.js";
 import { t as Ie, u as Ne } from "./useResponsive-DfdjqQps.js";
-import { u as He, a as H } from "./useNestedProp-CVGae3Qt.js";
+import { u as He, a as H } from "./useNestedProp-DOOBu_sL.js";
 import { u as Oe, B as Ve } from "./BaseScanner-BgWxam9d.js";
 import { u as We } from "./useFitSvgText-2crs6Fv5.js";
 import { u as je } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Re } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as Ue } from "./Shape-rPzC8L-O.js";
+import { _ as Ue } from "./Shape-BEGGcaL8.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CCCCCC" }, valueLabel: { color: "#CCCCCC" }, timeLabel: { color: "#CCCCCC" } }, selector: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, te = { style: { backgroundColor: "#FFF8E1", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#424242" }, valueLabel: { color: "#424242" }, timeLabel: { color: "#757575" } }, selector: { stroke: "#D32F2F" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, le = { style: { backgroundColor: "#1E1E1E", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#BDBDBD" }, valueLabel: { color: "#BDBDBD" }, timeLabel: { color: "#BDBDBD" } }, selector: { stroke: "#D32F2F" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, ae = { style: { backgroundColor: "#1A1A1A", bars: { colors: { positive: "#66CC66" } }, labels: { value: { color: "#AACCAA" }, valueLabel: { color: "#99CC99" }, timeLabel: { color: "#99AA99" } }, selector: { stroke: "#00FF00" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, oe = { style: { backgroundColor: "#fbfafa", bars: { colors: { positive: "#B9B99D", negative: "#C09E85" } }, labels: { value: { color: "#A0AC94" }, valueLabel: { color: "#A0AC94" }, timeLabel: { color: "#8A9892" } }, selector: { stroke: "#BBC4D3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, se = { style: { backgroundColor: "#f6f6fb", bars: { colors: { positive: "#4A6A75" } }, labels: { value: { color: "#61747E" }, valueLabel: { color: "#8A9892" }, timeLabel: { color: "#50606C" } }, selector: { stroke: "#404C4D" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, ie = {
   default: {},
@@ -46,7 +46,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
     Le((l) => ({
       v47f58673: Ce.value
     }));
-    const ne = $e(() => import("./PackageVersion-BAF3mEBQ.js")), { vue_ui_sparkhistogram: ve } = He(), { isThemeValid: ce, warnInvalidTheme: de } = je(), m = ue, C = h(De()), O = h(null), V = h(null), D = h(null), A = h(null), L = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = Oe({
+    const ne = $e(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_sparkhistogram: ve } = He(), { isThemeValid: ce, warnInvalidTheme: de } = je(), m = ue, C = h(De()), O = h(null), V = h(null), D = h(null), A = h(null), L = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = Oe({
       ...Se(m),
       FINAL_CONFIG: e,
       prepareConfig: M,