vue-data-ui 2.3.56 → 2.3.58

package/dist/Slicer-BLGXu5jT.js

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

package/dist/Slicer-BfhOiAk6.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),M=require("./BaseIcon-D8n9j2RY.cjs"),N=require("./useResponsive-B3TrDDIG.cjs"),s=require("./index-l3VmuY43.cjs"),D=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),k=a=>(e.pushScopeId("data-v-6719ba10"),a=a(),e.popScopeId(),a),O={"data-html2canvas-ignore":"",style:{padding:"0 24px"}},_={class:"vue-data-ui-slicer-labels",style:{position:"relative","z-index":"1"}},U={key:0,style:{width:"100%",position:"relative"}},W={class:"minimap",style:{width:"100%"}},T=["xmlns","viewBox"],X=["id"],j=["stop-color"],G=k(()=>e.createElementVNode("stop",{offset:"100%","stop-color":"transparent"},null,-1)),H=["d","stroke","fill"],Z=["x2","y1","y2","stroke"],J=["y2","stroke"],K=["x1","x2","y2","stroke"],Q=k(()=>e.createElementVNode("div",{class:"slider-track"},null,-1)),Y=["min","max"],ee=["min","max"],te={__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}},emits:["update:start","update:end","reset"],setup(a,{emit:v}){const t=a;e.useCssVars(o=>({"6d560574":C.value,"614a85ba":m.value,"40a740aa":w.value,"417fc6ea":a.selectColor,"5442ac78":V.value}));const n=e.ref(t.min),i=e.ref(t.max),d=e.computed(()=>!!t.minimap.length),p=e.ref(s.createUid()),E=e.computed(()=>{const o=t.max-t.min,u=(n.value-t.min)/o*100,r=(i.value-t.min)/o*100;return{left:`${u}%`,width:`${r-u}%`,background:t.selectColor}}),C=e.computed(()=>t.inputColor),V=e.computed(()=>t.background),w=e.computed(()=>`${t.selectColor}33`),m=e.computed(()=>t.borderColor);function f(){v("reset")}function $(){Number(n.value)>Number(i.value)-1&&(n.value=Number(i.value)-1),v("update:start",Number(n.value))}function z(){Number(i.value)<Number(n.value)+1&&(i.value=Number(n.value)+1),v("update:end",Number(i.value))}e.watch(()=>t.min,o=>{Number(n.value)<Number(o)&&(n.value=Number(o)),Number(i.value)<Number(o)&&(i.value=Number(o))}),e.watch(()=>t.max,o=>{Number(n.value)>Number(o)&&(n.value=Number(o)),Number(i.value)>Number(o)&&(i.value=Number(o))});const h=e.ref(null),l=e.ref({width:1,height:1}),b=e.ref(null);e.onMounted(()=>{if(d.value){const o=N.throttle(()=>{const{width:u,height:r}=N.useResponsive({chart:h.value});l.value.width=u,l.value.height=r-47});b.value=new ResizeObserver(o),b.value.observe(h.value)}});const g=e.computed(()=>t.minimap.length?l.value.width/t.minimap.length:0);e.computed(()=>({x:g.value*t.valueStart,width:g.value*(t.valueEnd-t.valueStart)}));const B=e.computed(()=>{if(!t.minimap.length)return[];const o=Math.max(...t.minimap),u=Math.min(...t.minimap)-10,r=o-(u>0?0:u),c=t.minimap.map((P,I)=>{const q=P-u;return{x:l.value.width/(t.minimap.length-1)*I,y:l.value.height-q/r*(l.value.height*.9)}}),A=t.smoothMinimap?s.createSmoothPath(c):s.createStraightPath(c),x=[...c].slice(t.valueStart,t.valueEnd),L=t.smoothMinimap?s.createSmoothPath(x):s.createStraightPath(x);return{fullSet:A,selectionSet:L,firstPlot:c[t.valueStart],lastPlot:c[t.valueEnd-1]}}),y=e.computed(()=>t.max-t.min),S=e.computed(()=>({left:(n.value-t.min)/y.value*100,width:(i.value-n.value)/y.value*100})),F=e.computed(()=>({left:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:d.value?"28px":"-28px",pointerEvents:"none"})),R=e.computed(()=>({right:0,color:t.textColor,fontSize:`${t.fontSize}px`,top:d.value?"28px":"-28px",direction:"rtl",pointerEvents:"none"}));return(o,u)=>(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",_,[a.valueStart>0||a.valueEnd<a.max?(e.openBlock(),e.createElementBlock("div",U,[a.useResetSlot?e.renderSlot(o.$slots,"reset-action",{key:1,reset:f},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:d.value?"36px":"-16px"}),onClick:f},[e.createVNode(M.default,{name:"refresh",stroke:a.textColor},null,8,["stroke"])],4))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"double-range-slider",ref_key:"minimapWrapper",ref:h,style:{"z-index":"0"}},[d.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",W,[(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(s.XMLNS),viewBox:`0 0 ${l.value.width<0?0:l.value.width} ${l.value.height<0?0:l.value.height}`},[e.createElementVNode("defs",null,[e.createElementVNode("linearGradient",{id:p.value,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},[e.createElementVNode("stop",{offset:"0%","stop-color":`${a.minimapLineColor}50`},null,8,j),G],8,X)]),e.createElementVNode("path",{d:`M0,${l.value.height} ${B.value.fullSet} L${l.value.width},${l.value.height}Z`,stroke:`${a.minimapLineColor}`,fill:`url(#${p.value})`,"stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round",style:{opacity:"1"}},null,8,H),e.createElementVNode("line",{x1:0,x2:l.value.width<0?0:l.value.width,y1:l.value.height<0?0:l.value.height,y2:l.value.height<0?0:l.value.height,stroke:m.value,"stroke-width":"3"},null,8,Z),e.createElementVNode("line",{x1:0,x2:0,y1:0,y2:l.value.height<0?0:l.value.height,stroke:m.value,"stroke-width":"5"},null,8,J),e.createElementVNode("line",{x1:l.value.width<0?0:l.value.width,x2:l.value.width<0?0:l.value.width,y1:0,y2:l.value.height<0?0:l.value.height,stroke:m.value,"stroke-width":"5"},null,8,K)],8,T))]),e.createElementVNode("div",{class:"sel",style:e.normalizeStyle({position:"absolute",top:"-33px",left:`calc(${S.value.left}%)`,background:a.minimapSelectedColor,height:"40px",width:S.value.width+"%",borderRadius:`${a.minimapSelectionRadius}px ${a.minimapSelectionRadius}px 0 0`,opacity:a.minimapSelectedColorOpacity})},null,4)],64)):e.createCommentVNode("",!0),Q,e.createElementVNode("div",{class:"range-highlight",style:e.normalizeStyle(E.value)},null,4),e.withDirectives(e.createElementVNode("input",{type:"range",min:a.min,max:a.max,"onUpdate:modelValue":u[0]||(u[0]=r=>n.value=r),onInput:$},null,40,Y),[[e.vModelText,n.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",min:a.min,max:a.max,"onUpdate:modelValue":u[1]||(u[1]=r=>i.value=r),onInput:z},null,40,ee),[[e.vModelText,i.value]]),e.createElementVNode("div",{class:"thumb-label thumb-label-right",style:e.normalizeStyle(R.value)},e.toDisplayString(a.labelRight),5)],512)]))}},le=D._export_sfc(te,[["__scopeId","data-v-6719ba10"]]);exports.Slicer=le;

package/dist/{Title-CmKmZeBx.cjs → Title-Dv02ecQu.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),r=require("./useNestedProp-BnuqAeNh.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-B9Di2DlM.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-BuPNfgaD.js → Title-DwQdoOA-.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-BtrNNAOl.js";
+import { u as s } from "./useNestedProp-B0ThZBR4.js";
 const b = {
   __name: "Title",
   props: {

package/dist/{Tooltip-DMhG5ns_.js → Tooltip-2bIZhKpI.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-CheT0Wx_.js";
+import { v as k } from "./index-DVGMG23n.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-6Fl_Hm1X.cjs → Tooltip-DRAFgG7c.cjs}

@@ -1 +1 @@
-"use strict";const o=require("vue"),v=require("./index-BrTW1d55.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-l3VmuY43.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/{index-CheT0Wx_.js → index-DVGMG23n.js}

@@ -10772,7 +10772,7 @@ function Jt(o, r, e, a) {
 function or(o, r) {
   return r.split(".").every((e) => o !== null && typeof o == "object" && e in o ? (o = o[e], !0) : !1);
 }
-const er = h(() => import("./Arrow-BsFu2TQv.js")), tr = h(() => import("./vue-data-ui-jFylH5cj.js")), rr = h(() => import("./vue-ui-3d-bar-jqnud76a.js")), lr = h(() => import("./vue-ui-accordion-CP3eE3ra.js")), ar = h(() => import("./vue-ui-age-pyramid-CNHqO7eI.js")), sr = h(() => import("./vue-ui-annotator-RSAxc5Py.js")), nr = h(() => import("./vue-ui-candlestick-wBmbvoru.js")), ir = h(() => import("./vue-ui-chestnut-DC9KUP9E.js")), cr = h(() => import("./vue-ui-cursor-DvHSca1e.js")), ur = h(() => import("./vue-ui-dashboard-B97wcEhA.js")), dr = h(() => import("./vue-ui-digits-D1EfYy-P.js")), fr = h(() => import("./vue-ui-donut-CU2WSbx_.js")), Ar = h(() => import("./vue-ui-donut-evolution-Cy2LvVXl.js")), br = h(() => import("./vue-ui-dumbbell-C3-cUpEJ.js")), Cr = h(() => import("./vue-ui-flow-E6in3VUZ.js")), gr = h(() => import("./vue-ui-galaxy-Bmw1sasL.js")), hr = h(() => import("./vue-ui-gauge-CsXLY_kK.js")), kr = h(() => import("./vue-ui-heatmap-BlA1MCRH.js")), pr = h(() => import("./BaseIcon-BBkGiBfe.js")), mr = h(() => import("./vue-ui-kpi-Bklm7sI3.js")), yr = h(() => import("./vue-ui-mini-loader-rIlEJt4J.js")), xr = h(() => import("./vue-ui-molecule-_ux8PBWz.js")), Fr = h(() => import("./vue-ui-mood-radar-BXP_gJLi.js")), Er = h(() => import("./vue-ui-nested-donuts-Cjgz6nRo.js")), _r = h(() => import("./vue-ui-onion-CLV7WICr.js")), wr = h(() => import("./vue-ui-parallel-coordinate-plot-Io-m4z6C.js")), vr = h(() => import("./vue-ui-quadrant-BSfdu8iN.js")), Sr = h(() => import("./vue-ui-quick-chart-BdGaCOrt.js")), Lr = h(() => import("./vue-ui-radar-uvDULkG8.js")), Dr = h(() => import("./vue-ui-rating-DPhYGjCa.js")), Br = h(() => import("./vue-ui-relation-circle-BargpoTh.js")), Rr = h(() => import("./vue-ui-rings-CXrRMCZW.js")), zr = h(() => import("./vue-ui-scatter-CcbhZV9z.js")), Pr = h(() => import("./vue-ui-screenshot-kGqAEHjy.js")), Tr = h(() => import("./vue-ui-skeleton-aQqDPgNZ.js")), Or = h(() => import("./vue-ui-smiley-BwK68PuU.js")), Vr = h(() => import("./vue-ui-sparkhistogram-C1zV2eop.js")), Nr = h(() => import("./vue-ui-sparkstackbar-GFQOWlud.js")), Mr = h(() => import("./vue-ui-spark-trend-DoqkKOlk.js")), Ir = h(() => import("./vue-ui-sparkbar-WnaAUbae.js")), Wr = h(() => import("./vue-ui-sparkgauge-BKRRGs7B.js")), Ur = h(() => import("./vue-ui-sparkline-B8jRRWaL.js")), Gr = h(() => import("./vue-ui-strip-plot-DieTMdDF.js")), Hr = h(() => import("./vue-ui-table-BGdHb7N7.js")), Yr = h(() => import("./vue-ui-table-heatmap-DEV-t7Jo.js")), $r = h(() => import("./vue-ui-table-sparkline-Uq7w4wDX.js")), Xr = h(() => import("./vue-ui-thermometer-CTWxK5mL.js")), Kr = h(() => import("./vue-ui-timer-D_Tt_SFq.js")), jr = h(() => import("./vue-ui-tiremarks-BMCx6T02.js")), qr = h(() => import("./vue-ui-treemap-CPNFNuvx.js")), Qr = h(() => import("./vue-ui-vertical-bar-BxopNTze.js")), Zr = h(() => import("./vue-ui-waffle-BxKVHnSt.js")), Jr = h(() => import("./vue-ui-wheel-hqaO-KLH.js")), ol = h(() => import("./vue-ui-word-cloud-CR5QakNJ.js")), el = h(() => import("./vue-ui-xy-hnDHwwdO.js")), tl = h(() => import("./vue-ui-xy-canvas-B-5qwsGJ.js")), rl = h(() => import("./vue-ui-carousel-table-74JfF1CF.js")), ll = h(() => import("./vue-ui-gizmo-Y4q19AJI.js")), al = h(() => import("./vue-ui-stackbar-CKH9nkXT.js"));
+const er = h(() => import("./Arrow-98PCnwIA.js")), tr = h(() => import("./vue-data-ui-D2Gw43vR.js")), rr = h(() => import("./vue-ui-3d-bar-BuBCa8GI.js")), lr = h(() => import("./vue-ui-accordion-BlsYk-io.js")), ar = h(() => import("./vue-ui-age-pyramid-DUMr1gLn.js")), sr = h(() => import("./vue-ui-annotator-BuGYDjc4.js")), nr = h(() => import("./vue-ui-candlestick-ChmBooGg.js")), ir = h(() => import("./vue-ui-chestnut-D_2U9Y8z.js")), cr = h(() => import("./vue-ui-cursor-04NdhJmA.js")), ur = h(() => import("./vue-ui-dashboard-2Y-bRtWW.js")), dr = h(() => import("./vue-ui-digits-D5F4B_Uc.js")), fr = h(() => import("./vue-ui-donut-BA5W9LK1.js")), Ar = h(() => import("./vue-ui-donut-evolution-DGr5mDmY.js")), br = h(() => import("./vue-ui-dumbbell-qYTxQHlF.js")), Cr = h(() => import("./vue-ui-flow-BUPt_GBz.js")), gr = h(() => import("./vue-ui-galaxy-C7EoU_0P.js")), hr = h(() => import("./vue-ui-gauge-n7x7uvAB.js")), kr = h(() => import("./vue-ui-heatmap-Dzvq1vMg.js")), pr = h(() => import("./BaseIcon-whj3R3q1.js")), mr = h(() => import("./vue-ui-kpi-D8jWjW3q.js")), yr = h(() => import("./vue-ui-mini-loader-5msE8yk0.js")), xr = h(() => import("./vue-ui-molecule-MTgovKSv.js")), Fr = h(() => import("./vue-ui-mood-radar-5NImteDi.js")), Er = h(() => import("./vue-ui-nested-donuts-Wf39ZljG.js")), _r = h(() => import("./vue-ui-onion-CA18z7hj.js")), wr = h(() => import("./vue-ui-parallel-coordinate-plot-CHWrjl6E.js")), vr = h(() => import("./vue-ui-quadrant-Bn6rNej4.js")), Sr = h(() => import("./vue-ui-quick-chart-GGu5E5oG.js")), Lr = h(() => import("./vue-ui-radar-DkWJFF43.js")), Dr = h(() => import("./vue-ui-rating-DkPwm7z9.js")), Br = h(() => import("./vue-ui-relation-circle-RUDdVguf.js")), Rr = h(() => import("./vue-ui-rings-BghJq1Nw.js")), zr = h(() => import("./vue-ui-scatter-B4NK1cBE.js")), Pr = h(() => import("./vue-ui-screenshot-BGYgfxxK.js")), Tr = h(() => import("./vue-ui-skeleton-0wzUlYHc.js")), Or = h(() => import("./vue-ui-smiley-Dz8M2MJ7.js")), Vr = h(() => import("./vue-ui-sparkhistogram-CG83hIJa.js")), Nr = h(() => import("./vue-ui-sparkstackbar-D-T4AftU.js")), Mr = h(() => import("./vue-ui-spark-trend-DIVS363M.js")), Ir = h(() => import("./vue-ui-sparkbar-DITfeuRK.js")), Wr = h(() => import("./vue-ui-sparkgauge-CXcYedOm.js")), Ur = h(() => import("./vue-ui-sparkline-DiloRGlF.js")), Gr = h(() => import("./vue-ui-strip-plot-ouJI9Woj.js")), Hr = h(() => import("./vue-ui-table-CBUS59OQ.js")), Yr = h(() => import("./vue-ui-table-heatmap-CNHvvxv4.js")), $r = h(() => import("./vue-ui-table-sparkline-CopY0wCx.js")), Xr = h(() => import("./vue-ui-thermometer-Csk9K32_.js")), Kr = h(() => import("./vue-ui-timer-eJX5RWJy.js")), jr = h(() => import("./vue-ui-tiremarks-B3n8wpcT.js")), qr = h(() => import("./vue-ui-treemap-BJuVShWl.js")), Qr = h(() => import("./vue-ui-vertical-bar-DRIES-ZF.js")), Zr = h(() => import("./vue-ui-waffle-DBeSHk_X.js")), Jr = h(() => import("./vue-ui-wheel-C8dQsxNJ.js")), ol = h(() => import("./vue-ui-word-cloud-BLIKs72O.js")), el = h(() => import("./vue-ui-xy-DZhU1VeY.js")), tl = h(() => import("./vue-ui-xy-canvas-DFl3LpbK.js")), rl = h(() => import("./vue-ui-carousel-table-BJw3yvht.js")), ll = h(() => import("./vue-ui-gizmo-Bi5YA-3A.js")), al = h(() => import("./vue-ui-stackbar-XfevLEuu.js"));
 export {
   dt as $,
   zt as A,