vue-data-ui 2.4.45 → 2.4.47

package/dist/{Tooltip-B8L4NDsX.cjs → Tooltip-87gbw8Ir.cjs}

@@ -1 +1 @@
-"use strict";const t=require("vue"),p=require("./index-DuDeHJyK.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__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},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.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};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;
+"use strict";const t=require("vue"),p=require("./index-KYU_8xrX.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__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},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.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};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;

package/dist/{Tooltip-BBgfUr4a.js → Tooltip-CAkj2Rmy.js}

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

package/dist/{index-Cm2_6s9o.js → index-BUHajhqq.js}

@@ -62,7 +62,7 @@ function le() {
     position: b.CENTER,
     offsetY: 24
   }, h = ({
-    tooltip: B = !1,
+    tooltip: D = !1,
     pdf: V = !1,
     csv: I = !1,
     img: W = !1,
@@ -89,11 +89,11 @@ function le() {
       animation: "Toggle animation",
       annotator: "Toggle annotator"
     };
-    return B || delete v.tooltip, V || delete v.pdf, I || delete v.csv, W || delete v.img, U || delete v.table, Y || delete v.labels, G || delete v.fullscreen, H || delete v.sort, $ || delete v.stack, X || delete v.animation, K || delete v.annotator, {
+    return D || delete v.tooltip, V || delete v.pdf, I || delete v.csv, W || delete v.img, U || delete v.table, Y || delete v.labels, G || delete v.fullscreen, H || delete v.sort, $ || delete v.stack, X || delete v.animation, K || delete v.annotator, {
       show: !0,
       position: "right",
       buttons: {
-        tooltip: B,
+        tooltip: D,
         pdf: V,
         csv: I,
         img: W,
@@ -107,11 +107,11 @@ function le() {
       },
       buttonTitles: v
     };
-  }, E = (B) => ({
-    top: B[0],
-    right: B[1],
-    bottom: B[2],
-    left: B[3]
+  }, E = (D) => ({
+    top: D[0],
+    right: D[1],
+    bottom: D[2],
+    left: D[3]
   }), m = {
     backgroundColor: c,
     color: o,
@@ -123,7 +123,7 @@ function le() {
   }, w = {
     show: !1,
     responsiveBreakpoint: 400
-  }, L = {
+  }, B = {
     show: !0,
     color: a,
     highlightColor: n,
@@ -131,7 +131,7 @@ function le() {
     useResetSlot: !1,
     startIndex: null,
     endIndex: null
-  }, D = {
+  }, S = {
     show: !1,
     smooth: !1,
     selectedColor: "#1f77b4",
@@ -179,7 +179,7 @@ function le() {
         padding: E([24, 24, 36, 48]),
         title: C,
         legend: k,
-        zoom: L,
+        zoom: B,
         tooltip: {
           ...y,
           showValue: !0,
@@ -288,8 +288,8 @@ function le() {
       height: 600,
       width: 1e3,
       zoom: {
-        ...L,
-        minimap: D
+        ...B,
+        minimap: S
       },
       padding: E([36, 24, 64, 48]),
       highlighter: {
@@ -1030,6 +1030,7 @@ function le() {
           acceleration: 1
         },
         layout: {
+          radiusRatio: 1,
           track: {
             size: 1,
             useGradient: !0,
@@ -1046,6 +1047,13 @@ function le() {
             prefix: "",
             suffix: ""
           },
+          segmentSeparators: {
+            show: !1,
+            offsetOut: 0,
+            offsetIn: 0,
+            stroke: o,
+            strokeWidth: 2
+          },
           segmentNames: {
             show: !0,
             curved: !0,
@@ -1860,7 +1868,7 @@ function le() {
           widthRatio: 0.5
         }
       },
-      zoom: L,
+      zoom: B,
       title: C,
       tooltip: {
         ...y,
@@ -2336,7 +2344,7 @@ function le() {
     zoomHighlightColor: n,
     zoomFontSize: r._14,
     zoomUseResetSlot: !1,
-    zoomMinimap: D,
+    zoomMinimap: S,
     zoomStartIndex: null,
     zoomEndIndex: null
   }, xo = {
@@ -2606,7 +2614,7 @@ function le() {
       chart: {
         backgroundColor: t,
         color: o,
-        zoom: L,
+        zoom: B,
         layout: {
           height: 316,
           width: 512,
@@ -3464,7 +3472,7 @@ function le() {
           min: null,
           max: null
         },
-        zoom: L,
+        zoom: B,
         selector: {
           show: !0,
           color: o,
@@ -10651,14 +10659,14 @@ function _t(o, l, e, a, n, t = 1.99999, c = 2, s = 1.45, u = 360, i = 105.25, f
   for (let F = 0; F < d.length; F += 1) {
     const x = Math.min(d[F].value - 1e-4, r);
     let C = x / r;
-    const k = C * (Math.PI * t), h = x / 2 / r * (Math.PI * c), { startX: E, startY: m, endX: _, endY: w, path: L } = N(
+    const k = C * (Math.PI * t), h = x / 2 / r * (Math.PI * c), { startX: E, startY: m, endX: _, endY: w, path: B } = N(
       [l, e],
       [a, n],
       [b, k],
       i,
       u,
       c
-    ), D = N(
+    ), S = N(
       [l, e],
       [a - f, n - f],
       [b, k],
@@ -10668,17 +10676,25 @@ function _t(o, l, e, a, n, t = 1.99999, c = 2, s = 1.45, u = 360, i = 105.25, f
       !0
     );
     A.push({
-      arcSlice: `${L} L ${D.startX} ${D.startY} ${D.path} L ${E} ${m}`,
+      arcSlice: `${B} L ${S.startX} ${S.startY} ${S.path} L ${E} ${m}`,
       cx: p(l),
       cy: p(e),
       ...d[F],
       proportion: p(C),
       ratio: p(k),
-      path: L.replaceAll("NaN", "0"),
+      path: B.replaceAll("NaN", "0"),
       startX: p(E),
       startY: p(m),
       endX: p(_),
       endY: p(w),
+      separator: {
+        x: S.startX,
+        y: S.startY
+      },
+      firstSeparator: {
+        x: Number(S.path.split(" ").at(-2)),
+        y: Number(S.path.split(" ").at(-1))
+      },
       center: N(
         [l, e],
         [a * s, n * s],
@@ -10946,19 +10962,19 @@ function R(o) {
   let n, t = 1;
   if (n = o.match(l)) {
     const [, c, s, u, i] = n;
-    return t = i ? parseInt(i, 16) / 255 : 1, `#${c}${s}${u}${S(Math.round(t * 255))}`;
+    return t = i ? parseInt(i, 16) / 255 : 1, `#${c}${s}${u}${L(Math.round(t * 255))}`;
   } else if (n = o.match(e)) {
     const [, c, s, u, i] = n;
-    return t = i ? parseFloat(i) : 1, `#${S(c)}${S(s)}${S(u)}${S(Math.round(t * 255))}`;
+    return t = i ? parseFloat(i) : 1, `#${L(c)}${L(s)}${L(u)}${L(Math.round(t * 255))}`;
   } else if (n = o.match(a)) {
     const [, c, s, u, i] = n;
     t = i ? parseFloat(i) : 1;
     const f = it(Number(c), Number(s), Number(u));
-    return `#${S(f[0])}${S(f[1])}${S(f[2])}${S(Math.round(t * 255))}`;
+    return `#${L(f[0])}${L(f[1])}${L(f[2])}${L(Math.round(t * 255))}`;
   }
   return null;
 }
-function S(o) {
+function L(o) {
   const l = Number(o).toString(16);
   return l.length === 1 ? "0" + l : l;
 }
@@ -11861,7 +11877,7 @@ function xr(o, l) {
   const e = R(o);
   return ct(e, l);
 }
-const Fr = g(() => import("./Arrow-DExBMFtJ.js")), Er = g(() => import("./vue-data-ui-Blpxr4_M.js")), _r = g(() => import("./vue-ui-3d-bar-DvitE1K_.js")), wr = g(() => import("./vue-ui-accordion-CxrNF8BI.js")), vr = g(() => import("./vue-ui-age-pyramid-Ti2L5N92.js")), Sr = g(() => import("./vue-ui-annotator-HNK_5tWo.js")), Lr = g(() => import("./vue-ui-candlestick-B5okP_Jf.js")), Br = g(() => import("./vue-ui-chestnut-DDsFxoUr.js")), Dr = g(() => import("./vue-ui-cursor-B2NOd5i-.js")), zr = g(() => import("./vue-ui-dashboard-u-Gt08KE.js")), Rr = g(() => import("./vue-ui-digits-DCXyjW_e.js")), Tr = g(() => import("./vue-ui-donut-BvASz63R.js")), Pr = g(() => import("./vue-ui-donut-evolution-DcPk33e8.js")), Or = g(() => import("./vue-ui-dumbbell-D918XYc8.js")), Mr = g(() => import("./vue-ui-flow-DQ5q2b1Y.js")), Nr = g(() => import("./vue-ui-galaxy-COSx0c89.js")), Vr = g(() => import("./vue-ui-gauge-CWnGYcFD.js")), Ir = g(() => import("./vue-ui-heatmap-UoKourVZ.js")), Wr = g(() => import("./BaseIcon-DpLJi6ci.js")), Ur = g(() => import("./vue-ui-kpi-BRwkUBxs.js")), Yr = g(() => import("./vue-ui-mini-loader-Cbl4ydLu.js")), Gr = g(() => import("./vue-ui-molecule-DM_mX72q.js")), Hr = g(() => import("./vue-ui-mood-radar-Bzsba8qo.js")), $r = g(() => import("./vue-ui-nested-donuts-BG84mskb.js")), Xr = g(() => import("./vue-ui-onion-DpFx1Oy9.js")), Kr = g(() => import("./vue-ui-parallel-coordinate-plot-CQG_anr7.js")), jr = g(() => import("./vue-ui-quadrant-Cddob9c3.js")), qr = g(() => import("./vue-ui-quick-chart-DTEubspa.js")), Qr = g(() => import("./vue-ui-radar--uexaa6p.js")), Zr = g(() => import("./vue-ui-rating-BQuZA9UU.js")), Jr = g(() => import("./vue-ui-relation-circle-C8NYrTHA.js")), ol = g(() => import("./vue-ui-rings-FEIPR_dS.js")), el = g(() => import("./vue-ui-scatter-CzbgC6ep.js")), tl = g(() => import("./vue-ui-screenshot-IaxgY5qE.js")), rl = g(() => import("./vue-ui-skeleton-BUS6A44x.js")), ll = g(() => import("./vue-ui-smiley-5CVa-rQU.js")), al = g(() => import("./vue-ui-sparkhistogram-BA8QV7Cu.js")), nl = g(() => import("./vue-ui-sparkstackbar-DCS6RRgN.js")), sl = g(() => import("./vue-ui-spark-trend-D9ww-Cv5.js")), il = g(() => import("./vue-ui-sparkbar-DKeLvkHa.js")), cl = g(() => import("./vue-ui-sparkgauge-DLpPuJdG.js")), ul = g(() => import("./vue-ui-sparkline-BwOtPPij.js")), dl = g(() => import("./vue-ui-strip-plot-NykStkP9.js")), fl = g(() => import("./vue-ui-table-DhRjI7oG.js")), Al = g(() => import("./vue-ui-table-heatmap-CT5nGoW-.js")), bl = g(() => import("./vue-ui-table-sparkline-Ba_Ucvgb.js")), Cl = g(() => import("./vue-ui-thermometer-C11VSZfb.js")), gl = g(() => import("./vue-ui-timer-lwjayVn0.js")), hl = g(() => import("./vue-ui-tiremarks-Jz80HKpg.js")), kl = g(() => import("./vue-ui-treemap-B_qVGTnP.js")), pl = g(() => import("./vue-ui-vertical-bar-5MwcqOTN.js")), ml = g(() => import("./vue-ui-waffle-B0JbRRUv.js")), yl = g(() => import("./vue-ui-wheel-pQBqSI5z.js")), xl = g(() => import("./vue-ui-word-cloud-D39_9P7v.js")), Fl = g(() => import("./vue-ui-xy-DRYbR_nu.js")), El = g(() => import("./vue-ui-xy-canvas-DZib_307.js")), _l = g(() => import("./vue-ui-carousel-table-BgKL0rnF.js")), wl = g(() => import("./vue-ui-gizmo-ByuFn-0N.js")), vl = g(() => import("./vue-ui-stackbar-zcfxba5s.js")), Sl = g(() => import("./vue-ui-bullet-D3WmBrm4.js")), Ll = g(() => import("./vue-ui-funnel-v5WCHaw6.js")), Bl = g(() => import("./vue-ui-history-plot-CkxvdQeV.js"));
+const Fr = g(() => import("./Arrow-C-PQX3ZC.js")), Er = g(() => import("./vue-data-ui-zjfs-rk-.js")), _r = g(() => import("./vue-ui-3d-bar-B60j7yco.js")), wr = g(() => import("./vue-ui-accordion-2QOotHrr.js")), vr = g(() => import("./vue-ui-age-pyramid-BT7HUZpj.js")), Sr = g(() => import("./vue-ui-annotator-ZpGqgGMp.js")), Lr = g(() => import("./vue-ui-candlestick-CblCXKhS.js")), Br = g(() => import("./vue-ui-chestnut-Cnvf2Aav.js")), Dr = g(() => import("./vue-ui-cursor-TzS0sCy1.js")), zr = g(() => import("./vue-ui-dashboard-Ajvddjlt.js")), Rr = g(() => import("./vue-ui-digits-CBPttkF2.js")), Tr = g(() => import("./vue-ui-donut-DidXxdXO.js")), Pr = g(() => import("./vue-ui-donut-evolution-B0xdulgT.js")), Or = g(() => import("./vue-ui-dumbbell-Cimude8K.js")), Mr = g(() => import("./vue-ui-flow-D2ekJwov.js")), Nr = g(() => import("./vue-ui-galaxy-WAy90dGq.js")), Vr = g(() => import("./vue-ui-gauge-Xvk_SGCc.js")), Ir = g(() => import("./vue-ui-heatmap-jmKDOYnr.js")), Wr = g(() => import("./BaseIcon-BeAMtwQX.js")), Ur = g(() => import("./vue-ui-kpi-CB47PO72.js")), Yr = g(() => import("./vue-ui-mini-loader-D4dKItUb.js")), Gr = g(() => import("./vue-ui-molecule-C_VM1ZP2.js")), Hr = g(() => import("./vue-ui-mood-radar-BESMMSxA.js")), $r = g(() => import("./vue-ui-nested-donuts-r1v-A7E3.js")), Xr = g(() => import("./vue-ui-onion-CZuFxIOX.js")), Kr = g(() => import("./vue-ui-parallel-coordinate-plot-BeAArg3p.js")), jr = g(() => import("./vue-ui-quadrant-D5m9y_Vd.js")), qr = g(() => import("./vue-ui-quick-chart-Ci4RKL62.js")), Qr = g(() => import("./vue-ui-radar-03mjX9gn.js")), Zr = g(() => import("./vue-ui-rating-CSSdVGTk.js")), Jr = g(() => import("./vue-ui-relation-circle-B3J9KW9u.js")), ol = g(() => import("./vue-ui-rings-COAgson6.js")), el = g(() => import("./vue-ui-scatter-BrdWaLV6.js")), tl = g(() => import("./vue-ui-screenshot-CWMAfSH3.js")), rl = g(() => import("./vue-ui-skeleton-BXPvqUO_.js")), ll = g(() => import("./vue-ui-smiley-TNgEIMFs.js")), al = g(() => import("./vue-ui-sparkhistogram-yTF-QJCM.js")), nl = g(() => import("./vue-ui-sparkstackbar-DhQNOgjS.js")), sl = g(() => import("./vue-ui-spark-trend-Xtb0H-Ra.js")), il = g(() => import("./vue-ui-sparkbar-CO0RYq4S.js")), cl = g(() => import("./vue-ui-sparkgauge-Cn17RyPJ.js")), ul = g(() => import("./vue-ui-sparkline-D80w9cUt.js")), dl = g(() => import("./vue-ui-strip-plot-CqP7E3Fr.js")), fl = g(() => import("./vue-ui-table-BLPLqFFd.js")), Al = g(() => import("./vue-ui-table-heatmap-jWG59f0S.js")), bl = g(() => import("./vue-ui-table-sparkline-BEeO-aWa.js")), Cl = g(() => import("./vue-ui-thermometer-CS4v4vKk.js")), gl = g(() => import("./vue-ui-timer-op_p9xjL.js")), hl = g(() => import("./vue-ui-tiremarks-CzNBUmn2.js")), kl = g(() => import("./vue-ui-treemap-DLDn1gQ2.js")), pl = g(() => import("./vue-ui-vertical-bar-BqTIL5Np.js")), ml = g(() => import("./vue-ui-waffle-DFjArEi_.js")), yl = g(() => import("./vue-ui-wheel-C95mjUTI.js")), xl = g(() => import("./vue-ui-word-cloud-Byx-M5Jn.js")), Fl = g(() => import("./vue-ui-xy-C8YrIKK6.js")), El = g(() => import("./vue-ui-xy-canvas-Cg0PIT5i.js")), _l = g(() => import("./vue-ui-carousel-table-B1U41lku.js")), wl = g(() => import("./vue-ui-gizmo-D-djUfJw.js")), vl = g(() => import("./vue-ui-stackbar-C_b754Op.js")), Sl = g(() => import("./vue-ui-bullet-Da56_P30.js")), Ll = g(() => import("./vue-ui-funnel-BsKFz_A9.js")), Bl = g(() => import("./vue-ui-history-plot-BoR791Gc.js"));
 export {
   Rt as $,
   rt as A,