vue-data-ui 2.4.5 → 2.4.7

package/dist/PenAndPaper-C-KjtyNA.js

@@ -1,308 +0,0 @@
-import { computed as _, ref as f, watch as U, openBlock as $, createElementBlock as y, normalizeStyle as M, createElementVNode as C, createVNode as F, onMounted as J, nextTick as K, onBeforeUnmount as W, Fragment as E, normalizeClass as w, createCommentVNode as V, unref as Z, withModifiers as Q, renderList as ee } from "vue";
-import { F as te, l as oe, X as ne } from "./index-C1GB0E49.js";
-import S from "./BaseIcon-D9DRVW03.js";
-import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ae = ["value"], le = { class: "icon" }, re = {
-  __name: "ColorPicker",
-  props: {
-    value: {
-      type: String,
-      default: "#ffffff"
-    },
-    size: {
-      type: String,
-      default: "50px"
-    }
-  },
-  emits: ["update:value"],
-  setup(r, { emit: z }) {
-    const i = r, d = _(() => ({
-      backgroundColor: i.value,
-      width: "100%",
-      height: "100%",
-      cursor: "pointer"
-    })), v = f(null), X = () => {
-      var p;
-      (p = v.value) == null || p.click();
-    }, b = (p) => {
-      const m = p.target.value;
-      z("update:value", m);
-    }, x = _(() => te(i.value));
-    return U(
-      () => i.value,
-      (p) => {
-        v.value.value = p;
-      }
-    ), (p, m) => ($(), y("div", {
-      style: M(d.value),
-      class: "color-picker-wrapper",
-      onClick: X
-    }, [
-      C("input", {
-        ref_key: "colorInput",
-        ref: v,
-        type: "color",
-        value: r.value,
-        class: "hidden-input",
-        onInput: b
-      }, null, 40, ae),
-      C("div", le, [
-        F(S, {
-          name: "palette",
-          stroke: x.value,
-          size: 22
-        }, null, 8, ["stroke"])
-      ])
-    ], 4));
-  }
-}, se = /* @__PURE__ */ q(re, [["__scopeId", "data-v-d3f01240"]]), ue = {
-  class: /* @__PURE__ */ w({
-    "vue-ui-pen-and-paper-action": !0
-  }),
-  style: { padding: "0 !important" }
-}, ce = ["disabled"], ie = ["xmlns", "viewBox", "onTouchstart", "onTouchmove"], de = ["d", "stroke"], pe = ["d", "stroke"], ve = {
-  __name: "PenAndPaper",
-  props: {
-    parent: {
-      type: HTMLElement
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    color: {
-      type: String,
-      default: "#2D353C"
-    },
-    active: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["close"],
-  setup(r, { emit: z }) {
-    const i = r, d = f([]), v = f([]), X = f("0 0 0 0"), b = f(i.color), x = _(() => oe(i.color, 0.6));
-    function p({ width: o, height: e }) {
-      X.value = `0 0 ${o} ${e}`;
-    }
-    const m = f(null);
-    J(() => {
-      K(() => {
-        if (i.parent) {
-          m.value = new ResizeObserver((t) => {
-            for (const s of t) {
-              const { width: a, height: n } = s.contentRect;
-              p({ width: a, height: n });
-            }
-          }), m.value.observe(i.parent);
-          const { width: o, height: e } = i.parent.getBoundingClientRect();
-          p({ width: o, height: e });
-        }
-      });
-    }), W(() => {
-      m.value && m.value.disconnect();
-    }), U(
-      () => i.parent,
-      (o) => {
-        if (!o) return;
-        const { width: e, height: t } = i.parent.getBoundingClientRect();
-        p({ width: e, height: t });
-      },
-      { immediate: !0 }
-    );
-    const P = f(!1), B = f(""), N = f(null);
-    function D(o) {
-      if (!N.value) return;
-      P.value = !0;
-      const { x: e, y: t } = Y(o);
-      B.value = `M ${e} ${t}`;
-    }
-    function I(o) {
-      if (!P.value || !N.value) return;
-      const { x: e, y: t } = Y(o);
-      B.value += ` ${e} ${t}`;
-    }
-    function A(o) {
-      const e = o.trim().split(/\s+/);
-      if (e.length < 4) return o;
-      const t = [e[0], e[1], e[2]];
-      for (let n = 3; n < e.length - 2; n += 2) {
-        const l = parseFloat(e[n - 2]), k = parseFloat(e[n - 1]), h = parseFloat(e[n]), g = parseFloat(e[n + 1]);
-        if (isNaN(l) || isNaN(k) || isNaN(h) || isNaN(g))
-          continue;
-        const u = (l + h) / 2, c = (k + g) / 2;
-        t.push(`Q ${l} ${k} ${u} ${c}`);
-      }
-      const s = e[e.length - 2], a = e[e.length - 1];
-      return t.push(`L ${s} ${a}`), t.join(" ");
-    }
-    function H(o) {
-      const e = o.trim().split(/\s+/);
-      let t = "", s = "", a = null, n = null;
-      for (let l = 0; l < e.length; l += 1) {
-        const k = e[l];
-        if (isNaN(k)) {
-          if (s = k, s === "M" || s === "L")
-            a = parseFloat(e[++l]), n = parseFloat(e[++l]), t += `${s}${a} ${n}`;
-          else if (s === "Q") {
-            const h = parseFloat(e[++l]), g = parseFloat(e[++l]), u = parseFloat(e[++l]), c = parseFloat(e[++l]);
-            h === a && g === n ? t += `t${u - a} ${c - n}` : t += `q${h - a} ${g - n} ${u - a} ${c - n}`, a = u, n = c;
-          }
-        } else {
-          const h = parseFloat(k), g = parseFloat(e[++l]);
-          if (s === "L") {
-            const u = h - a, c = g - n;
-            u === 0 ? t += `v${c}` : c === 0 ? t += `h${u}` : t += `l${u} ${c}`, a = h, n = g;
-          } else if (s === "Q") {
-            const u = h, c = g, T = parseFloat(e[++l]), R = parseFloat(e[++l]);
-            u === a && c === n ? t += `t${T - a} ${R - n}` : t += `q${u - a} ${c - n} ${T - a} ${R - n}`, a = T, n = R;
-          }
-        }
-      }
-      return t;
-    }
-    function L() {
-      P.value && (d.value.push(H(A(B.value))), v.value = [], B.value = ""), P.value = !1;
-    }
-    function Y(o) {
-      if (!N.value) return { x: 0, y: 0 };
-      const e = N.value.getBoundingClientRect();
-      let t, s;
-      return o.touches && o.touches.length ? (t = o.touches[0].clientX, s = o.touches[0].clientY) : (t = o.clientX, s = o.clientY), {
-        x: t - e.left,
-        y: s - e.top
-      };
-    }
-    f(!1);
-    function O() {
-      if (d.value.length > 0) {
-        const o = d.value.pop();
-        v.value.push(o);
-      }
-    }
-    function j() {
-      if (v.value.length > 0) {
-        const o = v.value.pop();
-        d.value.push(o);
-      }
-    }
-    function G() {
-      d.value = [], v.value = [];
-    }
-    return (o, e) => ($(), y(E, null, [
-      r.active ? ($(), y("div", {
-        key: 0,
-        "data-html2canvas-ignore": "",
-        class: w({
-          "vue-ui-pen-and-paper-actions": !0,
-          visible: r.active
-        })
-      }, [
-        C("button", {
-          class: "vue-ui-pen-and-paper-action",
-          style: M({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${x.value}`
-          }),
-          onClick: e[0] || (e[0] = (t) => z("close"))
-        }, [
-          F(S, {
-            name: "close",
-            stroke: r.color
-          }, null, 8, ["stroke"])
-        ], 4),
-        C("button", ue, [
-          F(se, {
-            value: b.value,
-            "onUpdate:value": e[1] || (e[1] = (t) => b.value = t)
-          }, null, 8, ["value"])
-        ]),
-        C("button", {
-          class: w({
-            "vue-ui-pen-and-paper-action": !0,
-            "vue-ui-pen-and-paper-action-disabled": !d.value.length
-          }),
-          disabled: !d.value.length,
-          style: M({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${x.value}`
-          }),
-          onClick: O
-        }, [
-          F(S, {
-            name: "restart",
-            stroke: r.color
-          }, null, 8, ["stroke"])
-        ], 14, ce),
-        C("button", {
-          class: w({
-            "vue-ui-pen-and-paper-action": !0,
-            "vue-ui-pen-and-paper-action-disabled": !v.value.length
-          }),
-          style: M({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${x.value}`
-          }),
-          onClick: j
-        }, [
-          F(S, {
-            name: "restart",
-            stroke: r.color,
-            style: { transform: "scaleX(-1)" }
-          }, null, 8, ["stroke"])
-        ], 6),
-        C("button", {
-          class: w([{
-            "vue-ui-pen-and-paper-action": !0,
-            "vue-ui-pen-and-paper-action-disabled": !d.value.length
-          }, "vue-ui-pen-and-paper-action"]),
-          style: M({
-            backgroundColor: r.backgroundColor,
-            border: `1px solid ${x.value}`
-          }),
-          onClick: G
-        }, [
-          F(S, {
-            name: "trash",
-            stroke: r.color
-          }, null, 8, ["stroke"])
-        ], 6)
-      ], 2)) : V("", !0),
-      ($(), y("svg", {
-        ref_key: "svgElement",
-        ref: N,
-        xmlns: Z(ne),
-        viewBox: X.value,
-        class: w({
-          "vue-ui-pen-and-paper": !0,
-          inactive: !r.active
-        }),
-        onMousedown: D,
-        onMousemove: I,
-        onMouseup: L,
-        onMouseleave: L,
-        onTouchstart: Q(D, ["prevent"]),
-        onTouchmove: Q(I, ["prevent"]),
-        onTouchend: L
-      }, [
-        ($(!0), y(E, null, ee(d.value, (t) => ($(), y("path", {
-          class: "vue-ui-pen-and-paper-path",
-          key: t,
-          d: t,
-          stroke: b.value,
-          fill: "none"
-        }, null, 8, de))), 128)),
-        P.value ? ($(), y("path", {
-          key: 0,
-          class: "vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",
-          d: B.value,
-          stroke: b.value,
-          fill: "none"
-        }, null, 8, pe)) : V("", !0)
-      ], 42, ie))
-    ], 64));
-  }
-}, ke = /* @__PURE__ */ q(ve, [["__scopeId", "data-v-896ed082"]]);
-export {
-  ke as P
-};

package/dist/PenAndPaper-DyMNuRla.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),E=require("./index-C9HllqQA.cjs"),B=require("./BaseIcon-BQM6PtJu.cjs"),_=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),D=["value"],I={class:"icon"},Y={__name:"ColorPicker",props:{value:{type:String,default:"#ffffff"},size:{type:String,default:"50px"}},emits:["update:value"],setup(s,{emit:w}){const d=s,p=e.computed(()=>({backgroundColor:d.value,width:"100%",height:"100%",cursor:"pointer"})),f=e.ref(null),N=()=>{var v;(v=f.value)==null||v.click()},$=v=>{const k=v.target.value;w("update:value",k)},y=e.computed(()=>E.adaptColorToBackground(d.value));return e.watch(()=>d.value,v=>{f.value.value=v}),(v,k)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(p.value),class:"color-picker-wrapper",onClick:N},[e.createElementVNode("input",{ref_key:"colorInput",ref:f,type:"color",value:s.value,class:"hidden-input",onInput:$},null,40,D),e.createElementVNode("div",I,[e.createVNode(B.default,{name:"palette",stroke:y.value,size:22},null,8,["stroke"])])],4))}},A=_._export_sfc(Y,[["__scopeId","data-v-d3f01240"]]),H={class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0}),style:{padding:"0 !important"}},Q=["disabled"],U=["xmlns","viewBox","onTouchstart","onTouchmove"],O=["d","stroke"],j=["d","stroke"],G={__name:"PenAndPaper",props:{parent:{type:HTMLElement},backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#2D353C"},active:{type:Boolean,default:!1}},emits:["close"],setup(s,{emit:w}){const d=s,p=e.ref([]),f=e.ref([]),N=e.ref("0 0 0 0"),$=e.ref(d.color),y=e.computed(()=>E.lightenHexColor(d.color,.6));function v({width:n,height:t}){N.value=`0 0 ${n} ${t}`}const k=e.ref(null);e.onMounted(()=>{e.nextTick(()=>{if(d.parent){k.value=new ResizeObserver(o=>{for(const c of o){const{width:a,height:l}=c.contentRect;v({width:a,height:l})}}),k.value.observe(d.parent);const{width:n,height:t}=d.parent.getBoundingClientRect();v({width:n,height:t})}})}),e.onBeforeUnmount(()=>{k.value&&k.value.disconnect()}),e.watch(()=>d.parent,n=>{if(!n)return;const{width:t,height:o}=d.parent.getBoundingClientRect();v({width:t,height:o})},{immediate:!0});const C=e.ref(!1),x=e.ref(""),b=e.ref(null);function V(n){if(!b.value)return;C.value=!0;const{x:t,y:o}=M(n);x.value=`M ${t} ${o}`}function S(n){if(!C.value||!b.value)return;const{x:t,y:o}=M(n);x.value+=` ${t} ${o}`}function L(n){const t=n.trim().split(/\s+/);if(t.length<4)return n;const o=[t[0],t[1],t[2]];for(let l=3;l<t.length-2;l+=2){const r=parseFloat(t[l-2]),g=parseFloat(t[l-1]),m=parseFloat(t[l]),h=parseFloat(t[l+1]);if(isNaN(r)||isNaN(g)||isNaN(m)||isNaN(h))continue;const u=(r+m)/2,i=(g+h)/2;o.push(`Q ${r} ${g} ${u} ${i}`)}const c=t[t.length-2],a=t[t.length-1];return o.push(`L ${c} ${a}`),o.join(" ")}function T(n){const t=n.trim().split(/\s+/);let o="",c="",a=null,l=null;for(let r=0;r<t.length;r+=1){const g=t[r];if(isNaN(g)){if(c=g,c==="M"||c==="L")a=parseFloat(t[++r]),l=parseFloat(t[++r]),o+=`${c}${a} ${l}`;else if(c==="Q"){const m=parseFloat(t[++r]),h=parseFloat(t[++r]),u=parseFloat(t[++r]),i=parseFloat(t[++r]);m===a&&h===l?o+=`t${u-a} ${i-l}`:o+=`q${m-a} ${h-l} ${u-a} ${i-l}`,a=u,l=i}}else{const m=parseFloat(g),h=parseFloat(t[++r]);if(c==="L"){const u=m-a,i=h-l;u===0?o+=`v${i}`:i===0?o+=`h${u}`:o+=`l${u} ${i}`,a=m,l=h}else if(c==="Q"){const u=m,i=h,P=parseFloat(t[++r]),z=parseFloat(t[++r]);u===a&&i===l?o+=`t${P-a} ${z-l}`:o+=`q${u-a} ${i-l} ${P-a} ${z-l}`,a=P,l=z}}}return o}function F(){C.value&&(p.value.push(T(L(x.value))),f.value=[],x.value=""),C.value=!1}function M(n){if(!b.value)return{x:0,y:0};const t=b.value.getBoundingClientRect();let o,c;return n.touches&&n.touches.length?(o=n.touches[0].clientX,c=n.touches[0].clientY):(o=n.clientX,c=n.clientY),{x:o-t.left,y:c-t.top}}e.ref(!1);function X(){if(p.value.length>0){const n=p.value.pop();f.value.push(n)}}function R(){if(f.value.length>0){const n=f.value.pop();p.value.push(n)}}function q(){p.value=[],f.value=[]}return(n,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.active?(e.openBlock(),e.createElementBlock("div",{key:0,"data-html2canvas-ignore":"",class:e.normalizeClass({"vue-ui-pen-and-paper-actions":!0,visible:s.active})},[e.createElementVNode("button",{class:"vue-ui-pen-and-paper-action",style:e.normalizeStyle({backgroundColor:s.backgroundColor,border:`1px solid ${y.value}`}),onClick:t[0]||(t[0]=o=>w("close"))},[e.createVNode(B.default,{name:"close",stroke:s.color},null,8,["stroke"])],4),e.createElementVNode("button",H,[e.createVNode(A,{value:$.value,"onUpdate:value":t[1]||(t[1]=o=>$.value=o)},null,8,["value"])]),e.createElementVNode("button",{class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!p.value.length}),disabled:!p.value.length,style:e.normalizeStyle({backgroundColor:s.backgroundColor,border:`1px solid ${y.value}`}),onClick:X},[e.createVNode(B.default,{name:"restart",stroke:s.color},null,8,["stroke"])],14,Q),e.createElementVNode("button",{class:e.normalizeClass({"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!f.value.length}),style:e.normalizeStyle({backgroundColor:s.backgroundColor,border:`1px solid ${y.value}`}),onClick:R},[e.createVNode(B.default,{name:"restart",stroke:s.color,style:{transform:"scaleX(-1)"}},null,8,["stroke"])],6),e.createElementVNode("button",{class:e.normalizeClass([{"vue-ui-pen-and-paper-action":!0,"vue-ui-pen-and-paper-action-disabled":!p.value.length},"vue-ui-pen-and-paper-action"]),style:e.normalizeStyle({backgroundColor:s.backgroundColor,border:`1px solid ${y.value}`}),onClick:q},[e.createVNode(B.default,{name:"trash",stroke:s.color},null,8,["stroke"])],6)],2)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:b,xmlns:e.unref(E.XMLNS),viewBox:N.value,class:e.normalizeClass({"vue-ui-pen-and-paper":!0,inactive:!s.active}),onMousedown:V,onMousemove:S,onMouseup:F,onMouseleave:F,onTouchstart:e.withModifiers(V,["prevent"]),onTouchmove:e.withModifiers(S,["prevent"]),onTouchend:F},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>(e.openBlock(),e.createElementBlock("path",{class:"vue-ui-pen-and-paper-path",key:o,d:o,stroke:$.value,fill:"none"},null,8,O))),128)),C.value?(e.openBlock(),e.createElementBlock("path",{key:0,class:"vue-ui-pen-and-paper-path vue-ui-pen-and-paper-path-drawing",d:x.value,stroke:$.value,fill:"none"},null,8,j)):e.createCommentVNode("",!0)],42,U))],64))}},J=_._export_sfc(G,[["__scopeId","data-v-896ed082"]]);exports.PenAndPaper=J;

package/dist/Slicer-BLkkkNUl.cjs

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