vue-data-ui 2.4.78 → 2.4.80

package/dist/Slicer-CtV2RLUM.js

@@ -0,0 +1,546 @@
+import { useCssVars as De, ref as o, computed as r, watch as R, onMounted as Te, onBeforeUnmount as ze, onUpdated as Ie, nextTick as ne, openBlock as v, createElementBlock as c, createElementVNode as d, normalizeStyle as $, createVNode as Pe, renderSlot as Ae, createCommentVNode as x, unref as G, Fragment as ie, renderList as oe, normalizeClass as L, withDirectives as ue, vModelText as re, toDisplayString as se, pushScopeId as Fe, popScopeId as He } from "vue";
+import Ve from "./BaseIcon-CL3j-fI9.js";
+import { t as We, u as Xe } from "./useResponsive-CoxXLe23.js";
+import { c as Ue, R as de, Q as ve, X as Oe, G as ce } from "./index-C2mIRYI5.js";
+import { _ as Ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const me = (l) => (Fe("data-v-d4b50266"), l = l(), He(), l), je = {
+  class: "vue-data-ui-slicer-labels",
+  style: { position: "relative", "z-index": "1", "pointer-events": "none" }
+}, Ze = {
+  key: 0,
+  style: { width: "100%", position: "relative" }
+}, qe = {
+  key: 0,
+  class: "minimap",
+  style: { width: "100%" }
+}, Qe = ["xmlns", "viewBox"], Je = ["id"], Ke = ["stop-color"], Ye = /* @__PURE__ */ me(() => /* @__PURE__ */ d("stop", {
+  offset: "100%",
+  "stop-color": "transparent"
+}, null, -1)), _e = ["d", "stroke"], et = ["x", "width", "height", "fill", "rx"], tt = ["d", "fill"], lt = ["x", "width", "height", "rx", "fill"], at = ["x", "width", "height", "fill", "rx"], nt = ["d", "fill"], it = ["d", "stroke"], ot = ["cx", "cy", "stroke", "fill"], ut = ["cx", "cy", "stroke", "fill"], rt = ["x1", "x2", "y2", "stroke"], st = ["x", "height", "width", "onMouseenter"], dt = /* @__PURE__ */ me(() => /* @__PURE__ */ d("div", { class: "slider-track" }, null, -1)), vt = ["min", "max"], ct = ["min", "max"], mt = {
+  __name: "Slicer",
+  props: {
+    background: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    borderColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    fontSize: {
+      type: Number,
+      default: 14
+    },
+    labelLeft: {
+      type: String,
+      default: ""
+    },
+    labelRight: {
+      type: String,
+      default: ""
+    },
+    textColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    inputColor: {
+      type: String,
+      default: "#1A1A1A"
+    },
+    max: {
+      type: Number,
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    selectColor: {
+      type: String,
+      default: "#4A4A4A"
+    },
+    useResetSlot: {
+      type: Boolean,
+      default: !1
+    },
+    valueStart: {
+      type: [Number, String],
+      default: 0
+    },
+    valueEnd: {
+      type: [Number, String],
+      default: 0
+    },
+    minimap: {
+      type: Array,
+      default: []
+    },
+    smoothMinimap: {
+      type: Boolean,
+      default: !1
+    },
+    minimapSelectedColor: {
+      type: String,
+      default: "#1f77b4"
+    },
+    minimapSelectionRadius: {
+      type: Number,
+      default: 12
+    },
+    minimapLineColor: {
+      type: String,
+      default: "#2D353C"
+    },
+    minimapSelectedColorOpacity: {
+      type: Number,
+      default: 0.2
+    },
+    minimapSelectedIndex: {
+      type: Number,
+      default: null
+    },
+    minimapIndicatorColor: {
+      type: String,
+      default: "#2D353C"
+    },
+    refreshStartPoint: {
+      type: Number,
+      default: 0
+    },
+    refreshEndPoint: {
+      type: Number,
+      default: null
+    },
+    enableRangeHandles: {
+      type: Boolean,
+      default: !1
+    },
+    enableSelectionDrag: {
+      type: Boolean,
+      default: !0
+    },
+    verticalHandles: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:start", "update:end", "reset", "trapMouse"],
+  setup(l, { expose: he, emit: b }) {
+    const e = l;
+    De((t) => ({
+      "2c9f2a28": ge.value,
+      "76d69ac8": w.value,
+      "68e5db0d": xe.value,
+      b66c1868: l.selectColor,
+      "7b07985a": pe.value
+    }));
+    const f = o(null), u = o(e.min), s = o(e.max), y = r(() => !!e.minimap.length), D = o(Ue()), fe = r(() => e.refreshEndPoint === null ? e.max : e.refreshEndPoint), S = r(() => {
+      const t = e.max - e.min, a = (u.value - e.min) / t * 100, n = (s.value - e.min) / t * 100;
+      return {
+        left: `${a}%`,
+        width: `${n - a}%`,
+        background: e.selectColor,
+        tooltipLeft: `calc(${a}% - ${j.value ? 0 : U.value / 2}px)`,
+        tooltipRight: `calc(${n}% - ${Z.value ? B.value : B.value / 2}px)`,
+        arrowLeft: !j.value,
+        arrowRight: !Z.value
+      };
+    }), j = r(() => f.value ? f.value.getBoundingClientRect().width * ((u.value - e.min) / (e.max - e.min)) - U.value / 2 < 0 : !1), Z = r(() => f.value ? f.value.getBoundingClientRect().width * ((s.value - e.min) / (e.max - e.min)) + B.value / 2 > f.value.getBoundingClientRect().width : !1), ge = r(() => e.inputColor), pe = r(() => e.background), xe = r(() => `${e.selectColor}33`), w = r(() => e.borderColor), q = r(() => {
+      let t = [];
+      for (let a = 0; a < e.minimap.length; a += 1)
+        t.push(a);
+      return t;
+    });
+    function Q() {
+      b("reset");
+    }
+    function be() {
+      Number(u.value) > Number(s.value) - 1 && (u.value = Number(s.value) - 1), b("update:start", Number(u.value));
+    }
+    function ye() {
+      Number(s.value) < Number(u.value) + 1 && (s.value = Number(u.value) + 1), b("update:end", Number(s.value));
+    }
+    R(
+      () => e.min,
+      (t) => {
+        Number(u.value) < Number(t) && (u.value = Number(t)), Number(s.value) < Number(t) && (s.value = Number(t));
+      }
+    ), R(
+      () => e.max,
+      (t) => {
+        Number(u.value) > Number(t) && (u.value = Number(t)), Number(s.value) > Number(t) && (s.value = Number(t));
+      }
+    );
+    const T = o(null), i = o({
+      width: 1,
+      height: 1
+    }), E = o(null);
+    Te(() => {
+      if (y.value) {
+        const t = We(() => {
+          const { width: a, height: n } = Xe({
+            chart: T.value
+          });
+          i.value.width = a, i.value.height = n - 47;
+        });
+        E.value = new ResizeObserver(t), E.value.observe(T.value);
+      }
+    }), ze(() => {
+      E.value && E.value.disconnect();
+    });
+    const m = r(() => e.minimap.length ? i.value.width / e.minimap.length : 0), g = r(() => {
+      if (!e.minimap.length) return [];
+      const t = Math.max(...e.minimap), a = Math.min(...e.minimap) - 10, n = t - (a > 0 ? 0 : a), h = e.minimap.map((Le, Ee) => {
+        const Be = Le - a;
+        return {
+          x: i.value.width / e.minimap.length * Ee + m.value / 2,
+          y: i.value.height - Be / n * (i.value.height * 0.9)
+        };
+      }), k = e.smoothMinimap ? de(h) : ve(h), O = [...h].slice(e.valueStart, e.valueEnd), Re = e.smoothMinimap ? de(O) : ve(O);
+      return {
+        fullSet: k,
+        selectionSet: Re,
+        sliced: O,
+        firstPlot: h[e.valueStart],
+        lastPlot: h[e.valueEnd - 1]
+      };
+    }), p = r(() => ({
+      x: m.value * u.value + m.value / 2,
+      width: i.value.width * ((s.value - u.value) / e.max) - m.value
+    }));
+    r(() => ({
+      left: 0,
+      color: e.textColor,
+      fontSize: `${e.fontSize}px`,
+      top: y.value ? "28px" : "-28px",
+      pointerEvents: "none"
+    })), r(() => ({
+      right: 0,
+      color: e.textColor,
+      fontSize: `${e.fontSize}px`,
+      top: y.value ? "28px" : "-28px",
+      direction: "rtl",
+      pointerEvents: "none"
+    }));
+    const M = o(e.minimapSelectedIndex);
+    R(() => e.minimapSelectedIndex, (t) => {
+      M.value = t + e.valueStart;
+    }, { immediate: !0 });
+    function Se(t) {
+      M.value = t, t >= e.valueStart && t < e.valueEnd && b("trapMouse", t - e.valueStart);
+    }
+    const we = o(0), z = o(null), I = o(null);
+    function P(t) {
+      u.value = t, z.value && (z.value.value = t), b("update:start", Number(u.value));
+    }
+    function A(t) {
+      s.value = t, I.value && (I.value.value = t), b("update:end", Number(s.value));
+    }
+    const F = r(() => e.valueEnd - e.valueStart), H = o(!1);
+    let V = o(null);
+    const ke = r(() => f.value ? (f.value.getBoundingClientRect().width - 48) / (e.max - e.min) : 20), Ce = r(() => (f.value.getBoundingClientRect().width - 48) / (e.max - e.min) * F.value), Ne = o(2.5), J = r(() => {
+      const t = f.value.getBoundingClientRect().width - 48;
+      return Math.ceil((e.max - e.min) / ((t - Ce.value) / Ne.value));
+    }), K = (t) => {
+      if (N.value = !0, !e.enableSelectionDrag)
+        return;
+      const a = t.type === "touchstart";
+      if ((a ? t.targetTouches[0].target : t.target).classList.contains("range-handle"))
+        return;
+      H.value = !0, V.value = a ? t.targetTouches[0].clientX : t.clientX;
+      const h = a ? $e : Y, k = a ? Me : ee;
+      window.addEventListener(a ? "touchmove" : "mousemove", h, { passive: !1 }), window.addEventListener(a ? "touchend" : "mouseup", k);
+    };
+    function Y(t) {
+      _(t.clientX);
+    }
+    function $e(t) {
+      f.value.contains(t.target) && (t.target.classList.contains("range-handle") || (t.preventDefault(), _(t.targetTouches[0].clientX)));
+    }
+    function _(t) {
+      if (!H.value) return;
+      const a = t - V.value;
+      if (Math.abs(a) > ke.value) {
+        if (a > 0) {
+          if (Number(s.value) + 1 <= e.max) {
+            const n = Math.min(e.max, Number(s.value) + J.value);
+            A(n), P(n - F.value);
+          }
+        } else if (Number(u.value) - 1 >= e.min) {
+          const n = Math.max(0, Number(u.value) - J.value);
+          P(n), A(n + F.value);
+        }
+        V.value = t;
+      }
+    }
+    function ee() {
+      te("mousemove", "mouseup");
+    }
+    function Me() {
+      te("touchmove", "touchend");
+    }
+    function te(t, a) {
+      H.value = !1, window.removeEventListener(t, Y), window.removeEventListener(a, ee);
+    }
+    const C = o(!1), W = o(null), X = o(null), U = o(1), B = o(1), N = o(!1);
+    function le() {
+      W.value && (U.value = W.value.getBoundingClientRect().width);
+    }
+    function ae() {
+      X.value && (B.value = X.value.getBoundingClientRect().width);
+    }
+    return Ie(() => {
+      le(), ae();
+    }), R(() => e.labelLeft, () => {
+      ne(le);
+    }, { deep: !0 }), R(() => e.labelRight, () => {
+      ne(ae);
+    }, { deep: !0 }), he({
+      setStartValue: P,
+      setEndValue: A
+    }), (t, a) => (v(), c("div", {
+      "data-html2canvas-ignore": "",
+      style: { padding: "0 24px" },
+      class: "vue-data-ui-zoom",
+      ref_key: "zoomWrapper",
+      ref: f,
+      onMousedown: K,
+      onTouchstart: K,
+      onTouchend: a[9] || (a[9] = (n) => N.value = !1)
+    }, [
+      d("div", je, [
+        l.valueStart !== l.refreshStartPoint || l.valueEnd !== fe.value ? (v(), c("div", Ze, [
+          l.useResetSlot ? Ae(t.$slots, "reset-action", {
+            key: 1,
+            reset: Q
+          }, void 0, !0) : (v(), c("button", {
+            key: 0,
+            "data-cy-reset": "",
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            style: $({
+              top: y.value ? "36px" : "-16px",
+              pointerEvents: "all !important"
+            }),
+            onClick: Q
+          }, [
+            Pe(Ve, {
+              name: "refresh",
+              stroke: l.textColor
+            }, null, 8, ["stroke"])
+          ], 4))
+        ])) : x("", !0)
+      ]),
+      d("div", {
+        class: "double-range-slider",
+        ref_key: "minimapWrapper",
+        ref: T,
+        style: { "z-index": "0" },
+        onMouseenter: a[7] || (a[7] = (n) => N.value = !0),
+        onMouseleave: a[8] || (a[8] = (n) => N.value = !1)
+      }, [
+        y.value ? (v(), c("div", qe, [
+          (v(), c("svg", {
+            xmlns: G(Oe),
+            viewBox: `0 0 ${i.value.width < 0 ? 0 : i.value.width} ${i.value.height < 0 ? 0 : i.value.height}`
+          }, [
+            d("defs", null, [
+              d("linearGradient", {
+                id: D.value,
+                x1: "0%",
+                y1: "0%",
+                x2: "0%",
+                y2: "100%"
+              }, [
+                d("stop", {
+                  offset: "0%",
+                  "stop-color": `${l.minimapLineColor}50`
+                }, null, 8, Ke),
+                Ye
+              ], 8, Je)
+            ]),
+            d("path", {
+              d: `M${g.value.fullSet}`,
+              stroke: `${l.minimapLineColor}`,
+              fill: "none",
+              "stroke-width": "1",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              style: { opacity: "1" }
+            }, null, 8, _e),
+            d("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: Math.max(i.value.height, 0),
+              y: 0,
+              fill: w.value,
+              rx: l.minimapSelectionRadius,
+              stroke: "none"
+            }, null, 8, et),
+            d("path", {
+              d: `M${m.value / 2},${Math.max(i.value.height, 0)} ${g.value.fullSet} L${i.value.width - m.value / 2},${Math.max(i.value.height, 0)}Z`,
+              fill: `url(#${D.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, tt),
+            d("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: Math.max(i.value.height, 0),
+              y: 0,
+              rx: l.minimapSelectionRadius,
+              fill: w.value
+            }, null, 8, lt),
+            d("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: Math.max(i.value.height, 0),
+              y: 0,
+              fill: l.minimapSelectedColor,
+              rx: l.minimapSelectionRadius,
+              style: $({
+                opacity: l.minimapSelectedColorOpacity
+              })
+            }, null, 12, at),
+            d("path", {
+              d: `M${g.value.sliced[0].x},${Math.max(i.value.height, 0)} ${g.value.selectionSet} L${g.value.sliced.at(-1).x},${Math.max(i.value.height, 0)}Z`,
+              fill: `url(#${D.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, nt),
+            d("path", {
+              d: `M ${g.value.selectionSet}`,
+              stroke: `${l.minimapLineColor}`,
+              fill: "transparent",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, it),
+            d("circle", {
+              cx: g.value.firstPlot.x,
+              cy: g.value.firstPlot.y,
+              "stroke-width": "0.5",
+              stroke: w.value,
+              r: "3",
+              fill: l.minimapLineColor
+            }, null, 8, ot),
+            d("circle", {
+              cx: g.value.lastPlot.x,
+              cy: g.value.lastPlot.y,
+              "stroke-width": "0.5",
+              stroke: w.value,
+              r: "3",
+              fill: l.minimapLineColor
+            }, null, 8, ut),
+            M.value !== null ? (v(!0), c(ie, { key: 0 }, oe(q.value, (n, h) => (v(), c("g", null, [
+              M.value === n && n >= l.valueStart && n < l.valueEnd ? (v(), c("line", {
+                key: 0,
+                x1: m.value * h + m.value / 2,
+                x2: m.value * h + m.value / 2,
+                y1: 0,
+                y2: Math.max(i.value.height, 0),
+                stroke: l.minimapIndicatorColor,
+                "stroke-linecap": "round",
+                "stroke-dasharray": "2",
+                "stroke-width": "1"
+              }, null, 8, rt)) : x("", !0)
+            ]))), 256)) : x("", !0),
+            (v(!0), c(ie, null, oe(q.value, (n, h) => (v(), c("rect", {
+              x: m.value * h,
+              y: 0,
+              height: Math.max(i.value.height, 0),
+              width: m.value < 0 ? 0 : m.value,
+              fill: "transparent",
+              style: $([{ "pointer-events": "all !important" }, {
+                cursor: n >= l.valueStart && n < l.valueEnd && l.enableSelectionDrag ? C.value ? "grabbing" : "grab" : "default"
+              }]),
+              onMousedown: a[0] || (a[0] = (k) => C.value = !0),
+              onMouseup: a[1] || (a[1] = (k) => C.value = !1),
+              onMouseenter: (k) => Se(n),
+              onMouseleave: a[2] || (a[2] = (k) => {
+                M.value = null, b("trapMouse", null);
+              })
+            }, null, 44, st))), 256))
+          ], 8, Qe))
+        ])) : x("", !0),
+        dt,
+        d("div", {
+          class: L({
+            "range-highlight": !0,
+            move: l.enableSelectionDrag
+          }),
+          onMousedown: a[3] || (a[3] = (n) => C.value = !0),
+          onMouseup: a[4] || (a[4] = (n) => C.value = !1),
+          style: $({
+            ...S.value,
+            cursor: C.value ? "grabbing" : "grab"
+          })
+        }, null, 38),
+        l.enableRangeHandles ? ue((v(), c("input", {
+          ref_key: "rangeStart",
+          ref: z,
+          key: `range-min${we.value}`,
+          type: "range",
+          class: L({ "range-left": !0, "range-handle": !0, "range-minimap": y.value && l.verticalHandles }),
+          min: l.min,
+          max: l.max,
+          "onUpdate:modelValue": a[5] || (a[5] = (n) => u.value = n),
+          onInput: be
+        }, null, 42, vt)), [
+          [re, u.value]
+        ]) : x("", !0),
+        l.enableRangeHandles ? ue((v(), c("input", {
+          key: 2,
+          ref_key: "rangeEnd",
+          ref: I,
+          type: "range",
+          class: L({ "range-right": !0, "range-handle": !0, "range-minimap": y.value && l.verticalHandles }),
+          min: l.min,
+          max: l.max,
+          "onUpdate:modelValue": a[6] || (a[6] = (n) => s.value = n),
+          onInput: ye
+        }, null, 42, ct)), [
+          [re, s.value]
+        ]) : x("", !0),
+        l.labelLeft ? (v(), c("div", {
+          key: 3,
+          ref_key: "tooltipLeft",
+          ref: W,
+          class: L({
+            "range-tooltip": !0,
+            "range-tooltip-visible": N.value,
+            "range-tooltip-arrow": S.value.arrowLeft && !l.verticalHandles,
+            "range-tooltip-arrow-left": !S.value.arrowLeft && !l.verticalHandles
+          }),
+          style: $({
+            left: S.value.tooltipLeft,
+            color: G(ce)(l.selectColor),
+            backgroundColor: l.selectColor,
+            border: `1px solid ${w.value}`
+          })
+        }, se(l.labelLeft), 7)) : x("", !0),
+        l.labelRight ? (v(), c("div", {
+          key: 4,
+          ref_key: "tooltipRight",
+          ref: X,
+          class: L({
+            "range-tooltip": !0,
+            "range-tooltip-visible": N.value,
+            "range-tooltip-arrow": S.value.arrowRight && !l.verticalHandles,
+            "range-tooltip-arrow-right": !S.value.arrowRight && !l.verticalHandles
+          }),
+          style: $({
+            left: S.value.tooltipRight,
+            color: G(ce)(l.selectColor),
+            backgroundColor: l.selectColor,
+            border: `1px solid ${w.value}`
+          })
+        }, se(l.labelRight), 7)) : x("", !0)
+      ], 544)
+    ], 544));
+  }
+}, bt = /* @__PURE__ */ Ge(mt, [["__scopeId", "data-v-d4b50266"]]);
+export {
+  bt as S
+};

package/dist/{Title-D-6pIV0l.cjs → Title-ByUzU0ju.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-Bu958azG.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(i){const n=i,t=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},[e.renderSlot(l.$slots,"default")],4)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=o;
+"use strict";const e=require("vue"),r=require("./useNestedProp-C6A3gxy9.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}},lineHeight:{type:[String,Boolean],default:!1}},setup(i){const n=i,t=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).title.color};font-size:${e.unref(t).title.fontSize}px;font-weight:${e.unref(t).title.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).title.text),5),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},e.toDisplayString(e.unref(t).subtitle.text),5)):e.createCommentVNode("",!0),e.unref(t).subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width: calc(100% - ${e.unref(t).title.paddingLeft+e.unref(t).title.paddingRight}px); text-align:${e.unref(t).title.textAlign};color:${e.unref(t).subtitle.color};font-size:${e.unref(t).subtitle.fontSize}px;font-weight:${e.unref(t).subtitle.bold?"bold":""};padding-left:${e.unref(t).title.paddingLeft}px;padding-right:${e.unref(t).title.paddingRight}px;${i.lineHeight?`line-height:${i.lineHeight}`:""}`)},[e.renderSlot(l.$slots,"default")],4)):e.createCommentVNode("",!0)],64))}};exports._sfc_main=o;

package/dist/{Title-XYNHfYwN.js → Title-PkqdmDqN.js}

@@ -1,5 +1,5 @@
 import { openBlock as l, createElementBlock as n, Fragment as f, createElementVNode as p, normalizeStyle as d, unref as e, toDisplayString as g, createCommentVNode as o, renderSlot as r } from "vue";
-import { u as c } from "./useNestedProp-Ka0R_Yqa.js";
+import { u as c } from "./useNestedProp-nx1ZIRNV.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Tooltip-CNox4F8U.cjs → Tooltip-D0I2_wrW.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-KJL8ra_6.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;
+"use strict";const t=require("vue"),p=require("./index-DBFjPsZ3.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;

package/dist/{Tooltip-DYRo59nq.js → Tooltip-m3Z3Wlu2.js}

@@ -1,5 +1,5 @@
 import { ref as u, onMounted as b, onUnmounted as g, computed as p, openBlock as v, createBlock as x, Teleport as h, createElementBlock as S, normalizeClass as k, normalizeStyle as $, renderSlot as c, createElementVNode as C, createCommentVNode as B } from "vue";
-import { s as F } from "./index-B8Eaq54E.js";
+import { s as F } from "./index-C2mIRYI5.js";
 function N({ tooltip: e, chart: o, clientPosition: t, positionPreference: r = "center", defaultOffsetY: a = 24, blockShiftY: f = !1 }) {
   const l = u(0), s = u(a);
   if (e && o) {

package/dist/{index-B8Eaq54E.js → index-C2mIRYI5.js}

@@ -15709,7 +15709,7 @@ function me(o, l) {
   const r = O(o);
   return ut(r, l);
 }
-const ye = C(() => import("./Arrow-C7AmfY-d.js")), xe = C(() => import("./vue-data-ui-DgmXnSUU.js")), we = C(() => import("./vue-ui-3d-bar-CqiW8qFZ.js")), Le = C(() => import("./vue-ui-accordion--5td7b94.js")), ve = C(() => import("./vue-ui-age-pyramid-Bsg0z9ei.js")), _e = C(() => import("./vue-ui-annotator-obnYFvvq.js")), Se = C(() => import("./vue-ui-candlestick-Cc-Ee4zv.js")), ze = C(() => import("./vue-ui-chestnut-CekC1moT.js")), Re = C(() => import("./vue-ui-cursor-CISKzkNu.js")), Oe = C(() => import("./vue-ui-dashboard-w7Ts26Xc.js")), Te = C(() => import("./vue-ui-digits-kaBR5FUU.js")), Pe = C(() => import("./vue-ui-donut-BVuaExCl.js")), Ne = C(() => import("./vue-ui-donut-evolution-DAmX1OX-.js")), Me = C(() => import("./vue-ui-dumbbell-CrQNRN_m.js")), Ve = C(() => import("./vue-ui-flow-B0lCe4G8.js")), Ie = C(() => import("./vue-ui-galaxy-BcwunIK3.js")), We = C(() => import("./vue-ui-gauge-C4W4OAXQ.js")), Ue = C(() => import("./vue-ui-heatmap-C3WHfifV.js")), Ge = C(() => import("./BaseIcon-Dzpk4O8L.js")), He = C(() => import("./vue-ui-kpi-B3XhowYx.js")), Ye = C(() => import("./vue-ui-mini-loader-Cca7PA4v.js")), $e = C(() => import("./vue-ui-molecule-BcZNqWfD.js")), Xe = C(() => import("./vue-ui-mood-radar-HjLL0ZZ8.js")), Ke = C(() => import("./vue-ui-nested-donuts-BIqySYG_.js")), je = C(() => import("./vue-ui-onion-muCAMEG8.js")), qe = C(() => import("./vue-ui-parallel-coordinate-plot-DYOlnKPw.js")), Qe = C(() => import("./vue-ui-quadrant-TU5fWoEw.js")), Ze = C(() => import("./vue-ui-quick-chart-DzuUofFN.js")), Je = C(() => import("./vue-ui-radar-C0WA20R8.js")), ol = C(() => import("./vue-ui-rating-DUcyhyrN.js")), rl = C(() => import("./vue-ui-relation-circle-BYlIjbUK.js")), tl = C(() => import("./vue-ui-rings-w4KQSfym.js")), el = C(() => import("./vue-ui-scatter-CfgCA3Di.js")), ll = C(() => import("./vue-ui-screenshot-BsD3ySuA.js")), al = C(() => import("./vue-ui-skeleton-DpadzgbS.js")), cl = C(() => import("./vue-ui-smiley-BHqeb-Ol.js")), nl = C(() => import("./vue-ui-sparkhistogram-HgBi5OvP.js")), sl = C(() => import("./vue-ui-sparkstackbar-Ch3JvFBq.js")), il = C(() => import("./vue-ui-spark-trend-NAcB2zZ1.js")), ul = C(() => import("./vue-ui-sparkbar-BPpSxe5Z.js")), dl = C(() => import("./vue-ui-sparkgauge-C1mW3KbZ.js")), bl = C(() => import("./vue-ui-sparkline-BABBXY2c.js")), fl = C(() => import("./vue-ui-strip-plot-RZu43QbP.js")), gl = C(() => import("./vue-ui-table-CJ2gGmYi.js")), Al = C(() => import("./vue-ui-table-heatmap-B_TfeHsa.js")), Cl = C(() => import("./vue-ui-table-sparkline-DqMH7xbY.js")), hl = C(() => import("./vue-ui-thermometer-D7aR0elr.js")), Fl = C(() => import("./vue-ui-timer-C9sO9AoQ.js")), kl = C(() => import("./vue-ui-tiremarks-KvOyYNVW.js")), El = C(() => import("./vue-ui-treemap-BPxLXNZ5.js")), pl = C(() => import("./vue-ui-vertical-bar-BAdSzbYU.js")), Dl = C(() => import("./vue-ui-waffle-CW1UVf-q.js")), Bl = C(() => import("./vue-ui-wheel-DAwYc7XY.js")), ml = C(() => import("./vue-ui-word-cloud-BzfYkI08.js")), yl = C(() => import("./vue-ui-xy-CJYGMbMt.js")), xl = C(() => import("./vue-ui-xy-canvas-sB1dmJQc.js")), wl = C(() => import("./vue-ui-carousel-table-B6v1NycN.js")), Ll = C(() => import("./vue-ui-gizmo-D4VHyFmN.js")), vl = C(() => import("./vue-ui-stackbar-JIEn0g7t.js")), _l = C(() => import("./vue-ui-bullet-yKEVhE17.js")), Sl = C(() => import("./vue-ui-funnel-Cinv1hUx.js")), zl = C(() => import("./vue-ui-history-plot-dJp-Lai2.js")), Rl = C(() => import("./vue-ui-pattern-COZLnLYz.js"));
+const ye = C(() => import("./Arrow-HywvQFIb.js")), xe = C(() => import("./vue-data-ui-DN2kou23.js")), we = C(() => import("./vue-ui-3d-bar-CX4cgFJW.js")), Le = C(() => import("./vue-ui-accordion-CbgAyykZ.js")), ve = C(() => import("./vue-ui-age-pyramid-DKNcamFG.js")), _e = C(() => import("./vue-ui-annotator-CUzQpHGa.js")), Se = C(() => import("./vue-ui-candlestick-CvHVfAu7.js")), ze = C(() => import("./vue-ui-chestnut-BckiQcJs.js")), Re = C(() => import("./vue-ui-cursor-DE0HZhQL.js")), Oe = C(() => import("./vue-ui-dashboard-DtWvVA-k.js")), Te = C(() => import("./vue-ui-digits-CFjurLzc.js")), Pe = C(() => import("./vue-ui-donut-DRIPG4qf.js")), Ne = C(() => import("./vue-ui-donut-evolution-DfKOKQFY.js")), Me = C(() => import("./vue-ui-dumbbell-Dx6YSKly.js")), Ve = C(() => import("./vue-ui-flow-DOipmqqm.js")), Ie = C(() => import("./vue-ui-galaxy-vP8xR-K-.js")), We = C(() => import("./vue-ui-gauge-QEApv_T5.js")), Ue = C(() => import("./vue-ui-heatmap-CY7z5uPC.js")), Ge = C(() => import("./BaseIcon-CL3j-fI9.js")), He = C(() => import("./vue-ui-kpi-CR1lNimt.js")), Ye = C(() => import("./vue-ui-mini-loader-B2k4Zk3c.js")), $e = C(() => import("./vue-ui-molecule-DAz6ytsR.js")), Xe = C(() => import("./vue-ui-mood-radar-CwFs3yx-.js")), Ke = C(() => import("./vue-ui-nested-donuts-CyOGu99e.js")), je = C(() => import("./vue-ui-onion-D-PSIMqW.js")), qe = C(() => import("./vue-ui-parallel-coordinate-plot-CSq_ztwh.js")), Qe = C(() => import("./vue-ui-quadrant-A1-scvDl.js")), Ze = C(() => import("./vue-ui-quick-chart-CfAX6N6x.js")), Je = C(() => import("./vue-ui-radar-BF_X5reX.js")), ol = C(() => import("./vue-ui-rating-CPhAqTMY.js")), rl = C(() => import("./vue-ui-relation-circle-C4WtlzjR.js")), tl = C(() => import("./vue-ui-rings-BxKf1fKQ.js")), el = C(() => import("./vue-ui-scatter-Dy-p7Wtu.js")), ll = C(() => import("./vue-ui-screenshot-CgPpGG9k.js")), al = C(() => import("./vue-ui-skeleton-Cb2qrhYT.js")), cl = C(() => import("./vue-ui-smiley-U2CIWUwg.js")), nl = C(() => import("./vue-ui-sparkhistogram-PvQgia6F.js")), sl = C(() => import("./vue-ui-sparkstackbar-BDw738BK.js")), il = C(() => import("./vue-ui-spark-trend-BMtR1Pi0.js")), ul = C(() => import("./vue-ui-sparkbar-D0VeUaEb.js")), dl = C(() => import("./vue-ui-sparkgauge-Hp3ybBWb.js")), bl = C(() => import("./vue-ui-sparkline-CI-MxWXp.js")), fl = C(() => import("./vue-ui-strip-plot-3V5Roils.js")), gl = C(() => import("./vue-ui-table-LiO7zYPI.js")), Al = C(() => import("./vue-ui-table-heatmap-BDydCyHc.js")), Cl = C(() => import("./vue-ui-table-sparkline-CpMMEuyJ.js")), hl = C(() => import("./vue-ui-thermometer-ccjAdXXK.js")), Fl = C(() => import("./vue-ui-timer-Bz5-5ROu.js")), kl = C(() => import("./vue-ui-tiremarks-N_GjxnG-.js")), El = C(() => import("./vue-ui-treemap-CaxwLYar.js")), pl = C(() => import("./vue-ui-vertical-bar-CIFczbF9.js")), Dl = C(() => import("./vue-ui-waffle-C_HzXt-Y.js")), Bl = C(() => import("./vue-ui-wheel-BHszQkHF.js")), ml = C(() => import("./vue-ui-word-cloud-C0v5gBrv.js")), yl = C(() => import("./vue-ui-xy-CCXp8odX.js")), xl = C(() => import("./vue-ui-xy-canvas-CdgdK8ol.js")), wl = C(() => import("./vue-ui-carousel-table-DCi_yXu2.js")), Ll = C(() => import("./vue-ui-gizmo-Cr3L2fkb.js")), vl = C(() => import("./vue-ui-stackbar-CMe20-6p.js")), _l = C(() => import("./vue-ui-bullet-Bthmg1VV.js")), Sl = C(() => import("./vue-ui-funnel-CSRH6I73.js")), zl = C(() => import("./vue-ui-history-plot-B0UmKljg.js")), Rl = C(() => import("./vue-ui-pattern-COZLnLYz.js"));
 export {
   pe as $,
   at as A,