vue-data-ui 2.4.4 → 2.4.6

package/dist/PenAndPaper-BQzgk5kO.js

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

package/dist/PenAndPaper-DBSxk9Xk.cjs

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

package/dist/Slicer-NlxLkUso.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),_=require("./BaseIcon-BTn_oML7.cjs"),C=require("./useResponsive-BJ7DTGpm.cjs"),v=require("./index-CcykRspI.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;