vue-data-ui 2.4.79 → 2.4.81

package/dist/Slicer-COSSAvhP.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-BFcTNsIG.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-B7fU5WLk.js";
+import { _ as Ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const me = (l) => (Fe("data-v-2b4854c7"), 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) => ({
+      "19064bf4": ge.value,
+      e91b3b0c: w.value,
+      "182bac6b": xe.value,
+      "6ba7a3aa": l.selectColor,
+      "39ae2938": 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-2b4854c7"]]);
+export {
+  bt as S
+};

package/dist/Slicer-Cn0rMO8V.cjs

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

package/dist/{Title-B4ZkvXK-.js → Title-D4uHI3XO.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-uEksOW7g.js";
+import { u as c } from "./useNestedProp-a8jnEonn.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Title-Dc2F9vf7.cjs → Title-nNu_tpWV.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-B5IAA861.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-CFDJyc2s.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/{Tooltip-B0LX9lY0.js → Tooltip-B4RlEv6t.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-DJL-Bkqp.js";
+import { s as F } from "./index-B7fU5WLk.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/{Tooltip-Cd-T5cyc.cjs → Tooltip-CjLh_PQm.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-0dnbsm6P.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-CNb2Ph0E.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/{index-DJL-Bkqp.js → index-B7fU5WLk.js}

@@ -15709,7 +15709,7 @@ function me(o, l) {
   const r = O(o);
   return ut(r, l);
 }
-const ye = C(() => import("./Arrow-CZYIn9eL.js")), xe = C(() => import("./vue-data-ui-DH_NVt2Y.js")), we = C(() => import("./vue-ui-3d-bar-E96Fh4bt.js")), Le = C(() => import("./vue-ui-accordion-B_eXBJPl.js")), ve = C(() => import("./vue-ui-age-pyramid-CXRrdWei.js")), _e = C(() => import("./vue-ui-annotator-D9LEIs0K.js")), Se = C(() => import("./vue-ui-candlestick-DO-VI3mP.js")), ze = C(() => import("./vue-ui-chestnut-DSvIYyla.js")), Re = C(() => import("./vue-ui-cursor-BoIxmcTJ.js")), Oe = C(() => import("./vue-ui-dashboard-DEPiIO5h.js")), Te = C(() => import("./vue-ui-digits-BsoQJduO.js")), Pe = C(() => import("./vue-ui-donut-G2ULBU8l.js")), Ne = C(() => import("./vue-ui-donut-evolution-BTrHgtdk.js")), Me = C(() => import("./vue-ui-dumbbell-B016NgrO.js")), Ve = C(() => import("./vue-ui-flow-Drv-rQxc.js")), Ie = C(() => import("./vue-ui-galaxy-BugfEsdL.js")), We = C(() => import("./vue-ui-gauge-B1e3bQ5v.js")), Ue = C(() => import("./vue-ui-heatmap-I3_jZmtP.js")), Ge = C(() => import("./BaseIcon-BmzdBA_n.js")), He = C(() => import("./vue-ui-kpi-CMPPk7-2.js")), Ye = C(() => import("./vue-ui-mini-loader-BTovhpqa.js")), $e = C(() => import("./vue-ui-molecule-DEApFPTb.js")), Xe = C(() => import("./vue-ui-mood-radar-DidL44m8.js")), Ke = C(() => import("./vue-ui-nested-donuts-CZCq_ntG.js")), je = C(() => import("./vue-ui-onion-Bz7SkpKH.js")), qe = C(() => import("./vue-ui-parallel-coordinate-plot-BROqRQi1.js")), Qe = C(() => import("./vue-ui-quadrant-a8UWsJs0.js")), Ze = C(() => import("./vue-ui-quick-chart-DtOsqO98.js")), Je = C(() => import("./vue-ui-radar-DpdtzwTa.js")), ol = C(() => import("./vue-ui-rating-CrSkkJtF.js")), rl = C(() => import("./vue-ui-relation-circle-DAbgurAL.js")), tl = C(() => import("./vue-ui-rings-FuqykMtf.js")), el = C(() => import("./vue-ui-scatter-LB5ZPicT.js")), ll = C(() => import("./vue-ui-screenshot-BOSDTFhQ.js")), al = C(() => import("./vue-ui-skeleton-z4MGfNaM.js")), cl = C(() => import("./vue-ui-smiley-BH4kob-0.js")), nl = C(() => import("./vue-ui-sparkhistogram-hroDFCtN.js")), sl = C(() => import("./vue-ui-sparkstackbar-Dx-gwkJS.js")), il = C(() => import("./vue-ui-spark-trend-B2zsG57C.js")), ul = C(() => import("./vue-ui-sparkbar-BxILnvE_.js")), dl = C(() => import("./vue-ui-sparkgauge-Bh6Xnlrr.js")), bl = C(() => import("./vue-ui-sparkline-BoTbKk0m.js")), fl = C(() => import("./vue-ui-strip-plot-BWElug2N.js")), gl = C(() => import("./vue-ui-table-CkyKeMnT.js")), Al = C(() => import("./vue-ui-table-heatmap-REK_djPO.js")), Cl = C(() => import("./vue-ui-table-sparkline-XH9Z7XJu.js")), hl = C(() => import("./vue-ui-thermometer-CHDexaNq.js")), Fl = C(() => import("./vue-ui-timer-CO-ocJlg.js")), kl = C(() => import("./vue-ui-tiremarks-D1KhIO-C.js")), El = C(() => import("./vue-ui-treemap-CTaRPtej.js")), pl = C(() => import("./vue-ui-vertical-bar-CKNaAzgO.js")), Dl = C(() => import("./vue-ui-waffle-IiqKFXtD.js")), Bl = C(() => import("./vue-ui-wheel-Qxs183kC.js")), ml = C(() => import("./vue-ui-word-cloud-7WimWD85.js")), yl = C(() => import("./vue-ui-xy-DMwaxdDv.js")), xl = C(() => import("./vue-ui-xy-canvas-3FUkwO0G.js")), wl = C(() => import("./vue-ui-carousel-table-BMIh1Ebr.js")), Ll = C(() => import("./vue-ui-gizmo-BnI-keJZ.js")), vl = C(() => import("./vue-ui-stackbar-CytcFp3F.js")), _l = C(() => import("./vue-ui-bullet-Bag56IIJ.js")), Sl = C(() => import("./vue-ui-funnel-BToC759R.js")), zl = C(() => import("./vue-ui-history-plot-DB6tM7q1.js")), Rl = C(() => import("./vue-ui-pattern-COZLnLYz.js"));
+const ye = C(() => import("./Arrow-CZLkcJVq.js")), xe = C(() => import("./vue-data-ui-Bw8DSeYe.js")), we = C(() => import("./vue-ui-3d-bar-zCx0lRgl.js")), Le = C(() => import("./vue-ui-accordion-Dx-yvrEA.js")), ve = C(() => import("./vue-ui-age-pyramid-COEgL2Hh.js")), _e = C(() => import("./vue-ui-annotator-CzNHNoHJ.js")), Se = C(() => import("./vue-ui-candlestick-Bgqnvm__.js")), ze = C(() => import("./vue-ui-chestnut-b3mTec6F.js")), Re = C(() => import("./vue-ui-cursor-DKl-aRdY.js")), Oe = C(() => import("./vue-ui-dashboard-Utsqxv01.js")), Te = C(() => import("./vue-ui-digits-vd3XR1xI.js")), Pe = C(() => import("./vue-ui-donut-Do6CEP72.js")), Ne = C(() => import("./vue-ui-donut-evolution-k44KMip6.js")), Me = C(() => import("./vue-ui-dumbbell-DngNlwGT.js")), Ve = C(() => import("./vue-ui-flow-CICZyox2.js")), Ie = C(() => import("./vue-ui-galaxy-CIHXpDvb.js")), We = C(() => import("./vue-ui-gauge-DQ50gxRQ.js")), Ue = C(() => import("./vue-ui-heatmap-H1WewlPO.js")), Ge = C(() => import("./BaseIcon-BFcTNsIG.js")), He = C(() => import("./vue-ui-kpi-C8YbA-Kl.js")), Ye = C(() => import("./vue-ui-mini-loader-DcK8hLT4.js")), $e = C(() => import("./vue-ui-molecule-zVL5IunG.js")), Xe = C(() => import("./vue-ui-mood-radar-CwDLQgVT.js")), Ke = C(() => import("./vue-ui-nested-donuts-DiCSIxOU.js")), je = C(() => import("./vue-ui-onion-BBrCcL_M.js")), qe = C(() => import("./vue-ui-parallel-coordinate-plot-CBuVQGPg.js")), Qe = C(() => import("./vue-ui-quadrant-CEkmxOaL.js")), Ze = C(() => import("./vue-ui-quick-chart-TGosac3Z.js")), Je = C(() => import("./vue-ui-radar-Zy4m8IoU.js")), ol = C(() => import("./vue-ui-rating-D4vZZ0Fh.js")), rl = C(() => import("./vue-ui-relation-circle-DDfRhzEu.js")), tl = C(() => import("./vue-ui-rings-DV8LwPTs.js")), el = C(() => import("./vue-ui-scatter-nhbYB8p9.js")), ll = C(() => import("./vue-ui-screenshot-Mcrw_RZw.js")), al = C(() => import("./vue-ui-skeleton-KQYInPj5.js")), cl = C(() => import("./vue-ui-smiley-B5qpnewW.js")), nl = C(() => import("./vue-ui-sparkhistogram-CrkmhDHO.js")), sl = C(() => import("./vue-ui-sparkstackbar-xPWVusMJ.js")), il = C(() => import("./vue-ui-spark-trend-TSx_b-l2.js")), ul = C(() => import("./vue-ui-sparkbar-r5j1tSNf.js")), dl = C(() => import("./vue-ui-sparkgauge-BkVb0JzB.js")), bl = C(() => import("./vue-ui-sparkline-nrCKkIet.js")), fl = C(() => import("./vue-ui-strip-plot-BF1bUj82.js")), gl = C(() => import("./vue-ui-table-BgXTzM2c.js")), Al = C(() => import("./vue-ui-table-heatmap-faPZwjgJ.js")), Cl = C(() => import("./vue-ui-table-sparkline-Cj-Ug3wy.js")), hl = C(() => import("./vue-ui-thermometer-CEnYQ54F.js")), Fl = C(() => import("./vue-ui-timer-CU3XETJ-.js")), kl = C(() => import("./vue-ui-tiremarks-fixoZYdb.js")), El = C(() => import("./vue-ui-treemap-BhAgEilS.js")), pl = C(() => import("./vue-ui-vertical-bar-HzJ5GmsI.js")), Dl = C(() => import("./vue-ui-waffle-AGN20-0q.js")), Bl = C(() => import("./vue-ui-wheel-lYTZy9Hu.js")), ml = C(() => import("./vue-ui-word-cloud-Dvr2Tg54.js")), yl = C(() => import("./vue-ui-xy-CGHDqIWS.js")), xl = C(() => import("./vue-ui-xy-canvas-BrkB-rqK.js")), wl = C(() => import("./vue-ui-carousel-table-CNYzzf1N.js")), Ll = C(() => import("./vue-ui-gizmo-DrAsi_5R.js")), vl = C(() => import("./vue-ui-stackbar-jh-8MPcm.js")), _l = C(() => import("./vue-ui-bullet-PJnEQRSA.js")), Sl = C(() => import("./vue-ui-funnel-6h6FkbDn.js")), zl = C(() => import("./vue-ui-history-plot-DKBblaYn.js")), Rl = C(() => import("./vue-ui-pattern-COZLnLYz.js"));
 export {
   pe as $,
   at as A,