vue-data-ui 3.0.0-next.60 → 3.0.0-next.61

package/dist/vue-ui-sparkhistogram-DBJcd-6V.js

@@ -0,0 +1,444 @@
+import { nextTick as Q, useCssVars as ge, computed as F, defineAsyncComponent as be, ref as p, toRefs as me, onMounted as Z, watch as ee, createElementBlock as o, openBlock as a, normalizeStyle as R, createCommentVNode as h, createBlock as te, createElementVNode as m, createTextVNode as _e, toDisplayString as A, unref as d, createVNode as xe, renderSlot as le, Fragment as f, renderList as g, normalizeClass as ae } from "vue";
+import { u as ke, c as Ce, t as Ae, b as we, o as ze, f as se, g as Se, s as w, k as oe, i as ie, X as $e, x as K } from "./index-BRenDuve.js";
+import { t as Le, u as Me } from "./useResponsive-DfdjqQps.js";
+import { u as Fe, B as Ne } from "./useLoading-Bt5Doa8m.js";
+import { u as ne } from "./useNestedProp-iKx-oGDH.js";
+import { u as Te } from "./useChartAccessibility-9icAAmYg.js";
+import { _ as Ee } from "./Shape-WLqGGUwB.js";
+import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function De({
+  svgRef: U,
+  unitWidth: X,
+  fontSize: j = 12,
+  step: q = 0.5,
+  maxIterations: _ = 60,
+  hideUnderMin: x = !0
+}) {
+  const S = /* @__PURE__ */ new WeakMap(), N = (i) => {
+    if (typeof i == "number") return i;
+    if (!i) return NaN;
+    const c = parseFloat(String(i).replace("px", ""));
+    return Number.isFinite(c) ? c : NaN;
+  }, $ = (i) => {
+    const c = N(i.getAttribute("font-size"));
+    if (Number.isFinite(c)) return c;
+    const k = window.getComputedStyle(i);
+    return N(k.fontSize) || j;
+  }, y = (i, c) => {
+    i.setAttribute("font-size", String(c));
+  }, L = (i) => {
+    if (S.has(i))
+      y(i, S.get(i));
+    else {
+      const c = $(i);
+      S.set(i, c), y(i, c);
+    }
+  }, e = (i) => {
+    try {
+      return i.getBBox().width || 0;
+    } catch {
+      return 0;
+    }
+  };
+  return {
+    fitText: async (i, c = 6) => {
+      await Q();
+      const k = U?.value;
+      if (!k) return;
+      const T = k.querySelectorAll(i);
+      if (!T.length) return;
+      const C = Math.max(0, X.value);
+      if (C <= 0) return;
+      const z = [];
+      T.forEach((s) => {
+        const E = s.style.display, W = s.style.opacity;
+        s.style.display = "", s.style.opacity = "0", L(s);
+        let r = e(s), I = $(s), v = I, B = 0;
+        if (r <= C)
+          z.push({ el: s, finalSize: I, fits: !0 });
+        else {
+          for (; r > C && v > c && B < _; )
+            v = Math.max(c, v - q), y(s, v), r = e(s), B += 1;
+          const P = r <= C && v > c;
+          z.push({ el: s, finalSize: v, fits: P }), y(s, I);
+        }
+        s.style.display = E, s.style.opacity = W;
+      });
+      const D = x && z.some((s) => !s.fits);
+      z.forEach(({ el: s, finalSize: E, fits: W }) => {
+        D ? s.style.display = "none" : (s.style.display = "", y(s, E));
+      });
+    }
+  };
+}
+const We = { key: 0 }, Be = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width", "height"], Ve = ["id"], Re = ["stop-color"], Ue = ["stop-color"], Xe = ["id"], je = ["stop-color"], qe = ["stop-color"], Ge = ["id"], Pe = ["stop-color"], Ye = ["stop-color"], Je = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], Ke = { key: 1 }, Qe = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ze = { key: 2 }, et = ["x", "y", "font-size", "font-weight", "fill"], tt = ["x", "y", "font-size", "fill"], lt = ["x", "y", "font-size", "fill"], at = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], st = {
+  __name: "vue-ui-sparkhistogram",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  emits: ["selectDatapoint"],
+  setup(U, { emit: X }) {
+    ge((l) => ({
+      c8e2d1ee: ve.value
+    }));
+    const j = be(() => import("./PackageVersion-Bdp5L-7L.js")), { vue_ui_sparkhistogram: q } = ke(), _ = U, x = p(Ce()), S = p(null), N = p(null), $ = p(null), y = p(null), L = p(null), e = p(C()), { loading: G, FINAL_DATASET: i } = Fe({
+      ...me(_),
+      FINAL_CONFIG: e,
+      prepareConfig: C,
+      skeletonDataset: [
+        { value: 1, intensity: 0.2, color: "#CACACA" },
+        { value: 2, intensity: 0.3, color: "#CACACA" },
+        { value: 3, intensity: 0.5, color: "#CACACA" },
+        { value: 5, intensity: 0.7, color: "#CACACA" },
+        { value: 8, intensity: 0.9, color: "#CACACA" },
+        { value: 13, intensity: 0.95, color: "#CACACA" },
+        { value: 21, intensity: 1, color: "#CACACA" },
+        { value: 13, intensity: 0.95, color: "#CACACA" },
+        { value: 8, intensity: 0.9, color: "#CACACA" },
+        { value: 5, intensity: 0.7, color: "#CACACA" },
+        { value: 3, intensity: 0.5, color: "#CACACA" },
+        { value: 2, intensity: 0.3, color: "#CACACA" },
+        { value: 1, intensity: 0.2, color: "#CACACA" }
+      ],
+      skeletonConfig: Ae({
+        defaultConfig: e.value,
+        userConfig: {
+          style: {
+            animation: { show: !1 },
+            backgroundColor: "#99999930"
+          }
+        }
+      })
+    }), c = p(e.value.style.layout.width), k = p(e.value.style.layout.height), { svgRef: T } = Te({ config: e.value.style.title });
+    function C() {
+      const l = ne({
+        userConfig: _.config,
+        defaultConfig: q
+      });
+      return l.theme ? {
+        ...ne({
+          userConfig: we.vue_ui_sparkhistogram[l.theme] || _.config,
+          defaultConfig: l
+        })
+      } : l;
+    }
+    Z(() => {
+      D();
+    });
+    const z = F(() => !!e.value.debug);
+    function D() {
+      if (ze(_.dataset) ? se({
+        componentName: "VueUiSparkHistogram",
+        type: "dataset",
+        debug: z.value
+      }) : _.dataset.forEach((l, n) => {
+        Se({
+          datasetObject: l,
+          requiredAttributes: ["value"]
+        }).forEach((t) => {
+          se({
+            componentName: "VueUiSparkHistogram",
+            type: "datasetSerieAttribute",
+            property: t,
+            index: n,
+            debug: z.value
+          });
+        });
+      }), e.value.responsive) {
+        const l = Le(() => {
+          const { width: n, height: t } = Me({
+            chart: $.value,
+            title: e.value.style.title.text ? N.value : null,
+            source: S.value
+          });
+          requestAnimationFrame(() => {
+            c.value = Math.max(10, n), k.value = Math.max(10, t - 12);
+          });
+        });
+        y.value && (L.value && y.value.unobserve(L.value), y.value.disconnect()), y.value = new ResizeObserver(l), L.value = $.value.parentNode, y.value.observe(L.value);
+      }
+    }
+    ee(() => _.config, (l) => {
+      e.value = C(), D();
+    }, { deep: !0 });
+    const s = F(() => {
+      const l = k.value, n = c.value, t = e.value.style.layout.padding.top, u = l - e.value.style.layout.padding.bottom, b = e.value.style.layout.padding.left, H = n - e.value.style.layout.padding.right, O = t + (l - t - e.value.style.layout.padding.bottom) / 2, Y = l - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom, V = n - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
+      return {
+        bottom: u,
+        centerY: O,
+        drawingHeight: Y,
+        drawingWidth: V,
+        height: l,
+        left: b,
+        right: H,
+        top: t,
+        width: n
+      };
+    }), E = F(() => Math.max(...i.value.map((l) => Math.abs(l.value || 0))));
+    function W(l) {
+      return Math.abs(l) / E.value;
+    }
+    const r = F(() => i.value.map((l, n) => {
+      const t = W(l.value || 0), u = s.value.drawingHeight * t, b = s.value.drawingWidth / i.value.length, H = b * (e.value.style.bars.gap / 100), O = b - H, Y = s.value.centerY - u / 2, V = s.value.left + (H / 2 + n * b), de = s.value.left + n * b, J = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), ye = l.color ? l.color : l.value >= 0 ? w(e.value.style.bars.colors.positive, J) : w(e.value.style.bars.colors.negative, J), he = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, fe = l.color ? `url(#gradient_datapoint_${n}_${x.value})` : l.value >= 0 ? `url(#gradient_positive_${n}_${x.value})` : `url(#gradient_negative_${n}_${x.value})`, pe = V + O / 2;
+      return {
+        ...l,
+        color: ye,
+        gradient: fe,
+        height: u,
+        intensity: J,
+        proportion: t,
+        stroke: he,
+        textAnchor: pe,
+        trapX: de,
+        unitWidth: b,
+        width: O,
+        x: V,
+        y: Y
+      };
+    }));
+    function I(l, n) {
+      return oe(
+        e.value.style.labels.value.formatter,
+        l.value,
+        ie({
+          p: e.value.style.labels.value.prefix,
+          v: l.value,
+          s: e.value.style.labels.value.suffix,
+          r: e.value.style.labels.value.rounding
+        }),
+        { datapoint: l, seriesIndex: n }
+      );
+    }
+    const v = p(null), B = X;
+    function P(l, n) {
+      B("selectDatapoint", { datapoint: l, index: n }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: n });
+    }
+    function ue(l, n) {
+      v.value = n, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: n });
+    }
+    function re(l, n) {
+      v.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: n });
+    }
+    const ve = F(() => `${e.value.style.animation.speedMs}ms`), ce = F(() => s.value.drawingWidth / i.value.length * 0.9), { fitText: M } = De({
+      svgRef: T,
+      unitWidth: ce
+    });
+    return Z(async () => {
+      await Q(), M(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), M(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), M(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
+    }), ee([c, k, () => i.value], async () => {
+      await Q(), M(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), M(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), M(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
+    }), (l, n) => (a(), o("div", {
+      class: "vue-ui-spark-histogram",
+      ref_key: "histogramChart",
+      ref: $,
+      style: R(`width:100%;background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily}`),
+      onMouseleave: n[0] || (n[0] = (t) => v.value = null)
+    }, [
+      e.value.style.title.text ? (a(), o("div", {
+        key: 0,
+        ref_key: "chartTitle",
+        ref: N,
+        style: R(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${e.value.style.title.margin};padding: 0 6px;text-align:${e.value.style.title.textAlign}`)
+      }, [
+        m("div", {
+          style: R(`font-size:${e.value.style.title.fontSize}px;color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"}`)
+        }, [
+          _e(A(e.value.style.title.text) + " ", 1),
+          v.value !== null ? (a(), o("span", We, "- " + A(r.value[v.value].timeLabel || "") + " " + A(d(oe)(
+            e.value.style.labels.value.formatter,
+            r.value[v.value].value,
+            d(ie)({
+              p: e.value.style.labels.value.prefix,
+              v: r.value[v.value].value,
+              s: e.value.style.labels.value.suffix,
+              r: e.value.style.labels.value.rounding
+            }),
+            { datapoint: r.value[v.value], seriesIndex: v.value }
+          )), 1)) : h("", !0),
+          ![void 0, null].includes(v.value) && ![null, void 0].includes(r.value[v.value].valueLabel) ? (a(), o("span", Be, "(" + A(r.value[v.value].valueLabel || 0) + ")", 1)) : h("", !0)
+        ], 4),
+        e.value.style.title.subtitle.text ? (a(), o("div", {
+          key: 0,
+          style: R(`font-size:${e.value.style.title.subtitle.fontSize}px;color:${e.value.style.title.subtitle.color};font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+        }, A(e.value.style.title.subtitle.text), 5)) : h("", !0)
+      ], 4)) : h("", !0),
+      (a(), o("svg", {
+        ref_key: "svgRef",
+        ref: T,
+        xmlns: d($e),
+        viewBox: `0 0 ${s.value.width} ${s.value.height}`,
+        style: { overflow: "visible" }
+      }, [
+        xe(d(j)),
+        l.$slots["chart-background"] ? (a(), o("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: s.value.width,
+          height: s.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          le(l.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Oe)) : h("", !0),
+        m("defs", null, [
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("radialGradient", {
+            id: `gradient_positive_${u}_${x.value}`,
+            cy: "50%",
+            cx: "50%",
+            r: "50%",
+            fx: "50%",
+            fy: "50%"
+          }, [
+            m("stop", {
+              offset: "0%",
+              "stop-color": d(w)(d(K)(e.value.style.bars.colors.positive, 0.05), t.intensity)
+            }, null, 8, Re),
+            m("stop", {
+              offset: "100%",
+              "stop-color": d(w)(e.value.style.bars.colors.positive, t.intensity)
+            }, null, 8, Ue)
+          ], 8, Ve))), 256)),
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("radialGradient", {
+            id: `gradient_negative_${u}_${x.value}`,
+            cy: "50%",
+            cx: "50%",
+            r: "50%",
+            fx: "50%",
+            fy: "50%"
+          }, [
+            m("stop", {
+              offset: "0%",
+              "stop-color": d(w)(d(K)(e.value.style.bars.colors.negative, 0.05), t.intensity)
+            }, null, 8, je),
+            m("stop", {
+              offset: "100%",
+              "stop-color": d(w)(e.value.style.bars.colors.negative, t.intensity)
+            }, null, 8, qe)
+          ], 8, Xe))), 256)),
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("radialGradient", {
+            id: `gradient_datapoint_${u}_${x.value}`,
+            cy: "50%",
+            cx: "50%",
+            r: "50%",
+            fx: "50%",
+            fy: "50%"
+          }, [
+            m("stop", {
+              offset: "0%",
+              "stop-color": d(w)(d(K)(t.color, 0.05), t.intensity)
+            }, null, 8, Pe),
+            m("stop", {
+              offset: "100%",
+              "stop-color": d(w)(t.color, t.intensity)
+            }, null, 8, Ye)
+          ], 8, Ge))), 256))
+        ]),
+        (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("g", null, [
+          v.value !== null && v.value === u ? (a(), o("rect", {
+            key: 0,
+            height: s.value.height,
+            width: t.unitWidth,
+            fill: e.value.style.selector.fill,
+            x: t.trapX,
+            y: 0,
+            stroke: e.value.style.selector.stroke,
+            "stroke-width": e.value.style.selector.strokeWidth,
+            rx: e.value.style.selector.borderRadius,
+            "stroke-dasharray": e.value.style.selector.strokeDasharray
+          }, null, 8, Je)) : h("", !0)
+        ]))), 256)),
+        !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), o("g", Ke, [
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("rect", {
+            x: t.x,
+            y: t.y,
+            height: t.height,
+            width: t.width,
+            fill: e.value.style.bars.colors.gradient.show ? t.gradient : t.color,
+            stroke: t.stroke,
+            "stroke-width": e.value.style.bars.strokeWidth,
+            rx: `${e.value.style.bars.borderRadius * t.proportion / 12}%`,
+            class: ae({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
+          }, null, 10, Qe))), 256))
+        ])) : (a(), o("g", Ze, [
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), te(Ee, {
+            plot: { x: t.x + t.width / 2, y: t.y + t.height / 2 },
+            color: e.value.style.bars.colors.gradient.show ? t.gradient : t.color,
+            shape: e.value.style.bars.shape,
+            radius: Math.min(t.height * 0.4, t.width * 0.4),
+            class: ae({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
+          }, null, 8, ["plot", "color", "shape", "radius", "class"]))), 256))
+        ])),
+        d(G) ? h("", !0) : (a(), o(f, { key: 3 }, [
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("text", {
+            class: "vue-ui-sparkhistogram-top-label",
+            "text-anchor": "middle",
+            x: t.textAnchor,
+            y: t.y - e.value.style.labels.value.fontSize / 3 + e.value.style.labels.value.offsetY,
+            "font-size": e.value.style.labels.value.fontSize,
+            "font-weight": e.value.style.labels.value.bold ? "bold" : "normal",
+            fill: e.value.style.labels.value.color
+          }, A(I(t, u)), 9, et))), 256)),
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("g", null, [
+            t.valueLabel ? (a(), o("text", {
+              key: 0,
+              class: "vue-ui-sparkhistogram-bottom-label",
+              x: t.textAnchor,
+              y: t.y + t.height + e.value.style.labels.valueLabel.fontSize,
+              "font-size": e.value.style.labels.valueLabel.fontSize,
+              "text-anchor": "middle",
+              fill: e.value.style.labels.valueLabel.color
+            }, A(t.valueLabel), 9, tt)) : h("", !0)
+          ]))), 256)),
+          (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("g", null, [
+            t.timeLabel ? (a(), o("text", {
+              key: 0,
+              class: "vue-ui-sparkhistogram-time-label",
+              x: t.textAnchor,
+              y: s.value.height - e.value.style.labels.timeLabel.fontSize / 2,
+              "font-size": e.value.style.labels.timeLabel.fontSize,
+              fill: e.value.style.labels.timeLabel.color,
+              "text-anchor": "middle"
+            }, A(t.timeLabel), 9, lt)) : h("", !0)
+          ]))), 256))
+        ], 64)),
+        (a(!0), o(f, null, g(r.value, (t, u) => (a(), o("g", null, [
+          m("rect", {
+            height: s.value.height,
+            width: t.unitWidth,
+            fill: "transparent",
+            x: t.trapX,
+            y: 0,
+            onMouseover: (b) => ue(t, u),
+            onMouseleave: (b) => re(t, u),
+            onClick: () => P(t, u)
+          }, null, 40, at)
+        ]))), 256))
+      ], 8, He)),
+      l.$slots.source ? (a(), o("div", {
+        key: 1,
+        ref_key: "source",
+        ref: S,
+        dir: "auto"
+      }, [
+        le(l.$slots, "source", {}, void 0, !0)
+      ], 512)) : h("", !0),
+      d(G) ? (a(), te(Ne, { key: 2 })) : h("", !0)
+    ], 36));
+  }
+}, yt = /* @__PURE__ */ Ie(st, [["__scopeId", "data-v-f8e879db"]]);
+export {
+  yt as default
+};

package/dist/{vue-ui-sparkline-B2-YztKx.js → vue-ui-sparkline-B64MPZBB.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as le, computed as h, ref as g, toRefs as $e, watch as ue, shallowRef as oe, onMounted as Ce, onBeforeUnmount as Me, createElementBlock as d, openBlock as r, normalizeStyle as V, renderSlot as M, createCommentVNode as y, createBlock as se, normalizeProps as ne, guardReactiveProps as re, createElementVNode as f, toDisplayString as z, unref as i, createVNode as Ie, Fragment as G, renderList as U, withCtx as Se, createTextVNode as Ve, nextTick as ze } from "vue";
-import { u as De, c as We, t as Pe, b as Re, C as ie, a7 as j, o as ve, f as de, g as Te, x as D, a8 as Ee, a9 as Oe, X as Be, s as W, V as ce, U as Fe, aa as he, k as X, i as Y, ab as Ge } from "./index-BLtc1AIS.js";
-import { u as ye } from "./useNestedProp-DExlTpuj.js";
+import { u as De, c as We, t as Pe, b as Re, C as ie, a7 as j, o as ve, f as de, g as Te, x as D, a8 as Ee, a9 as Oe, X as Be, s as W, V as ce, U as Fe, aa as he, k as X, i as Y, ab as Ge } from "./index-BRenDuve.js";
+import { u as ye } from "./useNestedProp-iKx-oGDH.js";
 import { t as Ue, u as je } from "./useResponsive-DfdjqQps.js";
 import { u as Xe } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Ye, B as qe } from "./useLoading-Bt5Doa8m.js";
@@ -40,7 +40,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], et = ["i
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(_, { emit: fe }) {
-    const pe = le(() => import("./PackageVersion-5S8ajCUS.js")), ge = le(() => import("./SparkTooltip-BCdP3VDl.js")), { vue_ui_sparkline: be } = De(), n = _, q = h(() => Array.isArray(n.dataset) && n.dataset.length > 0), p = g(We()), P = g(null), Z = g(null), H = g(null), e = g(E());
+    const pe = le(() => import("./PackageVersion-Bdp5L-7L.js")), ge = le(() => import("./SparkTooltip-DJJKq5GE.js")), { vue_ui_sparkline: be } = De(), n = _, q = h(() => Array.isArray(n.dataset) && n.dataset.length > 0), p = g(We()), P = g(null), Z = g(null), H = g(null), e = g(E());
     function me(t) {
       return Ge(t).map((a) => ({ period: "-", value: a }));
     }

package/dist/{vue-ui-sparkstackbar-BGMtc_HC.js → vue-ui-sparkstackbar-CtdHM2gY.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as X, useSlots as be, onMounted as J, ref as v, toRefs as ke, watch as K, computed as $, createElementBlock as r, openBlock as s, normalizeStyle as p, createCommentVNode as h, createVNode as Q, createBlock as _e, createElementVNode as d, toDisplayString as A, unref as c, Fragment as k, renderList as F, normalizeClass as N, withCtx as Z, renderSlot as R, normalizeProps as ee, guardReactiveProps as te } from "vue";
-import { u as xe, c as le, t as we, a as Ce, p as i, b as $e, e as D, d as Se, o as Ae, f as oe, g as Fe, i as U, X as De, s as ae, x as se, k as re, y as Ie } from "./index-BLtc1AIS.js";
-import { u as ne } from "./useNestedProp-DExlTpuj.js";
+import { u as xe, c as le, t as we, a as Ce, p as i, b as $e, e as D, d as Se, o as Ae, f as oe, g as Fe, i as U, X as De, s as ae, x as se, k as re, y as Ie } from "./index-BRenDuve.js";
+import { u as ne } from "./useNestedProp-iKx-oGDH.js";
 import { u as Pe } from "./useChartAccessibility-9icAAmYg.js";
 import { u as ze, B as Be } from "./useLoading-Bt5Doa8m.js";
 import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -32,7 +32,7 @@ const Ne = ["xmlns", "viewBox"], Te = ["id"], Ee = ["stop-color"], Me = ["stop-c
   },
   emits: ["selectDatapoint"],
   setup(ue, { emit: ie }) {
-    const ce = X(() => import("./PackageVersion-5S8ajCUS.js")), de = X(() => import("./Tooltip-DJlC-n25.js")), { vue_ui_sparkstackbar: ve } = xe(), _ = ue, pe = be();
+    const ce = X(() => import("./PackageVersion-Bdp5L-7L.js")), de = X(() => import("./Tooltip-p-yn5Kd2.js")), { vue_ui_sparkstackbar: ve } = xe(), _ = ue, pe = be();
     J(() => {
       pe["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-stackbar-DrKaioRS.js → vue-ui-stackbar-Bee1NxIb.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as te, useSlots as pa, computed as x, ref as b, onMounted as Ct, toRefs as xa, watch as De, shallowRef as _t, onBeforeUnmount as St, watchEffect as $t, nextTick as Tt, createElementBlock as o, openBlock as r, unref as v, normalizeStyle as Z, normalizeClass as ae, createBlock as K, createCommentVNode as y, renderSlot as L, createElementVNode as le, createVNode as xe, createSlots as Mt, withCtx as C, normalizeProps as H, guardReactiveProps as U, Fragment as g, renderList as m, mergeProps as Fe, toDisplayString as M, createTextVNode as ka } from "vue";
-import { u as wa, c as At, t as La, a as za, p as ke, b as Ca, C as se, d as _a, o as Nt, f as It, g as Sa, e as $a, ao as we, ad as Rt, D as Ot, X as Ta, l as Ma, aa as Le, F as Pt, k as ze, i as Q, I as Aa, a0 as Na, y as Vt, v as Ia, w as Ra, z as Oa } from "./index-BLtc1AIS.js";
+import { u as wa, c as At, t as La, a as za, p as ke, b as Ca, C as se, d as _a, o as Nt, f as It, g as Sa, e as $a, ao as we, ad as Rt, D as Ot, X as Ta, l as Ma, aa as Le, F as Pt, k as ze, i as Q, I as Aa, a0 as Na, y as Vt, v as Ia, w as Ra, z as Oa } from "./index-BRenDuve.js";
 import { t as He, u as Pa } from "./useResponsive-DfdjqQps.js";
-import { u as Va } from "./usePrinter-fqbzwh0l.js";
+import { u as Va } from "./usePrinter-Co_j432s.js";
 import { u as Ea, B as Da } from "./useLoading-Bt5Doa8m.js";
-import { u as Et } from "./useNestedProp-DExlTpuj.js";
+import { u as Et } from "./useNestedProp-iKx-oGDH.js";
 import { u as Fa } from "./useTimeLabels-DkzmKfZn.js";
 import { u as Ha } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ua } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Ba } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Wa from "./img-ChLGv8nO.js";
-import Ya from "./Title-DEKAfzRX.js";
-import { _ as Xa } from "./Shape-DDSX29LV.js";
-import Ga from "./Legend-VD0VB7l7.js";
-import { S as Ja } from "./Slicer-D3SbIarX.js";
+import Wa from "./img-fg88maiR.js";
+import Ya from "./Title-C6NLfPnz.js";
+import { _ as Xa } from "./Shape-WLqGGUwB.js";
+import Ga from "./Legend-zE2FGq08.js";
+import { S as Ja } from "./Slicer-BztBbYcP.js";
 import { _ as qa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"], ja = { key: 1 }, el = ["id"], tl = ["stop-color"], al = ["stop-color"], ll = ["stop-color"], sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], nl = { key: 0 }, ul = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], cl = { key: 0 }, hl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], vl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], dl = { key: 0 }, yl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x", "y", "font-size", "fill", "font-weight"], ml = ["transform", "font-size", "fill", "font-weight"], pl = ["x", "y", "font-size", "fill", "font-weight"], xl = ["x", "y", "font-size", "font-weight", "fill"], kl = ["x", "y", "font-size", "fill", "font-weight"], wl = ["x", "y", "font-size", "font-weight", "fill"], Ll = ["x1", "x2", "y1", "y2", "stroke"], zl = ["x", "y", "font-size", "font-weight", "fill"], Cl = ["x1", "x2", "y1", "y2", "stroke"], _l = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Sl = { key: 0 }, $l = { key: 1 }, Tl = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ml = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Al = { key: 0 }, Nl = { key: 1 }, Il = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Rl = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Ol = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Pl = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Vl = {
   key: 3,
@@ -35,7 +35,7 @@ const Za = ["id"], Ka = ["xmlns", "viewBox"], Qa = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
   setup(Ce, { expose: Dt, emit: Ft }) {
-    const Ht = te(() => import("./Tooltip-DJlC-n25.js")), Ut = te(() => import("./vue-ui-accordion-EMAj3Ykx.js")), Bt = te(() => import("./DataTable-C_tJHvMd.js")), Wt = te(() => import("./PenAndPaper-D6wazxlT.js")), Yt = te(() => import("./UserOptions-D2G7II3G.js")), Xt = te(() => import("./PackageVersion-5S8ajCUS.js")), { vue_ui_stackbar: Gt } = wa(), Jt = pa(), f = Ce, _e = Ft, Se = x({
+    const Ht = te(() => import("./Tooltip-p-yn5Kd2.js")), Ut = te(() => import("./vue-ui-accordion-CYDiGhBw.js")), Bt = te(() => import("./DataTable-B5DjuhMR.js")), Wt = te(() => import("./PenAndPaper-AGK10PP8.js")), Yt = te(() => import("./UserOptions-DWW9T1IK.js")), Xt = te(() => import("./PackageVersion-Bdp5L-7L.js")), { vue_ui_stackbar: Gt } = wa(), Jt = pa(), f = Ce, _e = Ft, Se = x({
       get() {
         return !!f.dataset && f.dataset.length;
       },

package/dist/{vue-ui-strip-plot-C4qWoDEh.js → vue-ui-strip-plot-CmC5Byn1.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as I, computed as p, ref as v, toRefs as gt, watch as ce, shallowRef as Ee, onMounted as xt, onBeforeUnmount as Ge, watchEffect as kt, createElementBlock as n, openBlock as r, unref as i, normalizeStyle as j, normalizeClass as W, createBlock as T, createCommentVNode as c, createVNode as Be, createSlots as wt, withCtx as b, renderSlot as y, normalizeProps as M, guardReactiveProps as F, createElementVNode as k, Fragment as m, renderList as C, toDisplayString as S, mergeProps as At, createTextVNode as Lt, nextTick as Ct } from "vue";
-import { u as _t, c as he, t as $t, a as Tt, p as O, b as St, o as He, f as de, g as Ve, d as Ot, e as Ue, h as zt, D as Pt, i as Y, X as Nt, k as pe, ac as Xe, I as It, l as Mt, j as Ft, y as je, E as Dt, v as Rt, w as Wt, z as Et } from "./index-BLtc1AIS.js";
+import { u as _t, c as he, t as $t, a as Tt, p as O, b as St, o as He, f as de, g as Ve, d as Ot, e as Ue, h as zt, D as Pt, i as Y, X as Nt, k as pe, ac as Xe, I as It, l as Mt, j as Ft, y as je, E as Dt, v as Rt, w as Wt, z as Et } from "./index-BRenDuve.js";
 import { t as Ye, u as Gt } from "./useResponsive-DfdjqQps.js";
 import { u as Bt, B as Ht } from "./useLoading-Bt5Doa8m.js";
-import { u as Vt } from "./usePrinter-fqbzwh0l.js";
-import { u as qe } from "./useNestedProp-DExlTpuj.js";
+import { u as Vt } from "./usePrinter-Co_j432s.js";
+import { u as qe } from "./useNestedProp-iKx-oGDH.js";
 import { u as Ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Xt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as jt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Yt from "./img-ChLGv8nO.js";
-import { _ as qt } from "./Shape-DDSX29LV.js";
-import Jt from "./Title-DEKAfzRX.js";
+import Yt from "./img-fg88maiR.js";
+import { _ as qt } from "./Shape-WLqGGUwB.js";
+import Jt from "./Title-C6NLfPnz.js";
 import { _ as Kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Qt = ["id"], Zt = ["xmlns", "viewBox"], el = ["x", "y", "width", "height"], tl = { key: 1 }, ll = { key: 0 }, al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ol = { key: 1 }, sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "fill", "font-size"], il = ["transform", "font-size", "fill", "text-anchor"], vl = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], cl = ["fill", "font-size", "transform"], hl = ["fill", "font-size", "x", "y"], dl = ["x1", "x2", "y1", "y2", "stroke"], pl = ["cx", "cy", "fill"], fl = ["cx", "cy", "fill"], yl = ["id"], bl = ["stop-color"], ml = ["stop-color"], gl = ["stop-color"], xl = { key: 0 }, kl = ["x", "y", "font-size", "fill"], wl = {
   key: 4,
@@ -32,7 +32,7 @@ const Qt = ["id"], Zt = ["xmlns", "viewBox"], el = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(Je, { expose: Ke, emit: Qe }) {
-    const Ze = I(() => import("./Tooltip-DJlC-n25.js")), et = I(() => import("./vue-ui-accordion-EMAj3Ykx.js")), tt = I(() => import("./DataTable-C_tJHvMd.js")), lt = I(() => import("./UserOptions-D2G7II3G.js")), at = I(() => import("./PenAndPaper-D6wazxlT.js")), ot = I(() => import("./PackageVersion-5S8ajCUS.js")), { vue_ui_strip_plot: st } = _t(), g = Je, rt = Qe, E = p({
+    const Ze = I(() => import("./Tooltip-p-yn5Kd2.js")), et = I(() => import("./vue-ui-accordion-CYDiGhBw.js")), tt = I(() => import("./DataTable-B5DjuhMR.js")), lt = I(() => import("./UserOptions-DWW9T1IK.js")), at = I(() => import("./PenAndPaper-AGK10PP8.js")), ot = I(() => import("./PackageVersion-Bdp5L-7L.js")), { vue_ui_strip_plot: st } = _t(), g = Je, rt = Qe, E = p({
       get() {
         return !!g.dataset && g.dataset.length;
       },

package/dist/{vue-ui-table-CXqyTj_Z.js → vue-ui-table-DyScQo_p.js}

@@ -1,6 +1,6 @@
-import { a8 as P, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-BLtc1AIS.js";
-import q from "./vue-ui-xy-BMszd4wZ.js";
-import Q from "./vue-ui-donut-EfxITdHJ.js";
+import { a8 as P, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-BRenDuve.js";
+import q from "./vue-ui-xy-B5GeHpC1.js";
+import Q from "./vue-ui-donut-Dg0b9Sag.js";
 import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createElementVNode as a, createCommentVNode as b, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {

package/dist/{vue-ui-table-heatmap-BZTn3qnM.js → vue-ui-table-heatmap-DLtEbgnG.js}

@@ -1,9 +1,9 @@
 import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { u as de, c as A, b as pe, o as ce, f as ve, a9 as me, F as fe, P as he, v as ge, w as be } from "./index-BLtc1AIS.js";
-import { u as H } from "./useNestedProp-DExlTpuj.js";
-import { u as ye } from "./usePrinter-fqbzwh0l.js";
+import { u as de, c as A, b as pe, o as ce, f as ve, a9 as me, F as fe, P as he, v as ge, w as be } from "./index-BRenDuve.js";
+import { u as H } from "./useNestedProp-iKx-oGDH.js";
+import { u as ye } from "./usePrinter-Co_j432s.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-DDSX29LV.js";
+import { _ as ke } from "./Shape-WLqGGUwB.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], Fe = {
   key: 0,
@@ -45,7 +45,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       "8f8e7142": ee.value,
       cb3b028c: j.value
     }));
-    const X = oe(() => import("./UserOptions-D2G7II3G.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-DWW9T1IK.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });

package/dist/{vue-ui-table-sparkline-CIBdN_KF.js → vue-ui-table-sparkline-CSOSu5lF.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as ye } from "./useNestedProp-DExlTpuj.js";
-import { u as Ge, c as Le, a as Re, p as T, b as He, d as Xe, o as qe, f as he, g as Je, a9 as Ke, e as Qe, k as W, i as M, v as Ye, w as Ze } from "./index-BLtc1AIS.js";
-import { u as je } from "./usePrinter-fqbzwh0l.js";
+import { u as ye } from "./useNestedProp-iKx-oGDH.js";
+import { u as Ge, c as Le, a as Re, p as T, b as He, d as Xe, o as qe, f as he, g as Je, a9 as Ke, e as Qe, k as W, i as M, v as Ye, w as Ze } from "./index-BRenDuve.js";
+import { u as je } from "./usePrinter-Co_j432s.js";
 import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as tt } from "./vClickOutside-C6WiFswA.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -43,7 +43,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     Fe((t) => ({
       "3f28d054": t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-B2-YztKx.js")), N = J(() => import("./BaseIcon-C3ljqn8J.js")), xe = J(() => import("./UserOptions-D2G7II3G.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-B64MPZBB.js")), N = J(() => import("./BaseIcon-E-K7hXbm.js")), xe = J(() => import("./UserOptions-DWW9T1IK.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });