vue-data-ui 2.4.41 → 2.4.43

package/dist/{PenAndPaper-BxJZd7k9.js → PenAndPaper-D22t_fD9.js}

@@ -1,7 +1,7 @@
 import { computed as O, ref as c, watch as q, withDirectives as A, openBlock as p, createElementBlock as f, createElementVNode as C, normalizeStyle as b, createVNode as P, Fragment as R, renderList as H, createCommentVNode as V, unref as j, onMounted as oe, nextTick as ne, onBeforeUnmount as le, normalizeClass as T, vModelText as re, withModifiers as Q } from "vue";
-import { F as ae, l as se, X as ue } from "./index-B6Q1Fyk0.js";
-import D from "./BaseIcon-DCE3wRiG.js";
-import { v as ce } from "./usePrinter-D8dIU7aG.js";
+import { G as ae, l as se, X as ue } from "./index-CvhiHStv.js";
+import D from "./BaseIcon-Cg6tqk_d.js";
+import { v as ce } from "./usePrinter-BVA2_kNp.js";
 import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = { style: { height: "100%", width: "100%", position: "relative" } }, de = { class: "icon" }, ve = ["onClick"], pe = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, fe = ["value"], he = {
   __name: "ColorPicker",

package/dist/{Shape-C3ywBhkW.js → Shape-7VxscoGH.js}

@@ -1,5 +1,5 @@
 import { computed as u, openBlock as l, createElementBlock as i, createCommentVNode as a } from "vue";
-import { V as p, O as f } from "./index-B6Q1Fyk0.js";
+import { V as p, O as f } from "./index-CvhiHStv.js";
 const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], c = ["d", "fill", "stroke", "stroke-width"], g = ["points", "fill", "stroke", "stroke-width"], $ = {
   __name: "Shape",
   props: {

package/dist/{Shape-CvL90fNe.cjs → Shape-BIoU-M2b.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index-B5Ugkauv.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],m=["d","fill","stroke","stroke-width"],v=["points","fill","stroke","stroke-width"],p={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:r}){const t=n;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const s=e.computed(()=>d(t.shape)),i=e.computed(()=>t.shape!=="star"?null:a.createStar({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1)})),k=e.computed(()=>a.createPolygonPath({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1),sides:s.value.points,rotation:s.value.rotation}).path);return(u,o)=>(e.openBlock(),e.createElementBlock("g",null,[s.value&&s.value.points===1?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:t.radius*(t.isSelected?t.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[0]||(o[0]=l=>r("mouseover")),onMouseout:o[1]||(o[1]=l=>r("mouseout")),onClick:o[2]||(o[2]=l=>r("click"))},null,40,c)):e.createCommentVNode("",!0),s.value&&s.value.points>=n.limit?(e.openBlock(),e.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[3]||(o[3]=l=>r("mouseover")),onMouseout:o[4]||(o[4]=l=>r("mouseout")),onClick:o[5]||(o[5]=l=>r("click"))},null,40,m)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:i.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[6]||(o[6]=l=>r("mouseover")),onMouseout:o[7]||(o[7]=l=>r("mouseout")),onClick:o[8]||(o[8]=l=>r("click"))},null,40,v)):e.createCommentVNode("",!0)]))}};exports._sfc_main=p;
+"use strict";const e=require("vue"),a=require("./index-Ce0TFqvS.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],m=["d","fill","stroke","stroke-width"],v=["points","fill","stroke","stroke-width"],p={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:r}){const t=n;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const s=e.computed(()=>d(t.shape)),i=e.computed(()=>t.shape!=="star"?null:a.createStar({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1)})),k=e.computed(()=>a.createPolygonPath({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1),sides:s.value.points,rotation:s.value.rotation}).path);return(u,o)=>(e.openBlock(),e.createElementBlock("g",null,[s.value&&s.value.points===1?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:t.radius*(t.isSelected?t.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[0]||(o[0]=l=>r("mouseover")),onMouseout:o[1]||(o[1]=l=>r("mouseout")),onClick:o[2]||(o[2]=l=>r("click"))},null,40,c)):e.createCommentVNode("",!0),s.value&&s.value.points>=n.limit?(e.openBlock(),e.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[3]||(o[3]=l=>r("mouseover")),onMouseout:o[4]||(o[4]=l=>r("mouseout")),onClick:o[5]||(o[5]=l=>r("click"))},null,40,m)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:i.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[6]||(o[6]=l=>r("mouseover")),onMouseout:o[7]||(o[7]=l=>r("mouseout")),onClick:o[8]||(o[8]=l=>r("click"))},null,40,v)):e.createCommentVNode("",!0)]))}};exports._sfc_main=p;

package/dist/Slicer-BcXvtaNe.js

@@ -0,0 +1,423 @@
+import { useCssVars as ie, ref as f, computed as d, watch as L, onMounted as oe, onBeforeUnmount as ue, openBlock as m, createElementBlock as v, createElementVNode as n, normalizeStyle as S, createVNode as re, renderSlot as se, createCommentVNode as N, unref as de, Fragment as F, renderList as R, withDirectives as V, vModelText as A, toDisplayString as B, pushScopeId as me, popScopeId as ve } from "vue";
+import ce from "./BaseIcon-Cg6tqk_d.js";
+import { t as he, u as fe } from "./useResponsive-CoxXLe23.js";
+import { c as pe, R as O, Q as D, X as xe } from "./index-CvhiHStv.js";
+import { _ as ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const U = (l) => (me("data-v-cf67df9a"), l = l(), ve(), l), ge = {
+  "data-html2canvas-ignore": "",
+  style: { padding: "0 24px" },
+  class: "vue-data-ui-zoom"
+}, be = {
+  class: "vue-data-ui-slicer-labels",
+  style: { position: "relative", "z-index": "1", "pointer-events": "none" }
+}, Se = {
+  key: 0,
+  style: { width: "100%", position: "relative" }
+}, ke = {
+  key: 0,
+  class: "minimap",
+  style: { width: "100%" }
+}, Ne = ["xmlns", "viewBox"], Ce = ["id"], we = ["stop-color"], $e = /* @__PURE__ */ U(() => /* @__PURE__ */ n("stop", {
+  offset: "100%",
+  "stop-color": "transparent"
+}, null, -1)), Me = ["d", "stroke"], Ee = ["x", "width", "height", "fill", "rx"], Pe = ["d", "fill"], Le = ["x", "width", "height", "rx", "fill"], Ie = ["x", "width", "height", "fill", "rx"], ze = ["d", "fill"], Fe = ["d", "stroke"], Re = ["cx", "cy", "stroke", "fill"], Ve = ["cx", "cy", "stroke", "fill"], Ae = ["x1", "x2", "y2", "stroke"], Be = ["x", "height", "width", "onMouseenter"], Oe = /* @__PURE__ */ U(() => /* @__PURE__ */ n("div", { class: "slider-track" }, null, -1)), De = ["min", "max"], Ue = ["min", "max"], Te = {
+  __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
+    }
+  },
+  emits: ["update:start", "update:end", "reset", "trapMouse"],
+  setup(l, { expose: T, emit: x }) {
+    const e = l;
+    ie((t) => ({
+      "3d3a2c02": _.value,
+      79587273: g.value,
+      "72fa1da4": Z.value,
+      "598db3a3": l.selectColor,
+      b4acd69e: j.value
+    }));
+    const o = f(e.min), u = f(e.max), y = d(() => !!e.minimap.length), C = f(pe()), W = d(() => e.refreshEndPoint === null ? e.max : e.refreshEndPoint), X = d(() => {
+      const t = e.max - e.min, i = (o.value - e.min) / t * 100, r = (u.value - e.min) / t * 100;
+      return {
+        left: `${i}%`,
+        width: `${r - i}%`,
+        background: e.selectColor
+      };
+    }), _ = d(() => e.inputColor), j = d(() => e.background), Z = d(() => `${e.selectColor}33`), g = d(() => e.borderColor), I = d(() => {
+      let t = [];
+      for (let i = 0; i < e.minimap.length; i += 1)
+        t.push(i);
+      return t;
+    });
+    function z() {
+      x("reset");
+    }
+    function q() {
+      Number(o.value) > Number(u.value) - 1 && (o.value = Number(u.value) - 1), x("update:start", Number(o.value));
+    }
+    function G() {
+      Number(u.value) < Number(o.value) + 1 && (u.value = Number(o.value) + 1), x("update:end", Number(u.value));
+    }
+    L(
+      () => e.min,
+      (t) => {
+        Number(o.value) < Number(t) && (o.value = Number(t)), Number(u.value) < Number(t) && (u.value = Number(t));
+      }
+    ), L(
+      () => e.max,
+      (t) => {
+        Number(o.value) > Number(t) && (o.value = Number(t)), Number(u.value) > Number(t) && (u.value = Number(t));
+      }
+    );
+    const w = f(null), a = f({
+      width: 1,
+      height: 1
+    }), k = f(null);
+    oe(() => {
+      if (y.value) {
+        const t = he(() => {
+          const { width: i, height: r } = fe({
+            chart: w.value
+          });
+          a.value.width = i, a.value.height = r - 47;
+        });
+        k.value = new ResizeObserver(t), k.value.observe(w.value);
+      }
+    }), ue(() => {
+      k.value && k.value.disconnect();
+    });
+    const s = d(() => e.minimap.length ? a.value.width / e.minimap.length : 0), c = d(() => {
+      if (!e.minimap.length) return [];
+      const t = Math.max(...e.minimap), i = Math.min(...e.minimap) - 10, r = t - (i > 0 ? 0 : i), h = e.minimap.map((le, ae) => {
+        const ne = le - i;
+        return {
+          x: a.value.width / e.minimap.length * ae + s.value / 2,
+          y: a.value.height - ne / r * (a.value.height * 0.9)
+        };
+      }), E = e.smoothMinimap ? O(h) : D(h), P = [...h].slice(e.valueStart, e.valueEnd), te = e.smoothMinimap ? O(P) : D(P);
+      return {
+        fullSet: E,
+        selectionSet: te,
+        sliced: P,
+        firstPlot: h[e.valueStart],
+        lastPlot: h[e.valueEnd - 1]
+      };
+    }), p = d(() => ({
+      x: s.value * o.value + s.value / 2,
+      width: a.value.width * ((u.value - o.value) / e.max) - s.value
+    })), Q = d(() => ({
+      left: 0,
+      color: e.textColor,
+      fontSize: `${e.fontSize}px`,
+      top: y.value ? "28px" : "-28px",
+      pointerEvents: "none"
+    })), H = d(() => ({
+      right: 0,
+      color: e.textColor,
+      fontSize: `${e.fontSize}px`,
+      top: y.value ? "28px" : "-28px",
+      direction: "rtl",
+      pointerEvents: "none"
+    })), b = f(e.minimapSelectedIndex);
+    L(() => e.minimapSelectedIndex, (t) => {
+      b.value = t + e.valueStart;
+    }, { immediate: !0 });
+    function J(t) {
+      b.value = t, t >= e.valueStart && t < e.valueEnd && x("trapMouse", t - e.valueStart);
+    }
+    const K = f(0), $ = f(null), M = f(null);
+    function Y(t) {
+      o.value = t, $.value && ($.value.value = t), x("update:start", Number(o.value));
+    }
+    function ee(t) {
+      u.value = t, M.value && (M.value.value = t), x("update:end", Number(u.value));
+    }
+    return T({
+      setStartValue: Y,
+      setEndValue: ee
+    }), (t, i) => (m(), v("div", ge, [
+      n("div", be, [
+        l.valueStart !== l.refreshStartPoint || l.valueEnd !== W.value ? (m(), v("div", Se, [
+          l.useResetSlot ? se(t.$slots, "reset-action", {
+            key: 1,
+            reset: z
+          }, void 0, !0) : (m(), v("button", {
+            key: 0,
+            "data-cy-reset": "",
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            style: S({
+              top: y.value ? "36px" : "-16px",
+              pointerEvents: "all !important"
+            }),
+            onClick: z
+          }, [
+            re(ce, {
+              name: "refresh",
+              stroke: l.textColor
+            }, null, 8, ["stroke"])
+          ], 4))
+        ])) : N("", !0)
+      ]),
+      n("div", {
+        class: "double-range-slider",
+        ref_key: "minimapWrapper",
+        ref: w,
+        style: { "z-index": "0" }
+      }, [
+        y.value ? (m(), v("div", ke, [
+          (m(), v("svg", {
+            xmlns: de(xe),
+            viewBox: `0 0 ${a.value.width < 0 ? 0 : a.value.width} ${a.value.height < 0 ? 0 : a.value.height}`
+          }, [
+            n("defs", null, [
+              n("linearGradient", {
+                id: C.value,
+                x1: "0%",
+                y1: "0%",
+                x2: "0%",
+                y2: "100%"
+              }, [
+                n("stop", {
+                  offset: "0%",
+                  "stop-color": `${l.minimapLineColor}50`
+                }, null, 8, we),
+                $e
+              ], 8, Ce)
+            ]),
+            n("path", {
+              d: `M${c.value.fullSet}`,
+              stroke: `${l.minimapLineColor}`,
+              fill: "none",
+              "stroke-width": "1",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              style: { opacity: "1" }
+            }, null, 8, Me),
+            n("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: Math.max(a.value.height, 0),
+              y: 0,
+              fill: g.value,
+              rx: l.minimapSelectionRadius,
+              stroke: "none"
+            }, null, 8, Ee),
+            n("path", {
+              d: `M${s.value / 2},${Math.max(a.value.height, 0)} ${c.value.fullSet} L${a.value.width - s.value / 2},${Math.max(a.value.height, 0)}Z`,
+              fill: `url(#${C.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, Pe),
+            n("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: Math.max(a.value.height, 0),
+              y: 0,
+              rx: l.minimapSelectionRadius,
+              fill: g.value
+            }, null, 8, Le),
+            n("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: Math.max(a.value.height, 0),
+              y: 0,
+              fill: l.minimapSelectedColor,
+              rx: l.minimapSelectionRadius,
+              style: S({
+                opacity: l.minimapSelectedColorOpacity
+              })
+            }, null, 12, Ie),
+            n("path", {
+              d: `M${c.value.sliced[0].x},${Math.max(a.value.height, 0)} ${c.value.selectionSet} L${c.value.sliced.at(-1).x},${Math.max(a.value.height, 0)}Z`,
+              fill: `url(#${C.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, ze),
+            n("path", {
+              d: `M ${c.value.selectionSet}`,
+              stroke: `${l.minimapLineColor}`,
+              fill: "transparent",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, Fe),
+            n("circle", {
+              cx: c.value.firstPlot.x,
+              cy: c.value.firstPlot.y,
+              "stroke-width": "0.5",
+              stroke: g.value,
+              r: "3",
+              fill: l.minimapLineColor
+            }, null, 8, Re),
+            n("circle", {
+              cx: c.value.lastPlot.x,
+              cy: c.value.lastPlot.y,
+              "stroke-width": "0.5",
+              stroke: g.value,
+              r: "3",
+              fill: l.minimapLineColor
+            }, null, 8, Ve),
+            b.value !== null ? (m(!0), v(F, { key: 0 }, R(I.value, (r, h) => (m(), v("g", null, [
+              b.value === r && r >= l.valueStart && r < l.valueEnd ? (m(), v("line", {
+                key: 0,
+                x1: s.value * h + s.value / 2,
+                x2: s.value * h + s.value / 2,
+                y1: 0,
+                y2: Math.max(a.value.height, 0),
+                stroke: l.minimapIndicatorColor,
+                "stroke-linecap": "round",
+                "stroke-dasharray": "2",
+                "stroke-width": "1"
+              }, null, 8, Ae)) : N("", !0)
+            ]))), 256)) : N("", !0),
+            (m(!0), v(F, null, R(I.value, (r, h) => (m(), v("rect", {
+              x: s.value * h,
+              y: 0,
+              height: Math.max(a.value.height, 0),
+              width: s.value < 0 ? 0 : s.value,
+              fill: "transparent",
+              style: { "pointer-events": "all !important" },
+              onMouseenter: (E) => J(r),
+              onMouseleave: i[0] || (i[0] = (E) => {
+                b.value = null, x("trapMouse", null);
+              })
+            }, null, 40, Be))), 256))
+          ], 8, Ne))
+        ])) : N("", !0),
+        Oe,
+        n("div", {
+          class: "range-highlight",
+          style: S(X.value)
+        }, null, 4),
+        V((m(), v("input", {
+          ref_key: "rangeStart",
+          ref: $,
+          key: `range-min${K.value}`,
+          type: "range",
+          class: "range-left",
+          min: l.min,
+          max: l.max,
+          "onUpdate:modelValue": i[1] || (i[1] = (r) => o.value = r),
+          onInput: q
+        }, null, 40, De)), [
+          [A, o.value]
+        ]),
+        n("div", {
+          class: "thumb-label thumb-label-left",
+          style: S(Q.value)
+        }, B(l.labelLeft), 5),
+        V(n("input", {
+          ref_key: "rangeEnd",
+          ref: M,
+          type: "range",
+          class: "range-right",
+          min: l.min,
+          max: l.max,
+          "onUpdate:modelValue": i[2] || (i[2] = (r) => u.value = r),
+          onInput: G
+        }, null, 40, Ue), [
+          [A, u.value]
+        ]),
+        n("div", {
+          class: "thumb-label thumb-label-right",
+          style: S(H.value)
+        }, B(l.labelRight), 5)
+      ], 512)
+    ]));
+  }
+}, qe = /* @__PURE__ */ ye(Te, [["__scopeId", "data-v-cf67df9a"]]);
+export {
+  qe as S
+};

package/dist/Slicer-C_1pd_Kh.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),Z=require("./BaseIcon-Cj2lO-KJ.cjs"),V=require("./useResponsive-BJ7DTGpm.cjs"),h=require("./index-Ce0TFqvS.cjs"),G=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),B=a=>(e.pushScopeId("data-v-cf67df9a"),a=a(),e.popScopeId(),a),H={"data-html2canvas-ignore":"",style:{padding:"0 24px"},class:"vue-data-ui-zoom"},J={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1","pointer-events":"none"}},K={key:0,style:{width:"100%",position:"relative"}},Q={key:0,class:"minimap",style:{width:"100%"}},Y=["xmlns","viewBox"],ee=["id"],te=["stop-color"],le=B(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),ae=["d","stroke"],ne=["x","width","height","fill","rx"],oe=["d","fill"],ie=["x","width","height","rx","fill"],re=["x","width","height","fill","rx"],ue=["d","fill"],se=["d","stroke"],ce=["cx","cy","stroke","fill"],de=["cx","cy","stroke","fill"],me=["x1","x2","y2","stroke"],ve=["x","height","width","onMouseenter"],he=B(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),pe=["min","max"],fe=["min","max"],xe={__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}},emits:["update:start","update:end","reset","trapMouse"],setup(a,{expose:$,emit:v}){const t=a;e.useCssVars(l=>({"3d3a2c02":z.value,79587273:f.value,"72fa1da4":F.value,"598db3a3":a.selectColor,b4acd69e:L.value}));const i=e.ref(t.min),r=e.ref(t.max),p=e.computed(()=>!!t.minimap.length),g=e.ref(h.createUid()),M=e.computed(()=>t.refreshEndPoint===null?t.max:t.refreshEndPoint),P=e.computed(()=>{const l=t.max-t.min,o=(i.value-t.min)/l*100,u=(r.value-t.min)/l*100;return{left:`${o}%`,width:`${u-o}%`,background:t.selectColor}}),z=e.computed(()=>t.inputColor),L=e.computed(()=>t.background),F=e.computed(()=>`${t.selectColor}33`),f=e.computed(()=>t.borderColor),C=e.computed(()=>{let l=[];for(let o=0;o<t.minimap.length;o+=1)l.push(o);return l});function w(){v("reset")}function I(){Number(i.value)>Number(r.value)-1&&(i.value=Number(r.value)-1),v("update:start",Number(i.value))}function R(){Number(r.value)<Number(i.value)+1&&(r.value=Number(i.value)+1),v("update:end",Number(r.value))}e.watch(()=>t.min,l=>{Number(i.value)<Number(l)&&(i.value=Number(l)),Number(r.value)<Number(l)&&(r.value=Number(l))}),e.watch(()=>t.max,l=>{Number(i.value)>Number(l)&&(i.value=Number(l)),Number(r.value)>Number(l)&&(r.value=Number(l))});const S=e.ref(null),n=e.ref({width:1,height:1}),y=e.ref(null);e.onMounted(()=>{if(p.value){const l=V.throttle(()=>{const{width:o,height:u}=V.useResponsive({chart:S.value});n.value.width=o,n.value.height=u-47});y.value=new ResizeObserver(l),y.value.observe(S.value)}}),e.onBeforeUnmount(()=>{y.value&&y.value.disconnect()});const s=e.computed(()=>t.minimap.length?n.value.width/t.minimap.length:0),c=e.computed(()=>{if(!t.minimap.length)return[];const l=Math.max(...t.minimap),o=Math.min(...t.minimap)-10,u=l-(o>0?0:o),d=t.minimap.map((W,j)=>{const X=W-o;return{x:n.value.width/t.minimap.length*j+s.value/2,y:n.value.height-X/u*(n.value.height*.9)}}),N=t.smoothMinimap?h.createSmoothPath(d):h.createStraightPath(d),E=[...d].slice(t.valueStart,t.valueEnd),_=t.smoothMinimap?h.createSmoothPath(E):h.createStraightPath(E);return{fullSet:N,selectionSet:_,sliced:E,firstPlot:d[t.valueStart],lastPlot:d[t.valueEnd-1]}}),m=e.computed(()=>({x:s.value*i.value+s.value/2,width:n.value.width*((r.value-i.value)/t.max)-s.value})),A=e.computed(()=>({left:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",pointerEvents:"none"})),q=e.computed(()=>({right:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:p.value?"28px":"-28px",direction:"rtl",pointerEvents:"none"})),x=e.ref(t.minimapSelectedIndex);e.watch(()=>t.minimapSelectedIndex,l=>{x.value=l+t.valueStart},{immediate:!0});function D(l){x.value=l,l>=t.valueStart&&l<t.valueEnd&&v("trapMouse",l-t.valueStart)}const O=e.ref(0),b=e.ref(null),k=e.ref(null);function T(l){i.value=l,b.value&&(b.value.value=l),v("update:start",Number(i.value))}function U(l){r.value=l,k.value&&(k.value.value=l),v("update:end",Number(r.value))}return $({setStartValue:T,setEndValue:U}),(l,o)=>(e.openBlock(),e.createElementBlock("div",H,[e.createElementVNode("div",J,[a.valueStart!==a.refreshStartPoint||a.valueEnd!==M.value?(e.openBlock(),e.createElementBlock("div",K,[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:p.value?"36px":"-16px",pointerEvents:"all !important"}),onClick:w},[e.createVNode(Z.default,{name:"refresh",stroke:a.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:S,style:{"z-index":"0"}},[p.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(h.XMLNS),viewBox:`0 0 ${n.value.width<0?0:n.value.width} ${n.value.height<0?0:n.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:g.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${a.minimapLineColor}50`},null,8,te),le],8,ee)]),e.createElementVNode("path",{d:`M${c.value.fullSet}`,stroke:`${a.minimapLineColor}`,fill:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,ae),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,fill:f.value,rx:a.minimapSelectionRadius,stroke:"none"},null,8,ne),e.createElementVNode("path",{d:`M${s.value/2},${Math.max(n.value.height,0)} ${c.value.fullSet} L${n.value.width-s.value/2},${Math.max(n.value.height,0)}Z`,fill:`url(#${g.value})`,stroke:"none",style:{opacity:"1"}},null,8,oe),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,rx:a.minimapSelectionRadius,fill:f.value},null,8,ie),e.createElementVNode("rect",{x:m.value.x,width:m.value.width<0?0:m.value.width,height:Math.max(n.value.height,0),y:0,fill:a.minimapSelectedColor,rx:a.minimapSelectionRadius,style:e.normalizeStyle({opacity:a.minimapSelectedColorOpacity})},null,12,re),e.createElementVNode("path",{d:`M${c.value.sliced[0].x},${Math.max(n.value.height,0)} ${c.value.selectionSet} L${c.value.sliced.at(-1).x},${Math.max(n.value.height,0)}Z`,fill:`url(#${g.value})`,stroke:"none",style:{opacity:"1"}},null,8,ue),e.createElementVNode("path",{d:`M ${c.value.selectionSet}`,stroke:`${a.minimapLineColor}`,fill:"transparent","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,8,se),e.createElementVNode("circle",{cx:c.value.firstPlot.x,cy:c.value.firstPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:a.minimapLineColor},null,8,ce),e.createElementVNode("circle",{cx:c.value.lastPlot.x,cy:c.value.lastPlot.y,"stroke-width":"0.5",stroke:f.value,r:"3",fill:a.minimapLineColor},null,8,de),x.value!==null?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(C.value,(u,d)=>(e.openBlock(),e.createElementBlock("g",null,[x.value===u&&u>=a.valueStart&&u<a.valueEnd?(e.openBlock(),e.createElementBlock("line",{key:0,x1:s.value*d+s.value/2,x2:s.value*d+s.value/2,y1:0,y2:Math.max(n.value.height,0),stroke:a.minimapIndicatorColor,"stroke-linecap":"round","stroke-dasharray":"2","stroke-width":"1"},null,8,me)):e.createCommentVNode("",!0)]))),256)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,(u,d)=>(e.openBlock(),e.createElementBlock("rect",{x:s.value*d,y:0,height:Math.max(n.value.height,0),width:s.value<0?0:s.value,fill:"transparent",style:{"pointer-events":"all !important"},onMouseenter:N=>D(u),onMouseleave:o[0]||(o[0]=N=>{x.value=null,v("trapMouse",null)})},null,40,ve))),256))],8,Y))])):e.createCommentVNode("",!0),he,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(P.value)},null,4),e.withDirectives((e.openBlock(),e.createElementBlock("input",{ref_key:"rangeStart",ref:b,key:`range-min${O.value}`,type:"range",class:"range-left",min:a.min,max:a.max,"onUpdate:modelValue":o[1]||(o[1]=u=>i.value=u),onInput:I},null,40,pe)),[[e.vModelText,i.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-left",style:e.normalizeStyle(A.value)},e.toDisplayString(a.labelLeft),5),e.withDirectives(e.createElementVNode("input",{ref_key:"rangeEnd",ref:k,type:"range",class:"range-right",min:a.min,max:a.max,"onUpdate:modelValue":o[2]||(o[2]=u=>r.value=u),onInput:R},null,40,fe),[[e.vModelText,r.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(q.value)},e.toDisplayString(a.labelRight),5)],512)]))}},ye=G._export_sfc(xe,[["__scopeId","data-v-cf67df9a"]]);exports.Slicer=ye;

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

