vue-data-ui 2.3.87 → 2.3.89

package/dist/{Slicer-CXK3XM-z.js → Slicer-DI1kgq9D.js}

@@ -1,9 +1,9 @@
-import { useCssVars as K, ref as h, computed as d, watch as w, onMounted as Y, openBlock as c, createElementBlock as v, createElementVNode as n, normalizeStyle as b, createVNode as ee, renderSlot as te, createCommentVNode as k, unref as le, Fragment as P, renderList as z, withDirectives as E, vModelText as A, toDisplayString as R, pushScopeId as ae, popScopeId as ie } from "vue";
-import ne from "./BaseIcon-D2n64yMC.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 P, renderList as z, withDirectives as E, vModelText as A, toDisplayString as R, pushScopeId as ae, popScopeId as ie } from "vue";
+import ne from "./BaseIcon-Dj8EbAXm.js";
 import { t as oe, u as ue } from "./useResponsive-NZB-WLRF.js";
-import { c as re, Q as V, P as B, X as se } from "./index-CP7GYbDW.js";
+import { c as re, Q as V, P as B, X as se } from "./index-Ca4RHJ4t.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const O = (l) => (ae("data-v-1029266f"), l = l(), ie(), l), me = {
+const O = (l) => (ae("data-v-54291cff"), l = l(), ie(), l), me = {
   "data-html2canvas-ignore": "",
   style: { padding: "0 24px" }
 }, ce = {
@@ -16,10 +16,10 @@ const O = (l) => (ae("data-v-1029266f"), l = l(), ie(), l), me = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, pe = ["xmlns", "viewBox"], fe = ["id"], ye = ["stop-color"], ge = /* @__PURE__ */ O(() => /* @__PURE__ */ n("stop", {
+}, 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 = ["cx", "cy", "stroke", "fill"], Ne = ["cx", "cy", "stroke", "fill"], we = ["x1", "x2", "y2", "stroke"], $e = ["x", "height", "width", "onMouseenter"], Ie = /* @__PURE__ */ O(() => /* @__PURE__ */ n("div", { class: "slider-track" }, null, -1)), Fe = ["min", "max"], Le = ["min", "max"], Me = {
+}, 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)), Pe = ["min", "max"], ze = ["min", "max"], Ee = {
   __name: "Slicer",
   props: {
     background: {
@@ -111,115 +111,116 @@ const O = (l) => (ae("data-v-1029266f"), l = l(), ie(), l), me = {
   setup(l, { emit: y }) {
     const e = l;
     K((t) => ({
-      "3450fc53": T.value,
-      "6772f672": S.value,
-      "31c3be10": W.value,
-      a7087412: l.selectColor,
-      "584345f6": U.value
+      e0176a96: D.value,
+      "27e9d329": x.value,
+      "22b19dda": U.value,
+      "081f1459": l.selectColor,
+      "12e0ab32": T.value
     }));
-    const u = h(e.min), r = h(e.max), g = d(() => !!e.minimap.length), $ = h(re()), D = d(() => {
-      const t = e.max - e.min, a = (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(() => {
+      const t = e.max - e.min, n = (u.value - e.min) / t * 100, o = (r.value - e.min) / t * 100;
       return {
-        left: `${a}%`,
-        width: `${o - a}%`,
+        left: `${n}%`,
+        width: `${o - n}%`,
         background: e.selectColor
       };
-    }), T = d(() => e.inputColor), U = d(() => e.background), W = d(() => `${e.selectColor}33`), S = d(() => e.borderColor), I = d(() => {
+    }), D = d(() => e.inputColor), T = d(() => e.background), U = d(() => `${e.selectColor}33`), x = d(() => e.borderColor), M = d(() => {
       let t = [];
-      for (let a = 0; a < e.minimap.length; a += 1)
-        t.push(a);
+      for (let n = 0; n < e.minimap.length; n += 1)
+        t.push(n);
       return t;
     });
-    function F() {
+    function I() {
       y("reset");
     }
-    function X() {
+    function W() {
       Number(u.value) > Number(r.value) - 1 && (u.value = Number(r.value) - 1), y("update:start", Number(u.value));
     }
-    function j() {
+    function X() {
       Number(r.value) < Number(u.value) + 1 && (r.value = Number(u.value) + 1), y("update:end", Number(r.value));
     }
-    w(
+    L(
       () => e.min,
       (t) => {
         Number(u.value) < Number(t) && (u.value = Number(t)), Number(r.value) < Number(t) && (r.value = Number(t));
       }
-    ), w(
+    ), L(
       () => e.max,
       (t) => {
         Number(u.value) > Number(t) && (u.value = Number(t)), Number(r.value) > Number(t) && (r.value = Number(t));
       }
     );
-    const C = h(null), i = h({
+    const w = f(null), a = f({
       width: 1,
       height: 1
-    }), L = h(null);
+    }), F = f(null);
     Y(() => {
       if (g.value) {
         const t = oe(() => {
-          const { width: a, height: o } = ue({
-            chart: C.value
+          const { width: n, height: o } = ue({
+            chart: w.value
           });
-          i.value.width = a, i.value.height = o - 47;
+          a.value.width = n, a.value.height = o - 47;
         });
-        L.value = new ResizeObserver(t), L.value.observe(C.value);
+        F.value = new ResizeObserver(t), F.value.observe(w.value);
       }
     });
-    const s = d(() => e.minimap.length ? i.value.width / e.minimap.length : 0), p = d(() => {
+    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), a = Math.min(...e.minimap) - 10, o = t - (a > 0 ? 0 : a), m = e.minimap.map((_, H) => {
-        const J = _ - a;
+      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;
         return {
-          x: i.value.width / e.minimap.length * H + s.value / 2,
-          y: i.value.height - J / o * (i.value.height * 0.9)
+          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(m) : B(m), M = [...m].slice(e.valueStart, e.valueEnd), Z = e.smoothMinimap ? V(M) : B(M);
+      }), N = e.smoothMinimap ? V(c) : B(c), $ = [...c].slice(e.valueStart, e.valueEnd), G = e.smoothMinimap ? V($) : B($);
       return {
         fullSet: N,
-        selectionSet: Z,
-        firstPlot: m[e.valueStart],
-        lastPlot: m[e.valueEnd - 1]
+        selectionSet: G,
+        sliced: $,
+        firstPlot: c[e.valueStart],
+        lastPlot: c[e.valueEnd - 1]
       };
-    }), f = d(() => ({
+    }), p = d(() => ({
       x: s.value * u.value + s.value / 2,
-      width: i.value.width * ((r.value - u.value) / e.max) - s.value
-    })), q = d(() => ({
+      width: a.value.width * ((r.value - u.value) / e.max) - s.value
+    })), j = d(() => ({
       left: 0,
       color: e.textColor,
       fontSize: `${e.fontSize}px`,
       top: g.value ? "28px" : "-28px",
       pointerEvents: "none"
-    })), G = d(() => ({
+    })), Z = d(() => ({
       right: 0,
       color: e.textColor,
       fontSize: `${e.fontSize}px`,
       top: g.value ? "28px" : "-28px",
       direction: "rtl",
       pointerEvents: "none"
-    })), x = h(e.minimapSelectedIndex);
-    w(() => e.minimapSelectedIndex, (t) => {
-      x.value = t + e.valueStart;
+    })), b = f(e.minimapSelectedIndex);
+    L(() => e.minimapSelectedIndex, (t) => {
+      b.value = t + e.valueStart;
     }, { immediate: !0 });
-    function Q(t) {
-      x.value = t, t >= e.valueStart && t < e.valueEnd && y("trapMouse", t - e.valueStart);
+    function q(t) {
+      b.value = t, t >= e.valueStart && t < e.valueEnd && y("trapMouse", t - e.valueStart);
     }
-    return (t, a) => (c(), v("div", me, [
-      n("div", ce, [
-        l.valueStart > 0 || l.valueEnd < l.max ? (c(), v("div", ve, [
+    return (t, 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", {
             key: 1,
-            reset: F
-          }, void 0, !0) : (c(), v("button", {
+            reset: I
+          }, void 0, !0) : (v(), h("button", {
             key: 0,
             "data-cy-reset": "",
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: b({
+            style: S({
               top: g.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
-            onClick: F
+            onClick: I
           }, [
             ee(ne, {
               name: "refresh",
@@ -228,34 +229,34 @@ const O = (l) => (ae("data-v-1029266f"), l = l(), ie(), l), me = {
           ], 4))
         ])) : k("", !0)
       ]),
-      n("div", {
+      i("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
-        ref: C,
+        ref: w,
         style: { "z-index": "0" }
       }, [
-        g.value ? (c(), v("div", he, [
-          (c(), v("svg", {
+        g.value ? (v(), h("div", he, [
+          (v(), h("svg", {
             xmlns: le(se),
-            viewBox: `0 0 ${i.value.width < 0 ? 0 : i.value.width} ${i.value.height < 0 ? 0 : i.value.height}`
+            viewBox: `0 0 ${a.value.width < 0 ? 0 : a.value.width} ${a.value.height < 0 ? 0 : a.value.height}`
           }, [
-            n("defs", null, [
-              n("linearGradient", {
-                id: $.value,
+            i("defs", null, [
+              i("linearGradient", {
+                id: C.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
                 y2: "100%"
               }, [
-                n("stop", {
+                i("stop", {
                   offset: "0%",
                   "stop-color": `${l.minimapLineColor}50`
                 }, null, 8, ye),
                 ge
               ], 8, fe)
             ]),
-            n("path", {
-              d: `M${p.value.fullSet}`,
+            i("path", {
+              d: `M${m.value.fullSet}`,
               stroke: `${l.minimapLineColor}`,
               fill: "none",
               "stroke-width": "1",
@@ -263,111 +264,132 @@ const O = (l) => (ae("data-v-1029266f"), l = l(), ie(), l), me = {
               "stroke-linejoin": "round",
               style: { opacity: "1" }
             }, null, 8, xe),
-            n("rect", {
-              x: f.value.x,
-              width: f.value.width < 0 ? 0 : f.value.width,
-              height: i.value.height,
+            i("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: a.value.height,
               y: 0,
-              fill: S.value,
+              fill: x.value,
               rx: l.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, be),
-            n("path", {
-              d: `M${s.value / 2},${i.value.height} ${p.value.fullSet} L${i.value.width - s.value / 2},${i.value.height}Z`,
-              fill: `url(#${$.value})`,
+            i("path", {
+              d: `M${s.value / 2},${a.value.height} ${m.value.fullSet} L${a.value.width - s.value / 2},${a.value.height}Z`,
+              fill: `url(#${C.value})`,
               stroke: "none",
               style: { opacity: "1" }
             }, null, 8, Se),
-            n("rect", {
-              x: f.value.x,
-              width: f.value.width < 0 ? 0 : f.value.width,
-              height: i.value.height,
+            i("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: a.value.height,
+              y: 0,
+              fill: x.value
+            }, null, 8, ke),
+            i("rect", {
+              x: p.value.x,
+              width: p.value.width < 0 ? 0 : p.value.width,
+              height: a.value.height,
               y: 0,
               fill: l.minimapSelectedColor,
-              style: b({
+              style: S({
                 opacity: l.minimapSelectedColorOpacity
               })
-            }, null, 12, ke),
-            n("circle", {
-              cx: p.value.firstPlot.x,
-              cy: p.value.firstPlot.y,
+            }, null, 12, Ce),
+            i("path", {
+              d: `M${m.value.sliced[0].x},${a.value.height} ${m.value.selectionSet} L${m.value.sliced.at(-1).x},${a.value.height}Z`,
+              fill: `url(#${C.value})`,
+              stroke: "none",
+              style: { opacity: "1" }
+            }, null, 8, we),
+            i("path", {
+              d: `M ${m.value.selectionSet}`,
+              stroke: `${l.minimapLineColor}`,
+              fill: "transparent",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, Ne),
+            i("circle", {
+              cx: m.value.firstPlot.x,
+              cy: m.value.firstPlot.y,
               "stroke-width": "0.5",
-              stroke: S.value,
+              stroke: x.value,
               r: "3",
               fill: l.minimapLineColor
-            }, null, 8, Ce),
-            n("circle", {
-              cx: p.value.lastPlot.x,
-              cy: p.value.lastPlot.y,
+            }, null, 8, $e),
+            i("circle", {
+              cx: m.value.lastPlot.x,
+              cy: m.value.lastPlot.y,
               "stroke-width": "0.5",
-              stroke: S.value,
+              stroke: x.value,
               r: "3",
               fill: l.minimapLineColor
-            }, null, 8, Ne),
-            x.value !== null ? (c(!0), v(P, { key: 0 }, z(I.value, (o, m) => (c(), v("g", null, [
-              x.value === o && o >= l.valueStart && o < l.valueEnd ? (c(), v("line", {
+            }, null, 8, Le),
+            b.value !== null ? (v(!0), h(P, { key: 0 }, z(M.value, (o, c) => (v(), h("g", null, [
+              b.value === o && o >= l.valueStart && o < l.valueEnd ? (v(), h("line", {
                 key: 0,
-                x1: s.value * m + s.value / 2,
-                x2: s.value * m + s.value / 2,
+                x1: s.value * c + s.value / 2,
+                x2: s.value * c + s.value / 2,
                 y1: 0,
-                y2: i.value.height,
+                y2: a.value.height,
                 stroke: l.minimapIndicatorColor,
                 "stroke-linecap": "round",
                 "stroke-dasharray": "2",
                 "stroke-width": "1"
-              }, null, 8, we)) : k("", !0)
+              }, null, 8, Me)) : k("", !0)
             ]))), 256)) : k("", !0),
-            (c(!0), v(P, null, z(I.value, (o, m) => (c(), v("rect", {
-              x: s.value * m,
+            (v(!0), h(P, null, z(M.value, (o, c) => (v(), h("rect", {
+              x: s.value * c,
               y: 0,
-              height: i.value.height,
+              height: a.value.height,
               width: s.value,
               fill: "transparent",
               style: { "pointer-events": "all !important" },
-              onMouseenter: (N) => Q(o),
-              onMouseleave: a[0] || (a[0] = (N) => {
-                x.value = null, y("trapMouse", null);
+              onMouseenter: (N) => q(o),
+              onMouseleave: n[0] || (n[0] = (N) => {
+                b.value = null, y("trapMouse", null);
               })
-            }, null, 40, $e))), 256))
+            }, null, 40, Ie))), 256))
           ], 8, pe))
         ])) : k("", !0),
-        Ie,
-        n("div", {
+        Fe,
+        i("div", {
           class: "range-highlight",
-          style: b(D.value)
+          style: S(_.value)
         }, null, 4),
-        E(n("input", {
+        E(i("input", {
           type: "range",
           class: "range-left",
           min: l.min,
           max: l.max,
-          "onUpdate:modelValue": a[1] || (a[1] = (o) => u.value = o),
-          onInput: X
-        }, null, 40, Fe), [
+          "onUpdate:modelValue": n[1] || (n[1] = (o) => u.value = o),
+          onInput: W
+        }, null, 40, Pe), [
           [A, u.value]
         ]),
-        n("div", {
+        i("div", {
           class: "thumb-label thumb-label-left",
-          style: b(q.value)
+          style: S(j.value)
         }, R(l.labelLeft), 5),
-        E(n("input", {
+        E(i("input", {
           type: "range",
           class: "range-right",
           min: l.min,
           max: l.max,
-          "onUpdate:modelValue": a[2] || (a[2] = (o) => r.value = o),
-          onInput: j
-        }, null, 40, Le), [
+          "onUpdate:modelValue": n[2] || (n[2] = (o) => r.value = o),
+          onInput: X
+        }, null, 40, ze), [
           [A, r.value]
         ]),
-        n("div", {
+        i("div", {
           class: "thumb-label thumb-label-right",
-          style: b(G.value)
+          style: S(Z.value)
         }, R(l.labelRight), 5)
       ], 512)
     ]));
   }
-}, Ve = /* @__PURE__ */ de(Me, [["__scopeId", "data-v-1029266f"]]);
+}, _e = /* @__PURE__ */ de(Ee, [["__scopeId", "data-v-54291cff"]]);
 export {
-  Ve as S
+  _e as S
 };

package/dist/Slicer-DV29nclP.cjs

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

package/dist/{Title-DbAaPd9q.cjs → Title-DYwo_Q5b.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),r=require("./useNestedProp-CgUQgTyB.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}}},setup(i){const n=i,e=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).title.color};font-size:${t.unref(e).title.fontSize}px;font-weight:${t.unref(e).title.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).title.text),5),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:0,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).subtitle.text),5)):t.createCommentVNode("",!0),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:1,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},[t.renderSlot(l.$slots,"default")],4)):t.createCommentVNode("",!0)],64))}};exports._sfc_main=o;
+"use strict";const t=require("vue"),r=require("./useNestedProp-BFnXnY0k.cjs"),o={__name:"Title",props:{config:{type:Object,default(){return{}}}},setup(i){const n=i,e=r.useNestedProp({userConfig:n.config,defaultConfig:{title:{cy:"",text:"",color:"",fontSize:20,bold:!0,textAlign:"center",paddingLeft:0,paddingRight:0},subtitle:{cy:"",text:"",color:"",fontSize:14,bold:!1}}});return(l,d)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).title.color};font-size:${t.unref(e).title.fontSize}px;font-weight:${t.unref(e).title.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).title.text),5),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:0,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},t.toDisplayString(t.unref(e).subtitle.text),5)):t.createCommentVNode("",!0),t.unref(e).subtitle.text?(t.openBlock(),t.createElementBlock("div",{key:1,style:t.normalizeStyle(`width: calc(100% - ${t.unref(e).title.paddingLeft+t.unref(e).title.paddingRight}px); text-align:${t.unref(e).title.textAlign};color:${t.unref(e).subtitle.color};font-size:${t.unref(e).subtitle.fontSize}px;font-weight:${t.unref(e).subtitle.bold?"bold":""};padding-left:${t.unref(e).title.paddingLeft}px;padding-right:${t.unref(e).title.paddingRight}px;`)},[t.renderSlot(l.$slots,"default")],4)):t.createCommentVNode("",!0)],64))}};exports._sfc_main=o;

package/dist/{Title-BITuZ5CT.js → Title-fAvrqioZ.js}

@@ -1,5 +1,5 @@
 import { openBlock as i, createElementBlock as l, Fragment as a, createElementVNode as r, normalizeStyle as d, unref as e, toDisplayString as n, createCommentVNode as o, renderSlot as f } from "vue";
-import { u as s } from "./useNestedProp-Dfz8QNDn.js";
+import { u as s } from "./useNestedProp-vP7uimPz.js";
 const b = {
   __name: "Title",
   props: {

package/dist/{Tooltip-LE8exuMN.cjs → Tooltip-03RvVGln.cjs}

@@ -1 +1 @@
-"use strict";const o=require("vue"),v=require("./index-U4mCr8P0.cjs");function p({tooltip:e,chart:r,clientPosition:t,positionPreference:a="center",defaultOffsetY:d=24}){const u=o.ref(0),l=o.ref(d);if(e&&r){const{width:n,height:f}=e.getBoundingClientRect(),{right:i,left:s,bottom:m}=r.getBoundingClientRect();a==="center"&&(t.x+n/2>i?u.value=-n+(i-t.x):t.x-n/2<s?u.value=-n+(n-(t.x-s)):u.value=-n/2),a==="right"&&(t.x+n>i?u.value=-n+(i-t.x):u.value=0),a==="left"&&(t.x<s+n?u.value=-n+(n-(t.x-s)):u.value=-n),t.y+f>m&&(l.value=-f-d)}return{top:t.y+l.value,left:t.x+u.value}}function y(e,r,t){o.onMounted(()=>e.addEventListener(r,t)),o.onUnmounted(()=>e.removeEventListener(r,t))}function c(){const e=o.ref(0),r=o.ref(0);return y(window,"mousemove",t=>{e.value=t.clientX,r.value=t.clientY}),{x:e,y:r}}const b=["innerHTML"],g={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24}},setup(e){const r=e,t=o.ref(null),a=o.ref(c()),d=o.computed(()=>p({tooltip:t.value,chart:r.parent,clientPosition:a.value,positionPreference:r.position,defaultOffsetY:r.offsetY})),u=o.computed(()=>v.setOpacity(r.backgroundColor,r.backgroundOpacity));return(l,n)=>e.show?(o.openBlock(),o.createElementBlock("div",{key:0,ref_key:"tooltip",ref:t,class:o.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:o.normalizeStyle(`pointer-events:none;top:${d.value.top}px;left:${d.value.left}px;${e.isCustom?"":`background:${u.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};`)},[o.renderSlot(l.$slots,"tooltip-before"),o.renderSlot(l.$slots,"default"),o.createElementVNode("div",{innerHTML:e.content},null,8,b),o.renderSlot(l.$slots,"tooltip-after")],6)):o.createCommentVNode("",!0)}};exports._sfc_main=g;exports.useMouse=c;
+"use strict";const o=require("vue"),v=require("./index-BKTciLz4.cjs");function p({tooltip:e,chart:r,clientPosition:t,positionPreference:a="center",defaultOffsetY:d=24}){const u=o.ref(0),l=o.ref(d);if(e&&r){const{width:n,height:f}=e.getBoundingClientRect(),{right:i,left:s,bottom:m}=r.getBoundingClientRect();a==="center"&&(t.x+n/2>i?u.value=-n+(i-t.x):t.x-n/2<s?u.value=-n+(n-(t.x-s)):u.value=-n/2),a==="right"&&(t.x+n>i?u.value=-n+(i-t.x):u.value=0),a==="left"&&(t.x<s+n?u.value=-n+(n-(t.x-s)):u.value=-n),t.y+f>m&&(l.value=-f-d)}return{top:t.y+l.value,left:t.x+u.value}}function y(e,r,t){o.onMounted(()=>e.addEventListener(r,t)),o.onUnmounted(()=>e.removeEventListener(r,t))}function c(){const e=o.ref(0),r=o.ref(0);return y(window,"mousemove",t=>{e.value=t.clientX,r.value=t.clientY}),{x:e,y:r}}const b=["innerHTML"],g={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24}},setup(e){const r=e,t=o.ref(null),a=o.ref(c()),d=o.computed(()=>p({tooltip:t.value,chart:r.parent,clientPosition:a.value,positionPreference:r.position,defaultOffsetY:r.offsetY})),u=o.computed(()=>v.setOpacity(r.backgroundColor,r.backgroundOpacity));return(l,n)=>e.show?(o.openBlock(),o.createElementBlock("div",{key:0,ref_key:"tooltip",ref:t,class:o.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:o.normalizeStyle(`pointer-events:none;top:${d.value.top}px;left:${d.value.left}px;${e.isCustom?"":`background:${u.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};`)},[o.renderSlot(l.$slots,"tooltip-before"),o.renderSlot(l.$slots,"default"),o.createElementVNode("div",{innerHTML:e.content},null,8,b),o.renderSlot(l.$slots,"tooltip-after")],6)):o.createCommentVNode("",!0)}};exports._sfc_main=g;exports.useMouse=c;

package/dist/{Tooltip-DDBocDY4.js → Tooltip-TZYYFvPe.js}

@@ -1,5 +1,5 @@
 import { ref as l, onMounted as v, onUnmounted as y, computed as m, openBlock as b, createElementBlock as g, normalizeClass as x, normalizeStyle as h, renderSlot as f, createElementVNode as $, createCommentVNode as C } from "vue";
-import { s as S } from "./index-CP7GYbDW.js";
+import { s as S } from "./index-Ca4RHJ4t.js";
 function k({ tooltip: e, chart: o, clientPosition: t, positionPreference: a = "center", defaultOffsetY: i = 24 }) {
   const u = l(0), r = l(i);
   if (e && o) {

package/dist/img-BFCs759q.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./html2canvas.esm-BA_v9SIU.cjs");function l({domElement:a,fileName:o,format:n="png"}){if(a)return new Promise((r,c)=>{const e=document.createElement("a");i.default(a,{scale:2}).then(t=>{e.href=t.toDataURL(`image/${n}`),e.download=`${o}.${n}`,e.click(),e&&e.remove(),r()}).catch(t=>{console.error("Error generating image:",t),c(t)})})}exports.default=l;

package/dist/img-DGzWcJ4Y.js

@@ -0,0 +1,15 @@
+import i from "./html2canvas.esm-d2sM-0Wm.js";
+function l({ domElement: n, fileName: t, format: o = "png" }) {
+  if (n)
+    return new Promise((r, c) => {
+      const e = document.createElement("a");
+      i(n, { scale: 2 }).then((a) => {
+        e.href = a.toDataURL(`image/${o}`), e.download = `${t}.${o}`, e.click(), e && e.remove(), r();
+      }).catch((a) => {
+        console.error("Error generating image:", a), c(a);
+      });
+    });
+}
+export {
+  l as default
+};