vue-data-ui 3.1.6 → 3.1.8

package/dist/{vue-ui-xy-canvas-D1Do33ar.js → vue-ui-xy-canvas-Cg3smgrp.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as ea, onMounted as dl, watch as D, nextTick as hl, shallowRef as Me, onBeforeUnmount as la, createElementBlock as de, openBlock as S, unref as p, normalizeClass as aa, normalizeStyle as le, createCommentVNode as H, createElementVNode as Y, createBlock as F, createSlots as yl, withCtx as b, renderSlot as k, normalizeProps as V, guardReactiveProps as G, createVNode as fl, Teleport as ta, toDisplayString as Oe, resolveDynamicComponent as oa, mergeProps as ua, createTextVNode as gl } from "vue";
-import { u as ra, c as sa, a as na, p as Z, b as ia, C as xe, d as va, D as Re, k as ae, i as te, e as pl, a4 as ca, G as da, ae as ha, o as ya, f as fa, y as bl, v as ga, w as pa, z as ba, s as he, l as ma } from "./index-C0wrF8hm.js";
+import { u as ra, c as sa, a as na, p as Z, b as ia, C as xe, d as va, D as Re, k as ae, i as te, e as pl, a4 as ca, G as da, ae as ha, o as ya, f as fa, y as bl, v as ga, w as pa, z as ba, s as he, l as ma } from "./index-D0aGpITF.js";
 import { d as xa, t as La, u as ka, c as Ca, a as ml, l as C, r as De, b as P, p as xl } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./useNestedProp-Bg2FlIgI.js";
-import { u as wa } from "./usePrinter-C2jvouU0.js";
+import { u as Ll } from "./useNestedProp-24j5ySor.js";
+import { u as wa } from "./usePrinter-83vS002b.js";
 import { u as Sa } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as za } from "./useChartAccessibility-9icAAmYg.js";
-import $a from "./Legend-D7l8BJ7z.js";
-import Ta from "./Title-DbQthJAs.js";
-import { S as Ia } from "./Slicer-DoGlWyq_.js";
-import Ma from "./vue-ui-accordion-3JuSLBjV.js";
+import $a from "./Legend-3CKwL5Wo.js";
+import Ta from "./Title-Bjd-1xjp.js";
+import { S as Ia } from "./Slicer-CRtDozJ_.js";
+import Ma from "./vue-ui-accordion-eylX-9G4.js";
 import { u as Oa } from "./useTimeLabels-BGFjWgrv.js";
-import Ra from "./img-DLgjML7h.js";
-import Da from "./BaseIcon-D_BjQBAR.js";
+import Ra from "./img-Dot7cGKX.js";
+import Da from "./BaseIcon-BxgIVnCu.js";
 import { _ as Fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   key: 3,
@@ -34,7 +34,7 @@ const Pa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   },
   emits: ["selectLegend"],
   setup(Fe, { expose: kl, emit: Cl }) {
-    const wl = ee(() => import("./DataTable-IycMkaTU.js")), Sl = ee(() => import("./NonSvgPenAndPaper-BK5M9Lt9.js")), zl = ee(() => import("./vue-ui-skeleton-B6Y0yxOn.js")), $l = ee(() => import("./Tooltip-DvtYLrX2.js")), Tl = ee(() => import("./UserOptions-Dd5XOrwq.js")), Il = ee(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_xy_canvas: Ml } = ra(), g = Fe, _ = c(sa()), I = c(null), oe = c(null), n = c(null), y = c(1), E = c(1), ye = c(!1), d = c(null), fe = c(""), Pe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
+    const wl = ee(() => import("./DataTable-Mt5_INYw.js")), Sl = ee(() => import("./NonSvgPenAndPaper-BG5Mp8-S.js")), zl = ee(() => import("./vue-ui-skeleton-C3SJsXcS.js")), $l = ee(() => import("./Tooltip-DBkwWUMF.js")), Tl = ee(() => import("./UserOptions-DOc0dPiT.js")), Il = ee(() => import("./BaseDraggableDialog-4cNvzMfi.js")), { vue_ui_xy_canvas: Ml } = ra(), g = Fe, _ = c(sa()), I = c(null), oe = c(null), n = c(null), y = c(1), E = c(1), ye = c(!1), d = c(null), fe = c(""), Pe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
     dl(() => {
       Rl["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": "3.1.6",
+  "version": "3.1.8",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/Slicer-DoGlWyq_.js

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