package/dist/{Title-D9gPXVTT.cjs → Title-DoxrpVfD.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),r=require("./useNestedProp-bZitLnbb.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-Dv81zO0o.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-GvLaModr.js → Tooltip-Dx07vASW.js}

@@ -1,26 +1,26 @@
-import { ref as u, onMounted as y, onUnmounted as b, computed as p, openBlock as g, createElementBlock as x, normalizeClass as h, normalizeStyle as S, renderSlot as c, createElementVNode as $, createCommentVNode as k } from "vue";
-import { s as C } from "./index-B6Q1Fyk0.js";
-function B({ tooltip: e, chart: o, clientPosition: t, positionPreference: r = "center", defaultOffsetY: a = 24, blockShiftY: d = !1 }) {
+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-CvhiHStv.js";
+function N({ tooltip: e, chart: o, clientPosition: t, positionPreference: r = "center", defaultOffsetY: a = 24, blockShiftY: d = !1 }) {
   const l = u(0), s = u(a);
   if (e && o) {
-    const { width: n, height: m } = e.getBoundingClientRect(), { right: i, left: f, bottom: v } = o.getBoundingClientRect();
-    r === "center" && (t.x + n / 2 > i ? l.value = -n + (i - t.x) : t.x - n / 2 < f ? l.value = -n + (n - (t.x - f)) : l.value = -n / 2), r === "right" && (t.x + n > i ? l.value = -n + (i - t.x) : l.value = 0), r === "left" && (t.x < f + n ? l.value = -n + (n - (t.x - f)) : l.value = -n), t.y + m > v && !d && (s.value = -m - a);
+    const { width: n, height: m } = e.getBoundingClientRect(), { right: i, left: f, bottom: y } = o.getBoundingClientRect();
+    r === "center" && (t.x + n / 2 > i ? l.value = -n + (i - t.x) : t.x - n / 2 < f ? l.value = -n + (n - (t.x - f)) : l.value = -n / 2), r === "right" && (t.x + n > i ? l.value = -n + (i - t.x) : l.value = 0), r === "left" && (t.x < f + n ? l.value = -n + (n - (t.x - f)) : l.value = -n), t.y + m > y && !d && (s.value = -m - a);
   }
   return {
     top: t.y + s.value,
     left: t.x + l.value
   };
 }
-function N(e, o, t) {
-  y(() => e.addEventListener(o, t)), b(() => e.removeEventListener(o, t));
+function Y(e, o, t) {
+  b(() => e.addEventListener(o, t)), g(() => e.removeEventListener(o, t));
 }
-function Y() {
+function w() {
   const e = u(0), o = u(0);
-  return N(window, "mousemove", (t) => {
+  return Y(window, "mousemove", (t) => {
     e.value = t.clientX, o.value = t.clientY;
   }), { x: e, y: o };
 }
-const w = ["innerHTML"], E = {
+const z = ["innerHTML"], T = {
   __name: "Tooltip",
   props: {
     backgroundColor: {
@@ -78,32 +78,40 @@ const w = ["innerHTML"], E = {
     blockShiftY: {
       type: Boolean,
       default: !1
+    },
+    isFullscreen: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e) {
-    const o = e, t = u(null), r = u(Y()), a = p(() => B({
+    const o = e, t = u(null), r = u(w(o.parent)), a = p(() => N({
       tooltip: t.value,
       chart: o.parent,
       clientPosition: r.value,
       positionPreference: o.position,
       defaultOffsetY: o.offsetY,
       blockShiftY: o.blockShiftY
-    })), d = p(() => C(o.backgroundColor, o.backgroundOpacity));
-    return (l, s) => e.show ? (g(), x("div", {
-      key: 0,
-      ref_key: "tooltip",
-      ref: t,
-      class: h({ "vue-data-ui-custom-tooltip": e.isCustom, "vue-data-ui-tooltip": !e.isCustom }),
-      style: S(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom ? "" : `background:${d.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};`)
+    })), d = p(() => F(o.backgroundColor, o.backgroundOpacity));
+    return (l, s) => (v(), x(h, {
+      to: e.isFullscreen ? e.parent : "body"
     }, [
-      c(l.$slots, "tooltip-before"),
-      c(l.$slots, "default"),
-      $("div", { innerHTML: e.content }, null, 8, w),
-      c(l.$slots, "tooltip-after")
-    ], 6)) : k("", !0);
+      e.show ? (v(), S("div", {
+        key: 0,
+        ref_key: "tooltip",
+        ref: t,
+        class: k({ "vue-data-ui-custom-tooltip": e.isCustom, "vue-data-ui-tooltip": !e.isCustom }),
+        style: $(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom ? "" : `background:${d.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};`)
+      }, [
+        c(l.$slots, "tooltip-before"),
+        c(l.$slots, "default"),
+        C("div", { innerHTML: e.content }, null, 8, z),
+        c(l.$slots, "tooltip-after")
+      ], 6)) : B("", !0)
+    ], 8, ["to"]));
   }
 };
 export {
-  E as _,
-  Y as u
+  T as _,
+  w as u
 };

package/dist/Tooltip-t5_yWU6c.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),p=require("./index-Ce0TFqvS.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:d=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:f,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<f?n.value=-r+(r-(o.x-f)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<f+r?n.value=-r+(r-(o.x-f)):n.value=-r),o.y+c>v&&!d&&(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})),d=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:${d.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};`)},[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;