vue-data-ui 2.3.47 → 2.3.48

package/dist/Slicer-dehuss8u.js

@@ -0,0 +1,253 @@
+import { useCssVars as W, ref as d, computed as s, watch as C, onMounted as X, openBlock as m, createElementBlock as c, createElementVNode as l, normalizeStyle as f, toDisplayString as k, createVNode as _, renderSlot as D, createCommentVNode as $, withDirectives as w, vModelText as F, unref as j, pushScopeId as q, popScopeId as G } from "vue";
+import T from "./BaseIcon-B_4EdVx8.js";
+import { t as Z, u as H } from "./useResponsive-NZB-WLRF.js";
+import { c as J, M as K, L as Q, X as Y } from "./index-CAkeI2u7.js";
+import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const z = (t) => (q("data-v-d107a8eb"), t = t(), G(), t), te = { "data-html2canvas-ignore": "" }, ae = { class: "vue-data-ui-slicer-labels" }, le = { key: 0 }, ie = /* @__PURE__ */ z(() => /* @__PURE__ */ l("div", { class: "slider-track" }, null, -1)), oe = ["min", "max"], ne = ["min", "max"], ue = {
+  key: 0,
+  class: "minimap",
+  style: { width: "100%" }
+}, re = ["xmlns", "viewBox"], se = ["id"], de = ["stop-color"], me = /* @__PURE__ */ z(() => /* @__PURE__ */ l("stop", {
+  offset: "100%",
+  "stop-color": "transparent"
+}, null, -1)), ce = ["d", "stroke", "fill"], ve = ["x", "width", "height", "rx", "fill"], he = {
+  __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
+    }
+  },
+  emits: ["update:start", "update:end", "reset"],
+  setup(t, { emit: v }) {
+    const e = t;
+    W((a) => ({
+      "7ba89185": I.value,
+      "139e19f9": B.value,
+      "66a988aa": V.value,
+      "185949ae": t.selectColor,
+      "63b7ed92": R.value
+    }));
+    const o = d(e.min), n = d(e.max), p = s(() => !!e.minimap.length), b = d(J()), A = s(() => {
+      const a = e.max - e.min, i = (o.value - e.min) / a * 100, r = (n.value - e.min) / a * 100;
+      return {
+        left: `${i}%`,
+        width: `${r - i}%`,
+        background: e.selectColor
+      };
+    }), I = s(() => e.inputColor), R = s(() => e.background), V = s(() => `${e.selectColor}33`), B = s(() => e.borderColor);
+    function g() {
+      v("reset");
+    }
+    function E() {
+      Number(o.value) > Number(n.value) - 1 && (o.value = Number(n.value) - 1), v("update:start", Number(o.value));
+    }
+    function M() {
+      Number(n.value) < Number(o.value) + 1 && (n.value = Number(o.value) + 1), v("update:end", Number(n.value));
+    }
+    C(
+      () => e.min,
+      (a) => {
+        Number(o.value) < Number(a) && (o.value = Number(a)), Number(n.value) < Number(a) && (n.value = Number(a));
+      }
+    ), C(
+      () => e.max,
+      (a) => {
+        Number(o.value) > Number(a) && (o.value = Number(a)), Number(n.value) > Number(a) && (n.value = Number(a));
+      }
+    );
+    const h = d(null), u = d({
+      width: 1,
+      height: 1
+    }), S = d(null);
+    X(() => {
+      if (p.value) {
+        const a = Z(() => {
+          const { width: i, height: r } = H({
+            chart: h.value
+          });
+          u.value.width = i, u.value.height = r - 33;
+        });
+        S.value = new ResizeObserver(a), S.value.observe(h.value);
+      }
+    });
+    const y = s(() => e.minimap.length ? u.value.width / e.minimap.length : 0), x = s(() => ({
+      x: y.value * e.valueStart,
+      width: y.value * (e.valueEnd - e.valueStart)
+    })), L = s(() => {
+      if (!e.minimap.length) return [];
+      const a = Math.max(...e.minimap), i = Math.min(...e.minimap), r = a - (i > 0 ? 0 : i), N = e.minimap.map((P, O) => {
+        const U = P - i;
+        return {
+          x: u.value.width / (e.minimap.length - 1) * O,
+          y: u.value.height - U / r * (u.value.height * 0.9)
+        };
+      });
+      return e.smoothMinimap ? K(N) : Q(N);
+    });
+    return (a, i) => (m(), c("div", te, [
+      l("div", ae, [
+        l("div", {
+          class: "vue-data-ui-slicer-label-left",
+          style: f({ fontSize: `${e.fontSize}px`, color: e.textColor })
+        }, k(t.labelLeft), 5),
+        t.valueStart > 0 || t.valueEnd < t.max ? (m(), c("div", le, [
+          t.useResetSlot ? D(a.$slots, "reset-action", {
+            key: 1,
+            reset: g
+          }, void 0, !0) : (m(), c("button", {
+            key: 0,
+            "data-cy-reset": "",
+            tabindex: "0",
+            role: "button",
+            class: "vue-data-ui-refresh-button",
+            onClick: g
+          }, [
+            _(T, {
+              name: "refresh",
+              stroke: t.textColor
+            }, null, 8, ["stroke"])
+          ]))
+        ])) : $("", !0),
+        l("div", {
+          class: "vue-data-ui-slicer-label-right",
+          style: f({ fontSize: `${e.fontSize}px`, color: e.textColor })
+        }, k(t.labelRight), 5)
+      ]),
+      l("div", {
+        class: "double-range-slider",
+        ref_key: "minimapWrapper",
+        ref: h
+      }, [
+        ie,
+        l("div", {
+          class: "range-highlight",
+          style: f(A.value)
+        }, null, 4),
+        w(l("input", {
+          type: "range",
+          min: t.min,
+          max: t.max,
+          "onUpdate:modelValue": i[0] || (i[0] = (r) => o.value = r),
+          onInput: E
+        }, null, 40, oe), [
+          [F, o.value]
+        ]),
+        w(l("input", {
+          type: "range",
+          min: t.min,
+          max: t.max,
+          "onUpdate:modelValue": i[1] || (i[1] = (r) => n.value = r),
+          onInput: M
+        }, null, 40, ne), [
+          [F, n.value]
+        ]),
+        p.value ? (m(), c("div", ue, [
+          (m(), c("svg", {
+            xmlns: j(Y),
+            viewBox: `0 0 ${u.value.width} ${u.value.height}`
+          }, [
+            l("defs", null, [
+              l("linearGradient", {
+                id: b.value,
+                x1: "0%",
+                y1: "0%",
+                x2: "0%",
+                y2: "100%"
+              }, [
+                l("stop", {
+                  offset: "0%",
+                  "stop-color": `${t.selectColor}50`
+                }, null, 8, de),
+                me
+              ], 8, se)
+            ]),
+            l("path", {
+              d: `M0,${u.value.height} ${L.value} ${u.value.width},${u.value.height}Z`,
+              stroke: `${t.selectColor}50`,
+              fill: `url(#${b.value})`,
+              "stroke-width": "1",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, ce),
+            l("rect", {
+              x: x.value.x,
+              y: "0",
+              width: x.value.width,
+              height: u.value.height,
+              rx: t.minimapSelectionRadius,
+              fill: `${t.minimapSelectedColor}30`
+            }, null, 8, ve)
+          ], 8, re))
+        ])) : $("", !0)
+      ], 512)
+    ]));
+  }
+}, ye = /* @__PURE__ */ ee(he, [["__scopeId", "data-v-d107a8eb"]]);
+export {
+  ye as S
+};

