vue-data-ui 3.7.15 → 3.7.16

package/dist/vue-ui-smiley-BkXC5UFE.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-DUaaQGCv.js";
+import { u as te, a as le } from "./useNestedProp-CoXaJ2T6.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-DZWSf9JB.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 { u as De, a as P } from "./useNestedProp-CoXaJ2T6.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";
@@ -40,7 +40,7 @@ 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-BW9_gimf.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({
       ...we(y),
       FINAL_CONFIG: e,
       prepareConfig: E,

package/dist/{vue-ui-sparkbar-DZlTPWdS.js → vue-ui-sparkbar-CqH28hXO.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 { u as we, a as F } from "./useNestedProp-CoXaJ2T6.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-BW9_gimf.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-DT_yPxzw.js}

@@ -1,5 +1,5 @@
 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 { u as te, a as C } from "./useNestedProp-CoXaJ2T6.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 { u as ce, B as ve } from "./BaseScanner-BgWxam9d.js";
 import { u as de } from "./useThemeCheck-DGJ31Vi5.js";
@@ -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-BW9_gimf.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,

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

@@ -1,7 +1,7 @@
 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 { 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-CoXaJ2T6.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";
@@ -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-BW9_gimf.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,

package/dist/{vue-ui-sparkline-DbkCbelr.js → vue-ui-sparkline-AvAyn0Uv.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as he, computed as f, ref as y, toRefs as Xe, watch as J, shallowRef as ye, onMounted as Ye, onBeforeUnmount as pe, createElementBlock as c, openBlock as n, normalizeStyle as z, renderSlot as F, createCommentVNode as h, createBlock as ge, normalizeProps as be, guardReactiveProps as me, createElementVNode as p, toDisplayString as B, unref as u, createVNode as qe, Fragment as Q, renderList as ee, withCtx as Ze, createTextVNode as Ke, nextTick as He } from "vue";
 import { c as Je, t as Qe, W as ke, aj as te, o as xe, g as Ae, k as et, h as E, m as tt, ak as at, X as lt, s as V, z as _e, B as ot, I as Ce, a as ae, d as le, al as rt } from "./lib-DUaaQGCv.js";
 import { t as ut, u as st } from "./useResponsive-DfdjqQps.js";
-import { u as nt, a as oe } from "./useNestedProp-CVGae3Qt.js";
+import { u as nt, a as oe } from "./useNestedProp-CoXaJ2T6.js";
 import { u as it, B as vt } from "./BaseScanner-BgWxam9d.js";
 import { u as dt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ct } from "./useTimeLabels-C5qMhpbe.js";
@@ -58,7 +58,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(L, { emit: De }) {
-    const Se = he(() => import("./PackageVersion-BAF3mEBQ.js")), ze = he(() => import("./SparkTooltip-reDvtQYF.js")), { vue_ui_sparkline: Be } = nt(), { isThemeValid: Ee, warnInvalidTheme: Ve } = dt(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), g = y(Je()), T = y(null), ue = y(null), se = y(null), e = y(P());
+    const Se = he(() => import("./PackageVersion-BW9_gimf.js")), ze = he(() => import("./SparkTooltip-reDvtQYF.js")), { vue_ui_sparkline: Be } = nt(), { isThemeValid: Ee, warnInvalidTheme: Ve } = dt(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), g = y(Je()), T = y(null), ue = y(null), se = y(null), e = y(P());
     function Te(t) {
       return rt(t).map((a) => ({ period: "-", value: a }));
     }

package/dist/{vue-ui-sparkstackbar-DWDEh2j6.js → vue-ui-sparkstackbar-X_VGCj6T.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as Q, useSlots as Ie, onMounted as Z, ref as v, toRefs as Te, watch as ee, computed as F, createElementBlock as s, openBlock as r, normalizeStyle as g, createCommentVNode as h, createVNode as te, createBlock as Pe, createElementVNode as d, toDisplayString as S, unref as c, Fragment as _, renderList as D, normalizeClass as z, withCtx as oe, renderSlot as U, normalizeProps as le, guardReactiveProps as ae } from "vue";
 import { c as re, t as ze, i as Oe, p as i, l as B, j as Le, o as Ne, g as se, k as je, d as R, X as Ve, s as ne, h as ue, a as ie, x as Me } from "./lib-DUaaQGCv.js";
-import { u as Ue, a as G } from "./useNestedProp-CVGae3Qt.js";
+import { u as Ue, a as G } from "./useNestedProp-CoXaJ2T6.js";
 import { u as Re, B as Ge } from "./BaseScanner-BgWxam9d.js";
 import { u as We } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ye } from "./useChartAccessibility-9icAAmYg.js";
@@ -50,7 +50,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
   },
   emits: ["selectDatapoint"],
   setup(ye, { expose: me, emit: be }) {
-    const Ce = Q(() => import("./PackageVersion-BAF3mEBQ.js")), ke = Q(() => import("./Tooltip-De7i-i20.js")), { vue_ui_sparkstackbar: _e } = Ue(), { isThemeValid: xe, warnInvalidTheme: we } = We(), m = ye, Ae = Ie();
+    const Ce = Q(() => import("./PackageVersion-BW9_gimf.js")), ke = Q(() => import("./Tooltip-De7i-i20.js")), { vue_ui_sparkstackbar: _e } = Ue(), { isThemeValid: xe, warnInvalidTheme: we } = We(), m = ye, Ae = Ie();
     Z(() => {
       Ae["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-stackbar-BhbkdK0G.js → vue-ui-stackbar-DQP8yEJM.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as j, useSlots as Pl, computed as b, ref as d, onMounted as ia, toRefs as Ol, watch as ze, shallowRef as ua, onBeforeUnmount as gt, watchEffect as ca, nextTick as El, createElementBlock as n, openBlock as s, normalizeStyle as ne, normalizeClass as ve, createBlock as ee, createCommentVNode as y, renderSlot as C, createElementVNode as te, createVNode as _e, unref as m, withCtx as L, normalizeProps as U, guardReactiveProps as H, createSlots as bt, Fragment as x, renderList as w, mergeProps as Me, toDisplayString as B, Teleport as Rl, resolveDynamicComponent as Il, createTextVNode as ha } from "vue";
-import { u as Bl, a as yt } from "./useNestedProp-CVGae3Qt.js";
+import { u as Bl, a as yt } from "./useNestedProp-CoXaJ2T6.js";
 import { c as va, t as Vl, i as Ul, p as He, W as de, j as Hl, o as da, g as ga, k as Xl, l as Yl, am as Te, G as ba, F as ya, K as Wl, X as ql, n as Gl, I as ie, w as fa, a as ge, d as ae, U as Jl, a3 as Zl, x as ma, u as Kl, q as Ql, R as jl } from "./lib-DUaaQGCv.js";
 import { t as ft, u as eo } from "./useResponsive-DfdjqQps.js";
 import { u as to } from "./usePrinter-BdVu83IN.js";
@@ -11,10 +11,10 @@ import { u as io } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as uo } from "./useChartAccessibility-9icAAmYg.js";
 import { u as co } from "./useTimeLabelCollider-CIsgDrl9.js";
 import ho from "./img-BYzbY8TZ.js";
-import vo from "./Title-Hk29BxeL.js";
+import vo from "./Title-CM2dM0rQ.js";
 import { _ as go } from "./Shape-rPzC8L-O.js";
 import bo from "./Legend-DSyOOSJ1.js";
-import { S as yo } from "./SlicerPreview-B1QUTxTZ.js";
+import { S as yo } from "./SlicerPreview-BWl4UOqy.js";
 import { _ as fo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, bars: { totalValues: { color: "#CCCCCC" } }, grid: { frame: { stroke: "#5A5A5A" }, x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, ka = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#424242" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, bars: { totalValues: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Ca = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, bars: { totalValues: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, wa = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, bars: { totalValues: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, La = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, bars: { borderRadius: 4, totalValues: { show: !1 }, dataLabels: { show: !1 } }, grid: { x: { showAxis: !1, axisName: { color: "#8F837A" }, timeLabels: { show: !1 } }, y: { showAxis: !1, axisName: { color: "#8F837A" }, axisLabels: { show: !1 } } } } } }, Aa = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, bars: { totalValues: { color: "#50606C" } }, grid: { x: { showHorizontalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, timeLabels: { color: "#61747E" } }, y: { showVerticalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, axisLabels: { color: "#61747E" } } } } } }, Sa = {
   default: {},
@@ -58,7 +58,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
   setup(Xe, { expose: za, emit: _a }) {
-    const Ma = j(() => import("./Tooltip-De7i-i20.js")), Ta = j(() => import("./BaseIcon-Dl4VBlHV.js")), $a = j(() => import("./vue-ui-accordion-B3SlkXqV.js")), Fa = j(() => import("./DataTable-Ho3Bf5oq.js")), Da = j(() => import("./PenAndPaper-kymjF6_b.js")), Na = j(() => import("./UserOptions-DgscxIaa.js")), Pa = j(() => import("./PackageVersion-BAF3mEBQ.js")), Oa = j(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_stackbar: Ea } = Bl(), { isThemeValid: Ra, warnInvalidTheme: Ia } = no(), Ba = Pl(), k = Xe, be = _a, ye = b({
+    const Ma = j(() => import("./Tooltip-De7i-i20.js")), Ta = j(() => import("./BaseIcon--wNsuYtd.js")), $a = j(() => import("./vue-ui-accordion-WOXCCkiC.js")), Fa = j(() => import("./DataTable-DRZJOlJB.js")), Da = j(() => import("./PenAndPaper-CMmG5Mka.js")), Na = j(() => import("./UserOptions-5GYBcJJU.js")), Pa = j(() => import("./PackageVersion-BW9_gimf.js")), Oa = j(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_stackbar: Ea } = Bl(), { isThemeValid: Ra, warnInvalidTheme: Ia } = no(), Ba = Pl(), k = Xe, be = _a, ye = b({
       get() {
         return !!k.dataset && k.dataset.length;
       },

package/dist/{vue-ui-stackline-DqKYCBDP.js → vue-ui-stackline-VLPuuMyW.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ye, useSlots as Ul, computed as m, ref as y, onMounted as Wl, toRefs as Xl, watch as Le, shallowRef as La, onBeforeUnmount as Nt, watchEffect as ql, nextTick as Gl, createElementBlock as h, openBlock as i, normalizeStyle as Te, normalizeClass as Ta, createBlock as ie, createCommentVNode as w, renderSlot as _, createElementVNode as ue, createVNode as Ue, unref as M, withCtx as D, normalizeProps as ee, guardReactiveProps as te, createSlots as Ft, Fragment as E, renderList as W, mergeProps as lt, toDisplayString as de, Teleport as jl, resolveDynamicComponent as Jl, createTextVNode as Na } from "vue";
 import { c as Fa, t as Zl, i as Kl, p as ot, j as Ql, o as _a, g as Da, k as eo, l as to, am as We, G as st, F as rt, K as ao, z as pe, B as be, H as lo, x as oo, R as so, a as Xe, d as ke, I as qe, X as ro, n as no, s as io, M as za, u as uo, q as co, b as ho, e as Ge } from "./lib-DUaaQGCv.js";
 import { t as Ea, u as vo } from "./useResponsive-DfdjqQps.js";
-import { u as mo, a as _t } from "./useNestedProp-CVGae3Qt.js";
+import { u as mo, a as _t } from "./useNestedProp-CoXaJ2T6.js";
 import { u as Ia, a as go, l as fo } from "./useTimeLabels-C5qMhpbe.js";
 import { u as yo, B as po } from "./BaseScanner-BgWxam9d.js";
 import { u as bo } from "./usePrinter-BdVu83IN.js";
@@ -12,9 +12,9 @@ import { u as wo } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as Ao } from "./useUserOptionState-BIvW1Kz7.js";
 import So from "./img-BYzbY8TZ.js";
 import { _ as Dt } from "./Shape-rPzC8L-O.js";
-import Mo from "./Title-Hk29BxeL.js";
+import Mo from "./Title-CM2dM0rQ.js";
 import $o from "./Legend-DSyOOSJ1.js";
-import { S as Lo } from "./SlicerPreview-B1QUTxTZ.js";
+import { S as Lo } from "./SlicerPreview-BWl4UOqy.js";
 import { _ as To } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, lines: { totalValues: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, grid: { x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, Oa = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#424242" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#424242" }, dataLabels: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Ra = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#BDBDBD" }, dataLabels: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, Ba = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, lines: { totalValues: { color: "#99AA99" }, dataLabels: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, Va = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, lines: { borderRadius: 4, totalValues: { show: !1 }, dataLabels: { show: !1 } }, grid: { x: { showAxis: !1, axisName: { color: "#8F837A" }, timeLabels: { show: !1 } }, y: { showAxis: !1, axisName: { color: "#8F837A" }, axisLabels: { show: !1 } } } } } }, Ya = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, lines: { totalValues: { color: "#50606C" }, dataLabels: { color: "#50606C" } }, grid: { x: { showHorizontalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, timeLabels: { color: "#61747E" } }, y: { showVerticalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, axisLabels: { color: "#61747E" } } } } } }, Ha = {
   default: {},
@@ -58,7 +58,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
   setup(nt, { expose: Ua, emit: Wa }) {
-    const Xa = ye(() => import("./Tooltip-De7i-i20.js")), qa = ye(() => import("./BaseIcon-Dl4VBlHV.js")), Ga = ye(() => import("./vue-ui-accordion-B3SlkXqV.js")), ja = ye(() => import("./DataTable-Ho3Bf5oq.js")), Ja = ye(() => import("./PenAndPaper-kymjF6_b.js")), Za = ye(() => import("./UserOptions-DgscxIaa.js")), Ka = ye(() => import("./PackageVersion-BAF3mEBQ.js")), Qa = ye(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Ul(), j = nt, Ne = Wa, Fe = m({
+    const Xa = ye(() => import("./Tooltip-De7i-i20.js")), qa = ye(() => import("./BaseIcon--wNsuYtd.js")), Ga = ye(() => import("./vue-ui-accordion-WOXCCkiC.js")), ja = ye(() => import("./DataTable-DRZJOlJB.js")), Ja = ye(() => import("./PenAndPaper-CMmG5Mka.js")), Za = ye(() => import("./UserOptions-5GYBcJJU.js")), Ka = ye(() => import("./PackageVersion-BW9_gimf.js")), Qa = ye(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Ul(), j = nt, Ne = Wa, Fe = m({
       get() {
         return !!j.dataset && j.dataset.length;
       },

package/dist/{vue-ui-strip-plot-BUbyj8j8.js → vue-ui-strip-plot-Tf-eojtF.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as $, computed as h, ref as i, toRefs as Ht, watch as q, shallowRef as Xe, onMounted as Ut, onBeforeUnmount as Ye, watchEffect as Vt, createElementBlock as u, openBlock as r, unref as c, normalizeStyle as J, normalizeClass as R, createBlock as O, createCommentVNode as f, createVNode as ge, withCtx as v, renderSlot as d, normalizeProps as m, guardReactiveProps as C, createSlots as qe, createElementVNode as k, Fragment as x, renderList as T, toDisplayString as S, mergeProps as Je, resolveDynamicComponent as jt, createTextVNode as Ke, nextTick as Xt } from "vue";
 import { c as me, t as Yt, i as qt, p as P, o as Qe, g as Ce, k as Ze, j as Jt, l as et, M as Kt, F as Qt, d as K, X as Zt, a as ke, U as el, ao as tl, n as ll, r as al, x as tt, Y as ol, u as sl, q as rl, R as nl } from "./lib-DUaaQGCv.js";
 import { t as lt, u as ul } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as xe } from "./useNestedProp-CVGae3Qt.js";
+import { u as il, a as xe } from "./useNestedProp-CoXaJ2T6.js";
 import { u as cl, B as vl } from "./BaseScanner-BgWxam9d.js";
 import { u as dl } from "./usePrinter-BdVu83IN.js";
 import { u as hl } from "./useSvgExport-DrjCWun4.js";
@@ -11,7 +11,7 @@ import { u as pl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as yl } from "./useTimeLabelCollider-CIsgDrl9.js";
 import gl from "./img-BYzbY8TZ.js";
 import { _ as ml } from "./Shape-rPzC8L-O.js";
-import Cl from "./Title-Hk29BxeL.js";
+import Cl from "./Title-CM2dM0rQ.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", grid: { stroke: "#5A5A5A", horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, plots: { stroke: "#1A1A1A" }, labels: { bestPlotLabel: { color: "#CCCCCC" }, axis: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" }, yAxisLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", grid: { stroke: "#5D4037", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#FFF8E1" }, labels: { bestPlotLabel: { color: "#424242" }, axis: { color: "#424242" }, xAxisLabels: { color: "#424242" }, yAxisLabels: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, st = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", grid: { stroke: "#5D4037", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#1E1E1E" }, labels: { bestPlotLabel: { color: "#BDBDBD" }, axis: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" }, yAxisLabels: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", grid: { stroke: "#5F6A5F", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#00FF00" }, labels: { bestPlotLabel: { color: "#AACCAA" }, axis: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" }, yAxisLabels: { color: "#99CC99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, nt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", grid: { show: !1, horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#fbfafa" }, labels: { bestPlotLabel: { color: "#A0AC94" }, axis: { color: "#A0AC94" }, xAxisLabels: { color: "#A0AC94" }, yAxisLabels: { show: !1, color: "#A0AC94" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, ut = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", grid: { stroke: "#829C98", horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, plots: { stroke: "#404C5A" }, labels: { bestPlotLabel: { color: "#61747E" }, axis: { color: "#61747E" }, xAxisLabels: { color: "#61747E" }, yAxisLabels: { color: "#61747E" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, it = {
   default: {},
@@ -51,7 +51,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
   },
   emits: ["selectDatapoint"],
   setup(ct, { expose: vt, emit: dt }) {
-    const ht = $(() => import("./Tooltip-De7i-i20.js")), bt = $(() => import("./BaseIcon-Dl4VBlHV.js")), ft = $(() => import("./vue-ui-accordion-B3SlkXqV.js")), pt = $(() => import("./DataTable-Ho3Bf5oq.js")), yt = $(() => import("./UserOptions-DgscxIaa.js")), gt = $(() => import("./PenAndPaper-kymjF6_b.js")), mt = $(() => import("./PackageVersion-BAF3mEBQ.js")), Ct = $(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_strip_plot: kt } = il(), { isThemeValid: xt, warnInvalidTheme: At } = bl(), g = ct, wt = dt, W = h({
+    const ht = $(() => import("./Tooltip-De7i-i20.js")), bt = $(() => import("./BaseIcon--wNsuYtd.js")), ft = $(() => import("./vue-ui-accordion-WOXCCkiC.js")), pt = $(() => import("./DataTable-DRZJOlJB.js")), yt = $(() => import("./UserOptions-5GYBcJJU.js")), gt = $(() => import("./PenAndPaper-CMmG5Mka.js")), mt = $(() => import("./PackageVersion-BW9_gimf.js")), Ct = $(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_strip_plot: kt } = il(), { isThemeValid: xt, warnInvalidTheme: At } = bl(), g = ct, wt = dt, W = h({
       get() {
         return !!g.dataset && g.dataset.length;
       },