vue-data-ui 2.4.79 → 2.4.80

package/dist/Slicer-3blwRUEA.js

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

package/dist/Slicer-be7PbWkd.cjs

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