package/dist/{Title-DSPpszvp.cjs → Title-CUtmTGbN.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),r=require("./useNestedProp-BH5s4SOa.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-DM4rgjhE.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-C0_PhO2u.js → Title-DZ-9X7T_.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-DFwnYdme.js";
+import { u as s } from "./useNestedProp-N72tOTWX.js";
 const b = {
   __name: "Title",
   props: {

package/dist/{Tooltip-dfMcr3Yl.js → Tooltip-BE1vKyP4.js}

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

package/dist/{Tooltip-CgSI_niS.cjs → Tooltip-DhxfsNhL.cjs}

@@ -1 +1 @@
-"use strict";const o=require("vue"),v=require("./index-Br-wm_4r.cjs");function y({tooltip:e,chart:n,clientPosition:t,positionPreference:l="center",defaultOffsetY:a=24}){const r=o.ref(0),f=o.ref(a);if(e&&n){const{width:u,height:s}=e.getBoundingClientRect(),{right:i,left:d,bottom:m}=n.getBoundingClientRect();l==="center"&&(t.x+u/2>i?r.value=-u+(i-t.x):t.x-u/2<d?r.value=-u+(u-(t.x-d)):r.value=-u/2),l==="right"&&(t.x+u>i?r.value=-u+(i-t.x):r.value=0),l==="left"&&(t.x<d+u?r.value=-u+(u-(t.x-d)):r.value=-u),t.y+s>m&&(f.value=-s-a)}return{top:t.y+f.value,left:t.x+r.value}}function b(e,n,t){o.onMounted(()=>e.addEventListener(n,t)),o.onUnmounted(()=>e.removeEventListener(n,t))}function c(){const e=o.ref(0),n=o.ref(0);return b(window,"mousemove",t=>{e.value=t.clientX,n.value=t.clientY}),{x:e,y:n}}const p=["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 n=e,t=o.ref(null),l=o.ref(c()),a=o.computed(()=>y({tooltip:t.value,chart:n.parent,clientPosition:l.value,positionPreference:n.position,defaultOffsetY:n.offsetY}));return(r,f)=>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:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${e.backgroundColor}${o.unref(v.opacity)[e.backgroundOpacity]};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(r.$slots,"tooltip-before"),o.renderSlot(r.$slots,"default"),o.createElementVNode("div",{innerHTML:e.content},null,8,p),o.renderSlot(r.$slots,"tooltip-after")],6)):o.createCommentVNode("",!0)}};exports._sfc_main=g;exports.useMouse=c;
+"use strict";const o=require("vue"),v=require("./index-DGxA8bUJ.cjs");function y({tooltip:e,chart:n,clientPosition:t,positionPreference:l="center",defaultOffsetY:a=24}){const r=o.ref(0),f=o.ref(a);if(e&&n){const{width:u,height:s}=e.getBoundingClientRect(),{right:i,left:d,bottom:m}=n.getBoundingClientRect();l==="center"&&(t.x+u/2>i?r.value=-u+(i-t.x):t.x-u/2<d?r.value=-u+(u-(t.x-d)):r.value=-u/2),l==="right"&&(t.x+u>i?r.value=-u+(i-t.x):r.value=0),l==="left"&&(t.x<d+u?r.value=-u+(u-(t.x-d)):r.value=-u),t.y+s>m&&(f.value=-s-a)}return{top:t.y+f.value,left:t.x+r.value}}function b(e,n,t){o.onMounted(()=>e.addEventListener(n,t)),o.onUnmounted(()=>e.removeEventListener(n,t))}function c(){const e=o.ref(0),n=o.ref(0);return b(window,"mousemove",t=>{e.value=t.clientX,n.value=t.clientY}),{x:e,y:n}}const p=["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 n=e,t=o.ref(null),l=o.ref(c()),a=o.computed(()=>y({tooltip:t.value,chart:n.parent,clientPosition:l.value,positionPreference:n.position,defaultOffsetY:n.offsetY}));return(r,f)=>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:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${e.backgroundColor}${o.unref(v.opacity)[e.backgroundOpacity]};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(r.$slots,"tooltip-before"),o.renderSlot(r.$slots,"default"),o.createElementVNode("div",{innerHTML:e.content},null,8,p),o.renderSlot(r.$slots,"tooltip-after")],6)):o.createCommentVNode("",!0)}};exports._sfc_main=g;exports.useMouse=c;