vue-data-ui 2.13.2 → 2.13.4

package/dist/{vue-ui-xy-DZdsEJcN.js → vue-ui-xy-CIiqKrxF.js}

@@ -1,10 +1,10 @@
-import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-C35igoc0.js";
+import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-DXfqC_CG.js";
 import { u as We } from "./useMouse-AicQS8Vf.js";
-import { u as J } from "./useNestedProp-DShrXp8W.js";
+import { u as J } from "./useNestedProp-CUF1PWxQ.js";
 import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as A, normalizeClass as E, createBlock as W, createCommentVNode as u, createVNode as U, createSlots as Be, withCtx as V, renderSlot as p, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as d, renderList as I, toDisplayString as T, mergeProps as K, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
-import { S as Xe } from "./Slicer-BR4waLWk.js";
-import Ue from "./Title-Bkcittcw.js";
-import { _ as Ze } from "./Shape-DwoWXD-e.js";
+import { S as Xe } from "./Slicer-kZ-UNW0I.js";
+import Ue from "./Title-Cuxd1Hw4.js";
+import { _ as Ze } from "./Shape-CMT3DgWJ.js";
 import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ke = Q(), Qe = {
   name: "vue-ui-xy",
@@ -28,15 +28,15 @@ const Ke = Q(), Qe = {
     Title: Ue,
     // Must be ready in responsive mode
     Shape: Ze,
-    DataTable: B(() => import("./DataTable-DbzdhEzX.js")),
-    Tooltip: B(() => import("./Tooltip-yS8Ztd0D.js")),
-    UserOptions: B(() => import("./UserOptions-CiNpxbcc.js")),
-    BaseIcon: B(() => import("./BaseIcon-CTZeyzAf.js")),
-    TableSparkline: B(() => import("./vue-ui-table-sparkline-DFiJAD-I.js")),
-    Skeleton: B(() => import("./vue-ui-skeleton-C-zsFGbj.js")),
-    Accordion: B(() => import("./vue-ui-accordion-Cukacz7d.js")),
-    PackageVersion: B(() => import("./PackageVersion-DevZv-uJ.js")),
-    PenAndPaper: B(() => import("./PenAndPaper-C2sT3SZe.js"))
+    DataTable: B(() => import("./DataTable-DOdmEVBM.js")),
+    Tooltip: B(() => import("./Tooltip-nm6v9SvD.js")),
+    UserOptions: B(() => import("./UserOptions-B4olqrwb.js")),
+    BaseIcon: B(() => import("./BaseIcon-B90jg7Eo.js")),
+    TableSparkline: B(() => import("./vue-ui-table-sparkline-DxQrZBCR.js")),
+    Skeleton: B(() => import("./vue-ui-skeleton-B2N_3mr0.js")),
+    Accordion: B(() => import("./vue-ui-accordion-D-tjbzQS.js")),
+    PackageVersion: B(() => import("./PackageVersion-CJ0MHPau.js")),
+    PenAndPaper: B(() => import("./PenAndPaper-CsV9xVqP.js"))
   },
   data() {
     this.dataset.forEach((g, r) => {
@@ -1170,7 +1170,7 @@ const Ke = Q(), Qe = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-DmMK97Iz.js");
+          const { default: t } = await import("./pdf-CRNRsa97.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1193,7 +1193,7 @@ const Ke = Q(), Qe = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-BKt5vQFJ.js");
+          const { default: t } = await import("./img-BrSPXg54.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1956,14 +1956,14 @@ function Mr(t, n, o, g, r, e) {
           class: E(`serie_line_${c}`),
           style: A(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          l.smooth && l.plots.length > 1 ? (a(), i("path", {
+          l.smooth && l.plots.length > 1 && l.curve ? (a(), i("path", {
             key: 0,
             d: `M${l.curve}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, sl)) : l.plots.length > 1 ? (a(), i("path", {
+          }, null, 8, sl)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
             key: 1,
             d: `M${l.straight}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
@@ -2007,7 +2007,7 @@ function Mr(t, n, o, g, r, e) {
               }, null, 8, gl)) : u("", !0)
             ], 64))), 128))
           ])) : u("", !0),
-          l.smooth && l.plots.length > 1 ? (a(), i("path", {
+          l.smooth && l.plots.length > 1 && l.curve ? (a(), i("path", {
             key: 1,
             d: `M${l.curve}`,
             stroke: l.color,
@@ -2015,7 +2015,7 @@ function Mr(t, n, o, g, r, e) {
             "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none",
             "stroke-linecap": "round"
-          }, null, 8, fl)) : l.plots.length > 1 ? (a(), i("path", {
+          }, null, 8, fl)) : l.plots.length > 1 && l.straight ? (a(), i("path", {
             key: 2,
             d: `M${l.straight}`,
             stroke: l.color,
@@ -3036,7 +3036,7 @@ function Mr(t, n, o, g, r, e) {
     }, 8, ["config"])) : u("", !0)
   ], 46, je);
 }
-const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-df7f718b"]]);
+const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-ca56f262"]]);
 export {
   Br as default
 };

package/dist/{vue-ui-xy-canvas-7RzNplNY.js → vue-ui-xy-canvas-ClHv-Wlu.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as J, ref as d, computed as C, useSlots as _a, onMounted as ra, watch as A, nextTick as ge, shallowRef as $e, onBeforeUnmount as Ba, createElementBlock as se, openBlock as z, unref as p, normalizeClass as Va, normalizeStyle as K, createCommentVNode as U, createBlock as D, createElementVNode as ne, createSlots as Za, withCtx as b, renderSlot as x, normalizeProps as W, guardReactiveProps as X, createVNode as Ga, toDisplayString as ua, createTextVNode as ja } from "vue";
-import { u as qa, c as Ja, t as Ka, p as _, a as Qa, C as pe, b as el, D as Ie, i as Q, f as ee, d as sa, a1 as al, H as ll, ai as tl, o as ol, e as rl, x as na, q as ul, r as sl, y as nl, s as ie, l as il } from "./index-C35igoc0.js";
+import { u as qa, c as Ja, t as Ka, p as _, a as Qa, C as pe, b as el, D as Ie, i as Q, f as ee, d as sa, a1 as al, H as ll, ai as tl, o as ol, e as rl, x as na, q as ul, r as sl, y as nl, s as ie, l as il } from "./index-DXfqC_CG.js";
 import { d as vl, t as cl, u as dl, c as hl, a as ia, l as L, r as Me, b as R, p as va } from "./useResponsive-JZ9xq-JV.js";
-import { u as ca } from "./useNestedProp-DShrXp8W.js";
-import { u as yl } from "./usePrinter-QICuxVCk.js";
+import { u as ca } from "./useNestedProp-CUF1PWxQ.js";
+import { u as yl } from "./usePrinter-DGQh_spY.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as gl } from "./useChartAccessibility-9icAAmYg.js";
-import pl from "./Legend-_n08whaF.js";
-import ml from "./Title-Bkcittcw.js";
-import { S as bl } from "./Slicer-BR4waLWk.js";
+import pl from "./Legend-D7As_VVi.js";
+import ml from "./Title-Cuxd1Hw4.js";
+import { S as bl } from "./Slicer-kZ-UNW0I.js";
 import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ll = ["id"], kl = ["onClick"], Cl = {
   key: 2,
@@ -30,7 +30,7 @@ const Ll = ["id"], kl = ["onClick"], Cl = {
   },
   emits: ["selectLegend"],
   setup(Te, { expose: da, emit: ha }) {
-    const ya = J(() => import("./vue-ui-accordion-Cukacz7d.js")), fa = J(() => import("./DataTable-DbzdhEzX.js")), ga = J(() => import("./NonSvgPenAndPaper-CDcIzMfy.js")), pa = J(() => import("./vue-ui-skeleton-C-zsFGbj.js")), ma = J(() => import("./Tooltip-yS8Ztd0D.js")), ba = J(() => import("./UserOptions-CiNpxbcc.js")), { vue_ui_xy_canvas: xa } = qa(), g = Te, me = d(Ja()), ae = d(null), le = d(null), s = d(null), y = d(1), P = d(1), ve = d(!1), v = d(null), ce = d(""), Oe = d(null), $ = d([]), B = d(1), H = d(!0), V = d(!0), be = d(null), Re = d(0), Pe = d(0), de = d(!1), Ee = d(null), Fe = d(null), Ae = d(null), De = d(null), xe = d(0), Le = d(0), ke = d(0), M = d(null), Ce = C(() => !!g.dataset && g.dataset.length), La = ha, ka = _a();
+    const ya = J(() => import("./vue-ui-accordion-D-tjbzQS.js")), fa = J(() => import("./DataTable-DOdmEVBM.js")), ga = J(() => import("./NonSvgPenAndPaper-Qe1IsvyR.js")), pa = J(() => import("./vue-ui-skeleton-B2N_3mr0.js")), ma = J(() => import("./Tooltip-nm6v9SvD.js")), ba = J(() => import("./UserOptions-B4olqrwb.js")), { vue_ui_xy_canvas: xa } = qa(), g = Te, me = d(Ja()), ae = d(null), le = d(null), s = d(null), y = d(1), P = d(1), ve = d(!1), v = d(null), ce = d(""), Oe = d(null), $ = d([]), B = d(1), H = d(!0), V = d(!0), be = d(null), Re = d(0), Pe = d(0), de = d(!1), Ee = d(null), Fe = d(null), Ae = d(null), De = d(null), xe = d(0), Le = d(0), ke = d(0), M = d(null), Ce = C(() => !!g.dataset && g.dataset.length), La = ha, ka = _a();
     ra(() => {
       ka["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.13.2",
+  "version": "2.13.4",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/Slicer-BR4waLWk.js

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