vue-data-ui 2.3.49 → 2.3.51

package/dist/Slicer-CkI0Cper.js

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

package/dist/{Title-CSRD5z1r.cjs → Title-CUvyed9h.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),r=require("./useNestedProp-Vjg1xsU_.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-Bsv01LX-.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-0px6u9U5.js → Title-DUp1cPec.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-DE-a5lMx.js";
+import { u as s } from "./useNestedProp-3ewWPseU.js";
 const b = {
   __name: "Title",
   props: {

package/dist/{Tooltip-DFpYO4rz.cjs → Tooltip-B-PFj5pG.cjs}

@@ -1 +1 @@
-"use strict";const o=require("vue"),v=require("./index-De6Dj52h.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-BjBz5Yjw.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;

package/dist/{Tooltip-TTopnCsK.js → Tooltip-nPo0iAUf.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-8Lp8V0TB.js";
+import { v as k } from "./index-DKupmrlw.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) {