vue-data-ui 2.4.4 → 2.4.6

package/dist/PenAndPaper-DSz98f49.js

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

package/dist/{Shape-DYNtRer6.js → Shape-CL9-IFMq.js}

@@ -1,5 +1,5 @@
 import { computed as u, openBlock as l, createElementBlock as i, createCommentVNode as a } from "vue";
-import { U as p, O as f } from "./index-DCsPHn9C.js";
+import { U as p, O as f } from "./index-49zKC_pb.js";
 const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], c = ["d", "fill", "stroke", "stroke-width"], g = ["points", "fill", "stroke", "stroke-width"], $ = {
   __name: "Shape",
   props: {

package/dist/{Shape-qK3MNdTg.cjs → Shape-CR3-qftC.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./index-CcykRspI.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],m=["d","fill","stroke","stroke-width"],v=["points","fill","stroke","stroke-width"],p={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:r}){const t=n;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const s=e.computed(()=>d(t.shape)),i=e.computed(()=>t.shape!=="star"?null:a.createStar({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1)})),k=e.computed(()=>a.createPolygonPath({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1),sides:s.value.points,rotation:s.value.rotation}).path);return(u,o)=>(e.openBlock(),e.createElementBlock("g",null,[s.value&&s.value.points===1?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:t.radius*(t.isSelected?t.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[0]||(o[0]=l=>r("mouseover")),onMouseout:o[1]||(o[1]=l=>r("mouseout")),onClick:o[2]||(o[2]=l=>r("click"))},null,40,c)):e.createCommentVNode("",!0),s.value&&s.value.points>=n.limit?(e.openBlock(),e.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[3]||(o[3]=l=>r("mouseover")),onMouseout:o[4]||(o[4]=l=>r("mouseout")),onClick:o[5]||(o[5]=l=>r("click"))},null,40,m)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:i.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[6]||(o[6]=l=>r("mouseover")),onMouseout:o[7]||(o[7]=l=>r("mouseout")),onClick:o[8]||(o[8]=l=>r("click"))},null,40,v)):e.createCommentVNode("",!0)]))}};exports._sfc_main=p;
+"use strict";const e=require("vue"),a=require("./index-BIGzKAQq.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],m=["d","fill","stroke","stroke-width"],v=["points","fill","stroke","stroke-width"],p={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:r}){const t=n;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const s=e.computed(()=>d(t.shape)),i=e.computed(()=>t.shape!=="star"?null:a.createStar({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1)})),k=e.computed(()=>a.createPolygonPath({plot:{x:t.plot.x,y:t.plot.y},radius:t.radius*(t.isSelected?t.zoom:1),sides:s.value.points,rotation:s.value.rotation}).path);return(u,o)=>(e.openBlock(),e.createElementBlock("g",null,[s.value&&s.value.points===1?(e.openBlock(),e.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:t.radius*(t.isSelected?t.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[0]||(o[0]=l=>r("mouseover")),onMouseout:o[1]||(o[1]=l=>r("mouseout")),onClick:o[2]||(o[2]=l=>r("click"))},null,40,c)):e.createCommentVNode("",!0),s.value&&s.value.points>=n.limit?(e.openBlock(),e.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[3]||(o[3]=l=>r("mouseover")),onMouseout:o[4]||(o[4]=l=>r("mouseout")),onClick:o[5]||(o[5]=l=>r("click"))},null,40,m)):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("polygon",{key:2,points:i.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:o[6]||(o[6]=l=>r("mouseover")),onMouseout:o[7]||(o[7]=l=>r("mouseout")),onClick:o[8]||(o[8]=l=>r("click"))},null,40,v)):e.createCommentVNode("",!0)]))}};exports._sfc_main=p;

package/dist/{Slicer-DFPDip5U.js → Slicer-BcsAfmLx.js}

@@ -1,9 +1,9 @@
-import { useCssVars as K, ref as f, computed as d, watch as L, onMounted as Y, openBlock as v, createElementBlock as h, createElementVNode as i, normalizeStyle as S, createVNode as ee, renderSlot as te, createCommentVNode as k, unref as le, Fragment as z, renderList as E, withDirectives as P, vModelText as R, toDisplayString as A, pushScopeId as ae, popScopeId as ie } from "vue";
-import ne from "./BaseIcon-BX3x6oa7.js";
+import { useCssVars as K, ref as f, computed as d, watch as L, onMounted as Y, openBlock as v, createElementBlock as h, createElementVNode as i, normalizeStyle as S, createVNode as ee, renderSlot as te, createCommentVNode as k, unref as le, Fragment as R, renderList as z, withDirectives as E, vModelText as P, toDisplayString as A, pushScopeId as ae, popScopeId as ie } from "vue";
+import ne from "./BaseIcon-D90GFGqy.js";
 import { t as oe, u as ue } from "./useResponsive-CoxXLe23.js";
-import { c as re, R as V, Q as B, X as se } from "./index-DCsPHn9C.js";
+import { c as re, R as V, Q as B, X as se } from "./index-49zKC_pb.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
+const O = (t) => (ae("data-v-c184b7d6"), t = t(), ie(), t), me = {
   "data-html2canvas-ignore": "",
   style: { padding: "0 24px" }
 }, ce = {
@@ -19,7 +19,7 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
 }, pe = ["xmlns", "viewBox"], fe = ["id"], ye = ["stop-color"], ge = /* @__PURE__ */ O(() => /* @__PURE__ */ i("stop", {
   offset: "100%",
   "stop-color": "transparent"
-}, null, -1)), xe = ["d", "stroke"], be = ["x", "width", "height", "fill", "rx"], Se = ["d", "fill"], ke = ["x", "width", "height", "fill"], Ce = ["x", "width", "height", "fill"], we = ["d", "fill"], Ne = ["d", "stroke"], $e = ["cx", "cy", "stroke", "fill"], Le = ["cx", "cy", "stroke", "fill"], Me = ["x1", "x2", "y2", "stroke"], Ie = ["x", "height", "width", "onMouseenter"], Fe = /* @__PURE__ */ O(() => /* @__PURE__ */ i("div", { class: "slider-track" }, null, -1)), ze = ["min", "max"], Ee = ["min", "max"], Pe = {
+}, null, -1)), xe = ["d", "stroke"], be = ["x", "width", "height", "fill", "rx"], Se = ["d", "fill"], ke = ["x", "width", "height", "rx", "fill"], Ce = ["x", "width", "height", "fill", "rx"], we = ["d", "fill"], Ne = ["d", "stroke"], $e = ["cx", "cy", "stroke", "fill"], Le = ["cx", "cy", "stroke", "fill"], Me = ["x1", "x2", "y2", "stroke"], Ie = ["x", "height", "width", "onMouseenter"], Fe = /* @__PURE__ */ O(() => /* @__PURE__ */ i("div", { class: "slider-track" }, null, -1)), Re = ["min", "max"], ze = ["min", "max"], Ee = {
   __name: "Slicer",
   props: {
     background: {
@@ -108,46 +108,46 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
     }
   },
   emits: ["update:start", "update:end", "reset", "trapMouse"],
-  setup(l, { emit: y }) {
-    const e = l;
-    K((t) => ({
-      e0176a96: D.value,
-      "27e9d329": x.value,
-      "22b19dda": U.value,
-      "081f1459": l.selectColor,
-      "12e0ab32": T.value
+  setup(t, { emit: y }) {
+    const e = t;
+    K((l) => ({
+      "74ec9808": T.value,
+      "5d7f3c70": x.value,
+      "2eaeb5e1": W.value,
+      "3db47da0": t.selectColor,
+      "2531182e": U.value
     }));
-    const u = f(e.min), r = f(e.max), g = d(() => !!e.minimap.length), C = f(re()), _ = d(() => {
-      const t = e.max - e.min, n = (u.value - e.min) / t * 100, o = (r.value - e.min) / t * 100;
+    const u = f(e.min), r = f(e.max), g = d(() => !!e.minimap.length), C = f(re()), D = d(() => {
+      const l = e.max - e.min, n = (u.value - e.min) / l * 100, o = (r.value - e.min) / l * 100;
       return {
         left: `${n}%`,
         width: `${o - n}%`,
         background: e.selectColor
       };
-    }), D = d(() => e.inputColor), T = d(() => e.background), U = d(() => `${e.selectColor}33`), x = d(() => e.borderColor), M = d(() => {
-      let t = [];
+    }), T = d(() => e.inputColor), U = d(() => e.background), W = d(() => `${e.selectColor}33`), x = d(() => e.borderColor), M = d(() => {
+      let l = [];
       for (let n = 0; n < e.minimap.length; n += 1)
-        t.push(n);
-      return t;
+        l.push(n);
+      return l;
     });
     function I() {
       y("reset");
     }
-    function W() {
+    function X() {
       Number(u.value) > Number(r.value) - 1 && (u.value = Number(r.value) - 1), y("update:start", Number(u.value));
     }
-    function X() {
+    function j() {
       Number(r.value) < Number(u.value) + 1 && (r.value = Number(u.value) + 1), y("update:end", Number(r.value));
     }
     L(
       () => e.min,
-      (t) => {
-        Number(u.value) < Number(t) && (u.value = Number(t)), Number(r.value) < Number(t) && (r.value = Number(t));
+      (l) => {
+        Number(u.value) < Number(l) && (u.value = Number(l)), Number(r.value) < Number(l) && (r.value = Number(l));
       }
     ), L(
       () => e.max,
-      (t) => {
-        Number(u.value) > Number(t) && (u.value = Number(t)), Number(r.value) > Number(t) && (r.value = Number(t));
+      (l) => {
+        Number(u.value) > Number(l) && (u.value = Number(l)), Number(r.value) > Number(l) && (r.value = Number(l));
       }
     );
     const w = f(null), a = f({
@@ -156,27 +156,27 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
     }), F = f(null);
     Y(() => {
       if (g.value) {
-        const t = oe(() => {
+        const l = oe(() => {
           const { width: n, height: o } = ue({
             chart: w.value
           });
           a.value.width = n, a.value.height = o - 47;
         });
-        F.value = new ResizeObserver(t), F.value.observe(w.value);
+        F.value = new ResizeObserver(l), F.value.observe(w.value);
       }
     });
     const s = d(() => e.minimap.length ? a.value.width / e.minimap.length : 0), m = d(() => {
       if (!e.minimap.length) return [];
-      const t = Math.max(...e.minimap), n = Math.min(...e.minimap) - 10, o = t - (n > 0 ? 0 : n), c = e.minimap.map((Q, H) => {
-        const J = Q - n;
+      const l = Math.max(...e.minimap), n = Math.min(...e.minimap) - 10, o = l - (n > 0 ? 0 : n), c = e.minimap.map((_, H) => {
+        const J = _ - n;
         return {
           x: a.value.width / e.minimap.length * H + s.value / 2,
           y: a.value.height - J / o * (a.value.height * 0.9)
         };
-      }), N = e.smoothMinimap ? V(c) : B(c), $ = [...c].slice(e.valueStart, e.valueEnd), G = e.smoothMinimap ? V($) : B($);
+      }), N = e.smoothMinimap ? V(c) : B(c), $ = [...c].slice(e.valueStart, e.valueEnd), Q = e.smoothMinimap ? V($) : B($);
       return {
         fullSet: N,
-        selectionSet: G,
+        selectionSet: Q,
         sliced: $,
         firstPlot: c[e.valueStart],
         lastPlot: c[e.valueEnd - 1]
@@ -184,13 +184,13 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
     }), p = d(() => ({
       x: s.value * u.value + s.value / 2,
       width: a.value.width * ((r.value - u.value) / e.max) - s.value
-    })), j = d(() => ({
+    })), Z = d(() => ({
       left: 0,
       color: e.textColor,
       fontSize: `${e.fontSize}px`,
       top: g.value ? "28px" : "-28px",
       pointerEvents: "none"
-    })), Z = d(() => ({
+    })), q = d(() => ({
       right: 0,
       color: e.textColor,
       fontSize: `${e.fontSize}px`,
@@ -198,16 +198,16 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
       direction: "rtl",
       pointerEvents: "none"
     })), b = f(e.minimapSelectedIndex);
-    L(() => e.minimapSelectedIndex, (t) => {
-      b.value = t + e.valueStart;
+    L(() => e.minimapSelectedIndex, (l) => {
+      b.value = l + e.valueStart;
     }, { immediate: !0 });
-    function q(t) {
-      b.value = t, t >= e.valueStart && t < e.valueEnd && y("trapMouse", t - e.valueStart);
+    function G(l) {
+      b.value = l, l >= e.valueStart && l < e.valueEnd && y("trapMouse", l - e.valueStart);
     }
-    return (t, n) => (v(), h("div", me, [
+    return (l, n) => (v(), h("div", me, [
       i("div", ce, [
-        l.valueStart > 0 || l.valueEnd < l.max ? (v(), h("div", ve, [
-          l.useResetSlot ? te(t.$slots, "reset-action", {
+        t.valueStart > 0 || t.valueEnd < t.max ? (v(), h("div", ve, [
+          t.useResetSlot ? te(l.$slots, "reset-action", {
             key: 1,
             reset: I
           }, void 0, !0) : (v(), h("button", {
@@ -224,7 +224,7 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
           }, [
             ee(ne, {
               name: "refresh",
-              stroke: l.textColor
+              stroke: t.textColor
             }, null, 8, ["stroke"])
           ], 4))
         ])) : k("", !0)
@@ -250,14 +250,14 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
               }, [
                 i("stop", {
                   offset: "0%",
-                  "stop-color": `${l.minimapLineColor}50`
+                  "stop-color": `${t.minimapLineColor}50`
                 }, null, 8, ye),
                 ge
               ], 8, fe)
             ]),
             i("path", {
               d: `M${m.value.fullSet}`,
-              stroke: `${l.minimapLineColor}`,
+              stroke: `${t.minimapLineColor}`,
               fill: "none",
               "stroke-width": "1",
               "stroke-linecap": "round",
@@ -270,7 +270,7 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
               height: a.value.height,
               y: 0,
               fill: x.value,
-              rx: l.minimapSelectionRadius,
+              rx: t.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, be),
             i("path", {
@@ -284,6 +284,7 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
               width: p.value.width < 0 ? 0 : p.value.width,
               height: a.value.height,
               y: 0,
+              rx: t.minimapSelectionRadius,
               fill: x.value
             }, null, 8, ke),
             i("rect", {
@@ -291,9 +292,10 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
               width: p.value.width < 0 ? 0 : p.value.width,
               height: a.value.height,
               y: 0,
-              fill: l.minimapSelectedColor,
+              fill: t.minimapSelectedColor,
+              rx: t.minimapSelectionRadius,
               style: S({
-                opacity: l.minimapSelectedColorOpacity
+                opacity: t.minimapSelectedColorOpacity
               })
             }, null, 12, Ce),
             i("path", {
@@ -304,7 +306,7 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
             }, null, 8, we),
             i("path", {
               d: `M ${m.value.selectionSet}`,
-              stroke: `${l.minimapLineColor}`,
+              stroke: `${t.minimapLineColor}`,
               fill: "transparent",
               "stroke-width": "2",
               "stroke-linecap": "round",
@@ -316,7 +318,7 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
               "stroke-width": "0.5",
               stroke: x.value,
               r: "3",
-              fill: l.minimapLineColor
+              fill: t.minimapLineColor
             }, null, 8, $e),
             i("circle", {
               cx: m.value.lastPlot.x,
@@ -324,29 +326,29 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
               "stroke-width": "0.5",
               stroke: x.value,
               r: "3",
-              fill: l.minimapLineColor
+              fill: t.minimapLineColor
             }, null, 8, Le),
-            b.value !== null ? (v(!0), h(z, { key: 0 }, E(M.value, (o, c) => (v(), h("g", null, [
-              b.value === o && o >= l.valueStart && o < l.valueEnd ? (v(), h("line", {
+            b.value !== null ? (v(!0), h(R, { key: 0 }, z(M.value, (o, c) => (v(), h("g", null, [
+              b.value === o && o >= t.valueStart && o < t.valueEnd ? (v(), h("line", {
                 key: 0,
                 x1: s.value * c + s.value / 2,
                 x2: s.value * c + s.value / 2,
                 y1: 0,
                 y2: a.value.height,
-                stroke: l.minimapIndicatorColor,
+                stroke: t.minimapIndicatorColor,
                 "stroke-linecap": "round",
                 "stroke-dasharray": "2",
                 "stroke-width": "1"
               }, null, 8, Me)) : k("", !0)
             ]))), 256)) : k("", !0),
-            (v(!0), h(z, null, E(M.value, (o, c) => (v(), h("rect", {
+            (v(!0), h(R, null, z(M.value, (o, c) => (v(), h("rect", {
               x: s.value * c,
               y: 0,
               height: a.value.height,
               width: s.value,
               fill: "transparent",
               style: { "pointer-events": "all !important" },
-              onMouseenter: (N) => q(o),
+              onMouseenter: (N) => G(o),
               onMouseleave: n[0] || (n[0] = (N) => {
                 b.value = null, y("trapMouse", null);
               })
@@ -356,40 +358,40 @@ const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
         Fe,
         i("div", {
           class: "range-highlight",
-          style: S(_.value)
+          style: S(D.value)
         }, null, 4),
-        P(i("input", {
+        E(i("input", {
           type: "range",
           class: "range-left",
-          min: l.min,
-          max: l.max,
+          min: t.min,
+          max: t.max,
           "onUpdate:modelValue": n[1] || (n[1] = (o) => u.value = o),
-          onInput: W
-        }, null, 40, ze), [
-          [R, u.value]
+          onInput: X
+        }, null, 40, Re), [
+          [P, u.value]
         ]),
         i("div", {
           class: "thumb-label thumb-label-left",
-          style: S(j.value)
-        }, A(l.labelLeft), 5),
-        P(i("input", {
+          style: S(Z.value)
+        }, A(t.labelLeft), 5),
+        E(i("input", {
           type: "range",
           class: "range-right",
-          min: l.min,
-          max: l.max,
+          min: t.min,
+          max: t.max,
           "onUpdate:modelValue": n[2] || (n[2] = (o) => r.value = o),
-          onInput: X
-        }, null, 40, Ee), [
-          [R, r.value]
+          onInput: j
+        }, null, 40, ze), [
+          [P, r.value]
         ]),
         i("div", {
           class: "thumb-label thumb-label-right",
-          style: S(Z.value)
-        }, A(l.labelRight), 5)
+          style: S(q.value)
+        }, A(t.labelRight), 5)
       ], 512)
     ]));
   }
-}, _e = /* @__PURE__ */ de(Pe, [["__scopeId", "data-v-54291cff"]]);
+}, De = /* @__PURE__ */ de(Ee, [["__scopeId", "data-v-c184b7d6"]]);
 export {
-  _e as S
+  De as S
 };