vue-data-ui 3.0.0-next.27 → 3.0.0-next.29

package/dist/vue-ui-sparkline-B37Xfywa.js

@@ -0,0 +1,489 @@
+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, A as Pe, a as Re, C as ie, a7 as j, o as ve, e as de, g as Te, w as D, a8 as Ee, a9 as Oe, X as Be, s as W, V as ce, U as Fe, aa as he, i as X, f as Y, ab as Ge } from "./index-Drw6d_8M.js";
+import { u as ye } from "./useNestedProp-DU20xu9g.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 "./BaseScanner-DIK2NTdp.js";
+import { u as Ze } from "./useTimeLabels-DFkUfjfs.js";
+import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], et = ["id"], tt = ["stop-color"], at = ["stop-color"], lt = ["id"], ut = ["stop-color"], ot = ["stop-color"], st = ["id"], nt = ["stop-color"], rt = ["stop-color"], it = { key: 1 }, vt = ["d", "fill"], dt = ["d", "fill"], ct = ["d", "stroke", "stroke-width"], ht = ["d", "stroke", "stroke-width"], yt = ["x", "y", "width", "height", "fill", "rx"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], gt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], bt = ["x", "y", "font-size", "font-weight", "fill"], mt = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], kt = {
+  __name: "vue-ui-sparkline",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    showInfo: {
+      type: Boolean,
+      default: !0
+    },
+    selectedIndex: {
+      type: Number,
+      default: void 0
+    },
+    heightRatio: {
+      type: Number,
+      default: 1
+    },
+    forcedPadding: {
+      type: Number,
+      default: 30
+    }
+  },
+  emits: ["hoverIndex", "selectDatapoint"],
+  setup(_, { emit: fe }) {
+    const pe = le(() => import("./PackageVersion-BzwYjMOW.js")), ge = le(() => import("./SparkTooltip-CZY7wxg6.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 }));
+    }
+    const { loading: R, FINAL_DATASET: I, manualLoading: T } = Ye({
+      ...$e(n),
+      FINAL_CONFIG: e,
+      prepareConfig: E,
+      callback: () => {
+        Promise.resolve().then(async () => {
+          await ze(), K();
+        });
+      },
+      skeletonDataset: me(12),
+      skeletonConfig: Pe({
+        defaultConfig: e.value,
+        userConfig: {
+          style: {
+            backgroundColor: "#99999930",
+            scaleMin: 0,
+            scaleMax: 89,
+            animation: { show: !1 },
+            line: { color: "#AAAAAA" },
+            bar: { color: "#AAAAAA" },
+            area: { color: "#CACACA" },
+            zeroLine: { color: "#6A6A6A" },
+            dataLabel: { show: !1 },
+            tooltip: { show: !1 }
+          }
+        }
+      })
+    }), { svgRef: J } = Xe({ config: e.value.style.title });
+    function E() {
+      const t = ye({
+        userConfig: n.config,
+        defaultConfig: be
+      });
+      let a = {};
+      return t.theme ? a = {
+        ...ye({
+          userConfig: Re.vue_ui_sparkline[t.theme] || n.config,
+          defaultConfig: t
+        })
+      } : a = t, n.config && ie(n.config, "style.scaleMin") ? a.style.scaleMin = n.config.style.scaleMin : a.style.scaleMin = null, n.config && ie(n.config, "style.scaleMax") ? a.style.scaleMax = n.config.style.scaleMax : a.style.scaleMax = null, a;
+    }
+    const k = h(() => j({
+      data: I.value,
+      threshold: e.value.downsample.threshold
+    }));
+    ue(() => n.config, (t) => {
+      R.value || (e.value = E()), ee(), u.value.chartWidth = e.value.style.chartWidth;
+    }, { deep: !0 }), ue(() => n.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (T.value = !1), x.value = j({
+        data: I.value.map((a) => ({
+          ...a,
+          value: [void 0].includes(a.value) ? null : a.value
+        })),
+        threshold: e.value.downsample.threshold
+      });
+    }, { deep: !0 });
+    const x = g(ke());
+    function ke() {
+      return j({
+        data: I.value.map((t) => e.value.style.animation.show && I.value.length > 1 ? {
+          ...t,
+          value: null
+        } : {
+          ...t,
+          value: [void 0].includes(t.value) ? null : t.value
+        }),
+        threshold: e.value.downsample.threshold
+      });
+    }
+    const b = oe(null), L = oe(null);
+    function K() {
+      if (e.value.style.animation.show && n.dataset.length > 1 && !R.value) {
+        let l = function() {
+          a < k.value.length ? (x.value.push(k.value[a]), setTimeout(() => {
+            requestAnimationFrame(l);
+          }, t)) : x.value = k.value, a += 1;
+        };
+        x.value = [];
+        const t = e.value.style.animation.animationFrames / n.dataset.length;
+        let a = 0;
+        l();
+      }
+    }
+    Ce(() => {
+      ee(), K();
+    });
+    const Q = h(() => !!e.value.debug);
+    function ee() {
+      if (ve(n.dataset) ? (de({
+        componentName: "VueUiSparkline",
+        type: "dataset",
+        debug: Q.value
+      }), T.value = !0) : n.dataset.forEach((t, a) => {
+        Te({
+          datasetObject: t,
+          requiredAttributes: ["period", "value"]
+        }).forEach((l) => {
+          de({
+            componentName: "VueUiSparkline",
+            type: "datasetSerieAttribute",
+            property: l,
+            index: a,
+            debug: Q.value
+          });
+        });
+      }), ve(n.dataset) || (T.value = e.value.loading), e.value.responsive) {
+        const t = Ue(() => {
+          const { width: a, height: l } = je({
+            chart: P.value,
+            title: e.value.style.title.show && n.showInfo ? Z.value : null,
+            source: H.value
+          });
+          requestAnimationFrame(() => {
+            u.value.width = a, u.value.height = l, u.value.chartWidth = e.value.style.chartWidth / 500 * a, u.value.padding = n.forcedPadding / 500 * a;
+          });
+        });
+        b.value && (L.value && b.value.unobserve(L.value), b.value.disconnect()), b.value = new ResizeObserver(t), L.value = P.value.parentNode, b.value.observe(L.value);
+      }
+    }
+    Me(() => {
+      b.value && (L.value && b.value.unobserve(L.value), b.value.disconnect());
+    });
+    const u = g({
+      height: 80 * n.heightRatio,
+      width: 500,
+      chartWidth: e.value.style.chartWidth,
+      padding: n.forcedPadding
+    }), O = fe, o = h(() => {
+      const { top: t, right: a, bottom: l, left: s } = e.value.style.padding;
+      return {
+        top: t,
+        left: s,
+        right: u.value.width - a,
+        bottom: u.value.height - l,
+        start: n.showInfo && e.value.style.dataLabel.show && e.value.style.dataLabel.position === "left" ? u.value.width - u.value.chartWidth + s : u.value.padding + s,
+        width: n.showInfo && e.value.style.dataLabel.show ? u.value.chartWidth - s - a : u.value.width - u.value.padding - s - a,
+        height: u.value.height - t - l
+      };
+    }), B = h(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...x.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMin), xe = h(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...x.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMax), $ = h(() => {
+      const t = B.value >= 0 ? 0 : B.value;
+      return Math.abs(t);
+    }), te = h(() => xe.value + $.value), A = h(() => o.value.bottom - o.value.height * F($.value));
+    function F(t) {
+      return isNaN(t / te.value) ? 0 : t / te.value;
+    }
+    const w = h(() => k.value.length - 1), S = h(() => Ze({
+      values: k.value.map((t) => t.period),
+      maxDatapoints: k.value.length,
+      formatter: e.value.style.dataLabel.datetimeFormatter,
+      start: 0,
+      end: k.value.length
+    })), c = h(() => x.value.map((t, a) => {
+      const l = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0, s = o.value.width / (w.value + 1) > u.padding ? u.padding : o.value.width / (w.value + 1);
+      return {
+        absoluteValue: l,
+        period: S.value && S.value[a] && S.value[a].text ? S.value[a].text : t.period,
+        plotValue: l + $.value,
+        toMax: F(l + $.value),
+        x: o.value.start + a * (s > o.value.width / 12 ? o.value.width / 12 : s),
+        y: o.value.bottom - o.value.height * F(l + $.value),
+        id: `plot_${p.value}_${a}`,
+        color: C.value ? e.value.style.bar.color : e.value.style.area.useGradient ? D(e.value.style.line.color, 0.05 * (1 - a / w.value)) : e.value.style.line.color,
+        width: s > o.value.width / 12 ? o.value.width / 12 : s
+      };
+    })), we = h(() => {
+      const t = { x: c.value[0].x || 0, y: (u.value.height || 0) - 6 }, a = { x: c.value[c.value.length - 1].x || 0, y: (u.value.height || 0) - 6 }, l = [];
+      return c.value.forEach((s) => {
+        l.push(`${s.x || 0},${s.y || 0} `);
+      }), [t.x, t.y, ...l, a.x, a.y].toString();
+    }), v = g(void 0), N = g(void 0);
+    function _e(t, a) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), v.value = t, N.value || (N.value = t), O("hoverIndex", { index: a });
+    }
+    function Le(t, a) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), N.value = v.value, v.value = void 0, O("hoverIndex", { index: void 0 });
+    }
+    const m = h(() => {
+      if (q.value) {
+        const t = c.value.map((l) => l.absoluteValue), a = t.reduce((l, s) => l + s, 0);
+        return {
+          latest: c.value[c.value.length - 1].absoluteValue,
+          sum: a,
+          average: a / c.value.length,
+          median: Oe(t),
+          trend: Ee(c.value.map(({ x: l, y: s, absoluteValue: Ne }) => ({
+            x: l,
+            y: s,
+            value: Ne
+          }))).trend
+        };
+      } else
+        return {
+          latest: null,
+          sum: null,
+          average: null,
+          median: null,
+          trend: null
+        };
+    }), ae = h(() => q.value ? e.value.style.dataLabel.valueType === "latest" ? m.value.latest : e.value.style.dataLabel.valueType === "sum" ? m.value.sum : e.value.style.dataLabel.valueType === "average" ? m.value.average : 0 : 0), C = h(() => e.value.type && e.value.type === "bar");
+    function Ae(t, a) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), O("selectDatapoint", { datapoint: t, index: a });
+    }
+    return (t, a) => (r(), d("div", {
+      ref_key: "sparklineChart",
+      ref: P,
+      class: "vue-ui-sparkline",
+      id: p.value,
+      style: V(`width:100%;font-family:${e.value.style.fontFamily};`)
+    }, [
+      M(t.$slots, "before", ne(re({
+        selected: v.value,
+        latest: m.value.latest,
+        sum: m.value.sum,
+        average: m.value.average,
+        median: m.value.median,
+        trend: m.value.trend
+      })), void 0, !0),
+      e.value.style.title.show && _.showInfo ? (r(), d("div", {
+        key: 0,
+        ref_key: "chartTitle",
+        ref: Z,
+        class: "vue-ui-sparkline-title",
+        style: V(`display:flex;align-items:center;width:100%;color:${e.value.style.title.color};background:${e.value.style.backgroundColor};justify-content:${e.value.style.title.textAlign === "left" ? "flex-start" : e.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${e.value.style.title.fontSize * 2}px;font-size:${e.value.style.title.fontSize}px;font-weight:${e.value.style.title.bold ? "bold" : "normal"};`)
+      }, [
+        f("span", {
+          style: V(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
+        }, z(v.value ? v.value.period : e.value.style.title.text), 5)
+      ], 4)) : y("", !0),
+      (r(), d("svg", {
+        ref_key: "svgRef",
+        ref: J,
+        xmlns: i(Be),
+        viewBox: `0 0 ${u.value.width} ${u.value.height}`,
+        style: V(`background:${e.value.style.backgroundColor};overflow:visible`),
+        onMouseleave: a[0] || (a[0] = (l) => N.value = void 0)
+      }, [
+        Ie(i(pe)),
+        t.$slots["chart-background"] ? (r(), d("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: u.value.width <= 0 ? 10 : u.value.width,
+          height: u.value.height <= 0 ? 10 : u.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          M(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Qe)) : y("", !0),
+        f("defs", null, [
+          f("linearGradient", {
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "0%",
+            id: `sparkline_gradient_${p.value}`
+          }, [
+            f("stop", {
+              offset: "0%",
+              "stop-color": i(W)(i(D)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
+            }, null, 8, tt),
+            f("stop", {
+              offset: "100%",
+              "stop-color": i(W)(e.value.style.area.color, e.value.style.area.opacity)
+            }, null, 8, at)
+          ], 8, et),
+          f("linearGradient", {
+            x2: "0%",
+            y2: "100%",
+            id: `sparkline_bar_gradient_pos_${p.value}`
+          }, [
+            f("stop", {
+              offset: "0%",
+              "stop-color": e.value.style.bar.color
+            }, null, 8, ut),
+            f("stop", {
+              offset: "100%",
+              "stop-color": i(D)(e.value.style.bar.color, 0.05)
+            }, null, 8, ot)
+          ], 8, lt),
+          f("linearGradient", {
+            x2: "0%",
+            y2: "100%",
+            id: `sparkline_bar_gradient_neg_${p.value}`
+          }, [
+            f("stop", {
+              offset: "0%",
+              "stop-color": i(D)(e.value.style.bar.color, 0.05)
+            }, null, 8, nt),
+            f("stop", {
+              offset: "100%",
+              "stop-color": e.value.style.bar.color
+            }, null, 8, rt)
+          ], 8, st)
+        ]),
+        e.value.style.area.show && !C.value && c.value[0] ? (r(), d("g", it, [
+          e.value.style.line.smooth ? (r(), d("path", {
+            key: 0,
+            d: `M ${c.value[0].x},${o.value.bottom} ${i(ce)(c.value)} L ${c.value.at(-1).x},${o.value.bottom} Z`,
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${p.value})` : i(W)(e.value.style.area.color, e.value.style.area.opacity)
+          }, null, 8, vt)) : (r(), d("path", {
+            key: 1,
+            d: `M${we.value}Z`,
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${p.value})` : i(W)(e.value.style.area.color, e.value.style.area.opacity)
+          }, null, 8, dt))
+        ])) : y("", !0),
+        e.value.style.line.smooth && !C.value ? (r(), d("path", {
+          key: 2,
+          d: `M ${i(ce)(c.value)}`,
+          stroke: e.value.style.line.color,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": "round"
+        }, null, 8, ct)) : y("", !0),
+        !e.value.style.line.smooth && !C.value ? (r(), d("path", {
+          key: 3,
+          d: `M ${i(Fe)(c.value)}`,
+          stroke: e.value.style.line.color,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": "round"
+        }, null, 8, ht)) : y("", !0),
+        (r(!0), d(G, null, U(c.value, (l, s) => (r(), d("g", null, [
+          C.value ? (r(), d("rect", {
+            key: 0,
+            x: l.x - l.width / 2,
+            y: isNaN(l.absoluteValue > 0 ? l.y : A.value) ? 0 : l.absoluteValue > 0 ? l.y : A.value,
+            width: l.width,
+            height: isNaN(Math.abs(l.y - A.value)) ? 0 : Math.abs(l.y - A.value),
+            fill: l.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${p.value})` : `url(#sparkline_bar_gradient_neg_${p.value})`,
+            rx: e.value.style.bar.borderRadius
+          }, null, 8, yt)) : y("", !0),
+          e.value.style.verticalIndicator.show && (v.value && l.id === v.value.id || _.selectedIndex === s) ? (r(), d("line", {
+            key: 1,
+            x1: l.x,
+            x2: l.x,
+            y1: o.value.top - 6,
+            y2: o.value.bottom,
+            stroke: e.value.style.verticalIndicator.color || l.color,
+            "stroke-width": e.value.style.verticalIndicator.strokeWidth,
+            "stroke-linecap": "round",
+            "stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
+          }, null, 8, ft)) : y("", !0)
+        ]))), 256)),
+        B.value < 0 ? (r(), d("line", {
+          key: 4,
+          x1: o.value.start,
+          x2: o.value.start + o.value.width - 16,
+          y1: i(he)(A.value, o.value.bottom),
+          y2: i(he)(A.value, o.value.bottom),
+          stroke: e.value.style.zeroLine.color,
+          "stroke-dasharray": e.value.style.zeroLine.strokeWidth * 2,
+          "stroke-width": e.value.style.zeroLine.strokeWidth,
+          "stroke-linecap": "round"
+        }, null, 8, pt)) : y("", !0),
+        e.value.style.plot.show ? (r(!0), d(G, { key: 5 }, U(c.value, (l, s) => (r(), d("g", null, [
+          v.value && l.id === v.value.id || _.selectedIndex === s || _.dataset.length === 1 ? (r(), d("circle", {
+            key: 0,
+            cx: l.x,
+            cy: l.y,
+            r: e.value.style.plot.radius,
+            fill: l.color,
+            stroke: e.value.style.plot.stroke,
+            "stroke-width": e.value.style.plot.strokeWidth
+          }, null, 8, gt)) : y("", !0)
+        ]))), 256)) : y("", !0),
+        _.showInfo && e.value.style.dataLabel.show ? (r(), d("text", {
+          key: 6,
+          x: e.value.style.dataLabel.position === "left" ? 12 + e.value.style.dataLabel.offsetX : o.value.width + 12 + e.value.style.dataLabel.offsetX,
+          y: u.value.height / 2 + e.value.style.dataLabel.fontSize / 2.5 + e.value.style.dataLabel.offsetY,
+          "font-size": e.value.style.dataLabel.fontSize,
+          "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal",
+          fill: e.value.style.dataLabel.color
+        }, z(v.value ? i(X)(
+          e.value.style.dataLabel.formatter,
+          v.value.absoluteValue,
+          i(Y)({ p: e.value.style.dataLabel.prefix, v: v.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
+          { datapoint: v.value }
+        ) : i(X)(
+          e.value.style.dataLabel.formatter,
+          ae.value,
+          i(Y)({ p: e.value.style.dataLabel.prefix, v: ae.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
+        )), 9, bt)) : y("", !0),
+        (r(!0), d(G, null, U(c.value, (l, s) => (r(), d("rect", {
+          x: l.x - (o.value.width / (w.value + 1) > u.value.padding ? u.value.padding : o.value.width / (w.value + 1)) / 2,
+          y: o.value.top - 6,
+          height: o.value.height + 6,
+          width: o.value.width / (w.value + 1) > u.value.padding ? u.value.padding : o.value.width / (w.value + 1),
+          fill: "transparent",
+          onMouseenter: () => _e(l, s),
+          onMouseleave: () => Le(l, s),
+          onClick: () => Ae(l, s)
+        }, null, 40, mt))), 256)),
+        M(t.$slots, "svg", { svg: u.value }, void 0, !0)
+      ], 44, Ke)),
+      v.value && e.value.style.tooltip.show ? (r(), se(i(ge), {
+        key: 1,
+        x: v.value.x,
+        y: v.value.y,
+        prevX: N.value.x,
+        prevY: N.value.y,
+        offsetY: e.value.style.plot.radius * 3 + e.value.style.tooltip.offsetY,
+        svgRef: i(J),
+        background: e.value.style.tooltip.backgroundColor,
+        color: e.value.style.tooltip.color,
+        fontSize: e.value.style.tooltip.fontSize,
+        borderWidth: e.value.style.tooltip.borderWidth,
+        borderColor: e.value.style.tooltip.borderColor,
+        borderRadius: e.value.style.tooltip.borderRadius,
+        backgroundOpacity: e.value.style.tooltip.backgroundOpacity
+      }, {
+        default: Se(() => [
+          M(t.$slots, "tooltip", ne(re({ ...v.value })), () => [
+            Ve(z(v.value.period) + ": " + z(i(X)(
+              e.value.style.dataLabel.formatter,
+              v.value.absoluteValue,
+              i(Y)({
+                p: e.value.style.dataLabel.prefix,
+                v: v.value.absoluteValue,
+                s: e.value.style.dataLabel.suffix,
+                r: e.value.style.dataLabel.roundingValue
+              }),
+              { datapoint: v.value }
+            )), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : y("", !0),
+      t.$slots.source ? (r(), d("div", {
+        key: 2,
+        ref_key: "source",
+        ref: H,
+        dir: "auto"
+      }, [
+        M(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : y("", !0),
+      i(R) ? (r(), se(qe, { key: 3 })) : y("", !0)
+    ], 12, Je));
+  }
+}, Mt = /* @__PURE__ */ He(kt, [["__scopeId", "data-v-251d35ec"]]);
+export {
+  Mt as default
+};

package/dist/{vue-ui-sparkstackbar-vRQz_uQJ.js → vue-ui-sparkstackbar-Cm6GOcMS.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as V, useSlots as pe, onMounted as G, computed as b, ref as d, watch as q, createElementBlock as r, openBlock as s, normalizeStyle as v, createCommentVNode as y, createBlock as ge, createVNode as H, createElementVNode as p, toDisplayString as C, unref as m, Fragment as x, renderList as $, normalizeClass as D, withCtx as X, renderSlot as T, normalizeProps as J, guardReactiveProps as K } from "vue";
-import { u as fe, c as Q, t as he, p as i, a as ye, d as F, b as me, o as be, e as Z, g as ke, f as U, X as _e, s as we, w as Ce, i as ee, x as xe } from "./index-DTJkgcxh.js";
-import { u as te } from "./useNestedProp-DvwKj8Zn.js";
+import { u as fe, c as Q, t as he, p as i, a as ye, d as F, b as me, o as be, e as Z, g as ke, f as U, X as _e, s as we, w as Ce, i as ee, x as xe } from "./index-Drw6d_8M.js";
+import { u as te } from "./useNestedProp-DU20xu9g.js";
 import { u as $e } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pe = ["xmlns", "viewBox"], ze = ["id"], Ae = ["stop-color"], De = ["stop-color"], Fe = ["stop-color"], Ne = {
@@ -31,7 +31,7 @@ const Pe = ["xmlns", "viewBox"], ze = ["id"], Ae = ["stop-color"], De = ["stop-c
   },
   emits: ["selectDatapoint"],
   setup(le, { emit: oe }) {
-    const ae = V(() => import("./PackageVersion-CcyOrmqr.js")), se = V(() => import("./vue-ui-skeleton-CHJxsFpK.js")), re = V(() => import("./Tooltip-CbaafXw_.js")), { vue_ui_sparkstackbar: ne } = fe(), u = le, ue = pe();
+    const ae = V(() => import("./PackageVersion-BzwYjMOW.js")), se = V(() => import("./vue-ui-skeleton-Nk3lNLyJ.js")), re = V(() => import("./Tooltip-cz9CUpDk.js")), { vue_ui_sparkstackbar: ne } = fe(), u = le, ue = pe();
     G(() => {
       ue["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-stackbar-CQ6dTUhn.js → vue-ui-stackbar-uwRm8VIN.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as te, useSlots as ga, computed as k, ref as b, onMounted as Lt, toRefs as ba, watch as De, shallowRef as zt, onBeforeUnmount as Ct, watchEffect as St, nextTick as _t, 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 Q, createVNode as we, createSlots as $t, withCtx as C, normalizeProps as U, guardReactiveProps as H, Fragment as g, renderList as m, mergeProps as Fe, toDisplayString as M, createTextVNode as fa } from "vue";
-import { u as ma, c as Tt, A as pa, t as xa, p as Le, a as ka, C as le, b as wa, o as Mt, e as At, g as La, d as za, am as ze, ab as Nt, D as It, X as Ca, l as Sa, aa as Ce, F as Rt, i as Se, f as j, I as _a, a0 as $a, x as Ot, q as Ta, r as Ma, y as Aa } from "./index-DTJkgcxh.js";
-import { u as Pt } from "./useNestedProp-DvwKj8Zn.js";
+import { u as ma, c as Tt, A as pa, t as xa, p as Le, a as ka, C as le, b as wa, o as Mt, e as At, g as La, d as za, an as ze, ac as Nt, D as It, X as Ca, l as Sa, aa as Ce, F as Rt, i as Se, f as j, I as _a, a0 as $a, x as Ot, q as Ta, r as Ma, y as Aa } from "./index-Drw6d_8M.js";
+import { u as Pt } from "./useNestedProp-DU20xu9g.js";
 import { t as Ue, u as Na } from "./useResponsive-DfdjqQps.js";
-import { u as Ia } from "./usePrinter-CbokYjoB.js";
+import { u as Ia } from "./usePrinter-QRK7y9fG.js";
 import { u as Ra } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Oa } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Pa } from "./useTimeLabelCollider-V7AOiPLB.js";
-import Va from "./Legend-XvLWu-U4.js";
-import { S as Ea } from "./Slicer-C2128jWm.js";
-import Da from "./Title-BT7bS0eb.js";
-import { _ as Fa } from "./Shape-B2NNkVEU.js";
+import Va from "./Legend-BisCjbG2.js";
+import { S as Ea } from "./Slicer-jLSY0Lnb.js";
+import Da from "./Title-DONRFCZQ.js";
+import { _ as Fa } from "./Shape-EL8kKFHT.js";
 import { u as Ua } from "./useTimeLabels-DFkUfjfs.js";
-import Ha from "./img-BScthXJW.js";
+import Ha from "./img-D3r3OOFG.js";
 import { u as Ba, B as Wa } from "./BaseScanner-DIK2NTdp.js";
 import { _ as Ya } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"], qa = { key: 1 }, Za = ["id"], Ka = ["stop-color"], Qa = ["stop-color"], ja = ["stop-color"], el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], sl = { key: 0 }, rl = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ol = { key: 0 }, il = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], nl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ul = { key: 0 }, cl = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dl = ["x", "y", "font-size", "fill", "font-weight"], yl = ["transform", "font-size", "fill", "font-weight"], gl = ["x", "y", "font-size", "fill", "font-weight"], bl = ["x", "y", "font-size", "font-weight", "fill"], fl = ["x", "y", "font-size", "fill", "font-weight"], ml = ["x", "y", "font-size", "font-weight", "fill"], pl = ["x1", "x2", "y1", "y2", "stroke"], xl = ["x", "y", "font-size", "font-weight", "fill"], kl = ["x1", "x2", "y1", "y2", "stroke"], wl = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ll = { key: 0 }, zl = { key: 1 }, Cl = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Sl = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], _l = { key: 0 }, $l = { key: 1 }, Tl = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Ml = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Al = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Nl = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Il = {
@@ -35,7 +35,7 @@ const Xa = ["id"], Ga = ["xmlns", "viewBox"], Ja = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel"],
   setup(_e, { expose: Vt, emit: Et }) {
-    const Dt = te(() => import("./vue-ui-accordion-BDuLBbkX.js")), Ft = te(() => import("./DataTable-DWXGn13M.js")), Ut = te(() => import("./PackageVersion-CcyOrmqr.js")), Ht = te(() => import("./PenAndPaper-S1h1sM_v.js")), Bt = te(() => import("./Tooltip-CbaafXw_.js")), Wt = te(() => import("./UserOptions-C9lB05jb.js")), { vue_ui_stackbar: Yt } = ma(), Xt = ga(), f = _e, $e = Et, ie = k({
+    const Dt = te(() => import("./vue-ui-accordion-DFtpDmPO.js")), Ft = te(() => import("./DataTable-BYNUm5Gf.js")), Ut = te(() => import("./PackageVersion-BzwYjMOW.js")), Ht = te(() => import("./PenAndPaper-DTcaSmnI.js")), Bt = te(() => import("./Tooltip-cz9CUpDk.js")), Wt = te(() => import("./UserOptions-By5PgYu0.js")), { vue_ui_stackbar: Yt } = ma(), Xt = ga(), f = _e, $e = Et, ie = k({
       get() {
         return !!f.dataset && f.dataset.length;
       },

package/dist/{vue-ui-strip-plot-CO2CPtr7.js → vue-ui-strip-plot-Ct3KViHW.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as A, computed as f, ref as v, watch as Qe, shallowRef as Ae, onMounted as Ze, onBeforeUnmount as et, createElementBlock as u, openBlock as r, unref as n, normalizeStyle as Y, normalizeClass as R, createBlock as S, createCommentVNode as c, createVNode as Se, createSlots as tt, withCtx as y, renderSlot as p, normalizeProps as F, guardReactiveProps as I, createElementVNode as x, Fragment as k, renderList as T, toDisplayString as z, mergeProps as lt, createTextVNode as at, nextTick as ot } from "vue";
-import { u as st, c as le, t as rt, p as O, a as ut, o as it, e as ae, g as ze, b as nt, d as Oe, v as vt, D as ct, f as j, X as ht, i as oe, I as dt, l as pt, h as ft, x as Pe, E as yt, q as bt, r as mt, y as gt } from "./index-DTJkgcxh.js";
+import { u as st, c as le, t as rt, p as O, a as ut, o as it, e as ae, g as ze, b as nt, d as Oe, v as vt, D as ct, f as j, X as ht, i as oe, I as dt, l as pt, h as ft, x as Pe, E as yt, q as bt, r as mt, y as gt } from "./index-Drw6d_8M.js";
 import { t as kt, u as xt } from "./useResponsive-DfdjqQps.js";
-import { u as Ne } from "./useNestedProp-DvwKj8Zn.js";
-import { u as wt } from "./usePrinter-CbokYjoB.js";
+import { u as Ne } from "./useNestedProp-DU20xu9g.js";
+import { u as wt } from "./usePrinter-QRK7y9fG.js";
 import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as $t } from "./useChartAccessibility-9icAAmYg.js";
-import Tt from "./Title-BT7bS0eb.js";
-import { _ as _t } from "./Shape-B2NNkVEU.js";
-import Lt from "./img-BScthXJW.js";
+import Tt from "./Title-DONRFCZQ.js";
+import { _ as _t } from "./Shape-EL8kKFHT.js";
+import Lt from "./img-D3r3OOFG.js";
 import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const St = ["id"], zt = ["xmlns", "viewBox"], Ot = ["x", "y", "width", "height"], Pt = { key: 1 }, Nt = { key: 0 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ft = { key: 1 }, It = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gt = ["x", "y", "fill", "font-size"], Rt = ["x", "y", "font-size", "fill"], Et = ["x", "y", "font-size", "fill", "innerHTML"], Vt = ["fill", "font-size", "transform"], Ht = ["fill", "font-size", "x", "y"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Bt = ["cx", "cy", "fill"], Xt = ["cx", "cy", "fill"], Yt = ["id"], jt = ["stop-color"], qt = ["stop-color"], Jt = ["stop-color"], Kt = { key: 0 }, Qt = ["x", "y", "font-size", "fill"], Zt = {
   key: 5,
@@ -30,7 +30,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Ot = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(Me, { expose: Fe, emit: Ie }) {
-    const We = A(() => import("./vue-ui-accordion-BDuLBbkX.js")), De = A(() => import("./DataTable-DWXGn13M.js")), Ge = A(() => import("./PackageVersion-CcyOrmqr.js")), Re = A(() => import("./PenAndPaper-S1h1sM_v.js")), Ee = A(() => import("./vue-ui-skeleton-CHJxsFpK.js")), Ve = A(() => import("./Tooltip-CbaafXw_.js")), He = A(() => import("./UserOptions-C9lB05jb.js")), { vue_ui_strip_plot: Ue } = st(), b = Me, Be = Ie, _ = f({
+    const We = A(() => import("./vue-ui-accordion-DFtpDmPO.js")), De = A(() => import("./DataTable-BYNUm5Gf.js")), Ge = A(() => import("./PackageVersion-BzwYjMOW.js")), Re = A(() => import("./PenAndPaper-DTcaSmnI.js")), Ee = A(() => import("./vue-ui-skeleton-Nk3lNLyJ.js")), Ve = A(() => import("./Tooltip-cz9CUpDk.js")), He = A(() => import("./UserOptions-By5PgYu0.js")), { vue_ui_strip_plot: Ue } = st(), b = Me, Be = Ie, _ = f({
       get() {
         return !!b.dataset && b.dataset.length;
       },

package/dist/{vue-ui-table-BLsZesaa.js → vue-ui-table-DK2l7UuW.js}

@@ -1,6 +1,6 @@
-import { a8 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, F as J, u as K, p as Z } from "./index-DTJkgcxh.js";
-import q from "./vue-ui-xy-E2hScHc-.js";
-import Q from "./vue-ui-donut-JzjQTiDx.js";
+import { a8 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, F as J, u as K, p as Z } from "./index-Drw6d_8M.js";
+import q from "./vue-ui-xy-Bq3enVyu.js";
+import Q from "./vue-ui-donut-SfwmwqtT.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-CGDBekDd.js → vue-ui-table-heatmap-ClNGX-vt.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, a as pe, o as ce, e as ve, a9 as me, F as fe, P as he, q as ge, r as be } from "./index-DTJkgcxh.js";
-import { u as H } from "./useNestedProp-DvwKj8Zn.js";
-import { u as ye } from "./usePrinter-CbokYjoB.js";
+import { u as de, c as A, a as pe, o as ce, e as ve, a9 as me, F as fe, P as he, q as ge, r as be } from "./index-Drw6d_8M.js";
+import { u as H } from "./useNestedProp-DU20xu9g.js";
+import { u as ye } from "./usePrinter-QRK7y9fG.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-B2NNkVEU.js";
+import { _ as ke } from "./Shape-EL8kKFHT.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-C9lB05jb.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-By5PgYu0.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-DDBnNFfS.js → vue-ui-table-sparkline-uOKEV4lQ.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-DvwKj8Zn.js";
-import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a9 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-DTJkgcxh.js";
-import { u as je } from "./usePrinter-CbokYjoB.js";
+import { u as ye } from "./useNestedProp-DU20xu9g.js";
+import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a9 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-Drw6d_8M.js";
+import { u as je } from "./usePrinter-QRK7y9fG.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-BHNwaMiS.js")), N = J(() => import("./BaseIcon-DLJ5Lzvf.js")), xe = J(() => import("./UserOptions-C9lB05jb.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-B37Xfywa.js")), N = J(() => import("./BaseIcon-Ds5wm_lU.js")), xe = J(() => import("./UserOptions-By5PgYu0.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.");
     });