vue-data-ui 3.25.13 → 3.26.0

package/dist/{vue_ui_candlestick-J8jmJvxP.js → vue_ui_candlestick-BXSQY82k.js}

@@ -13,7 +13,10 @@ var t = /* @__PURE__ */ e({
 }), n = {
 	userOptions: { show: !1 },
 	style: {
-		zoom: { minimap: { show: !0 } },
+		zoom: { minimap: {
+			show: !0,
+			frameColor: "transparent"
+		} },
 		layout: { candle: { gradient: { show: !1 } } }
 	}
 }, r = {
@@ -25,6 +28,8 @@ var t = /* @__PURE__ */ e({
 			selector: { color: "#CCCCCC" },
 			grid: {
 				stroke: "#5A5A5A",
+				horizontalLines: { stroke: "#5A5A5A" },
+				verticalLines: { stroke: "#5A5A5A" },
 				xAxis: { dataLabels: { color: "#CCCCCC" } },
 				yAxis: { dataLabels: { color: "#CCCCCC" } }
 			},
@@ -40,12 +45,21 @@ var t = /* @__PURE__ */ e({
 		zoom: {
 			color: "#4A4A4A",
 			highlightColor: "#9A9A9A",
+			preview: {
+				fill: "#8A8A8A20",
+				stroke: "#8A8A8A70"
+			},
 			minimap: {
 				show: !0,
 				selectedColor: "#8A8A8A",
 				lineColor: "#424242",
-				indicatorColor: "#CCCCCC"
-			}
+				indicatorColor: "#CCCCCC",
+				frameColor: "transparent"
+			},
+			dragToZoom: { selection: {
+				fill: "#8A8A8A",
+				stroke: "#8A8A8A"
+			} }
 		},
 		title: {
 			color: "#CCCCCC",
@@ -76,6 +90,8 @@ var t = /* @__PURE__ */ e({
 			selector: { color: "#CCCCCC" },
 			grid: {
 				stroke: "#5A5A5A",
+				horizontalLines: { stroke: "#5A5A5A" },
+				verticalLines: { stroke: "#5A5A5A" },
 				xAxis: { dataLabels: { color: "#CCCCCC" } },
 				yAxis: { dataLabels: { color: "#CCCCCC" } }
 			},
@@ -88,11 +104,19 @@ var t = /* @__PURE__ */ e({
 		zoom: {
 			color: "#4A4A4A",
 			highlightColor: "#9A9A9A",
+			preview: {
+				fill: "#8A8A8A20",
+				stroke: "#8A8A8A70"
+			},
 			minimap: {
 				selectedColor: "#8A8A8A",
 				lineColor: "#424242",
 				indicatorColor: "#CCCCCC"
-			}
+			},
+			dragToZoom: { selection: {
+				fill: "#8A8A8A",
+				stroke: "#8A8A8A"
+			} }
 		},
 		title: {
 			color: "#CCCCCC",
@@ -141,7 +165,20 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#5D4037",
-			highlightColor: "#FF8A65"
+			highlightColor: "#FF8A65",
+			preview: {
+				fill: "#FF8A6520",
+				stroke: "#FF8A6570"
+			},
+			minimap: {
+				selectedColor: "#FF8A65",
+				lineColor: "#424242",
+				indicatorColor: "#FF8A65"
+			},
+			dragToZoom: { selection: {
+				fill: "#FF8A65",
+				stroke: "#FF8A65"
+			} }
 		},
 		title: {
 			color: "#424242",
@@ -172,6 +209,8 @@ var t = /* @__PURE__ */ e({
 			selector: { color: "#FFF8E1" },
 			grid: {
 				stroke: "#5D4037",
+				horizontalLines: { stroke: "#5D4037" },
+				verticalLines: { stroke: "#5D4037" },
 				xAxis: { dataLabels: { color: "#BDBDBD" } },
 				yAxis: { dataLabels: { color: "#BDBDBD" } }
 			},
@@ -190,7 +229,20 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#5D4037",
-			highlightColor: "#FF8A65"
+			highlightColor: "#FF8A65",
+			preview: {
+				fill: "#FF8A6520",
+				stroke: "#FF8A6570"
+			},
+			minimap: {
+				selectedColor: "#FF8A65",
+				lineColor: "#FF6B6B",
+				indicatorColor: "#FF8A65"
+			},
+			dragToZoom: { selection: {
+				fill: "#FF8A65",
+				stroke: "#FF8A65"
+			} }
 		},
 		title: {
 			color: "#FFF8E1",
@@ -221,6 +273,8 @@ var t = /* @__PURE__ */ e({
 			selector: { color: "#7DA9B5" },
 			grid: {
 				stroke: "#334C33",
+				horizontalLines: { stroke: "#334C33" },
+				verticalLines: { stroke: "#334C33" },
 				xAxis: { dataLabels: { color: "#99CC99" } },
 				yAxis: { dataLabels: { color: "#99CC99" } }
 			},
@@ -239,7 +293,16 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#5F6A5F",
-			highlightColor: "#66CC66"
+			highlightColor: "#66CC66",
+			preview: {
+				fill: "#66CC6620",
+				stroke: "#66CC6670"
+			},
+			minimap: { indicatorColor: "#5F6A5F" },
+			dragToZoom: { selection: {
+				fill: "#66CC66",
+				stroke: "#66CC66"
+			} }
 		},
 		title: {
 			color: "#66CC66",
@@ -291,7 +354,19 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#E0CFC3",
-			highlightColor: "#8F837A"
+			highlightColor: "#8F837A",
+			preview: {
+				fill: "#8F837A20",
+				stroke: "#8F837A70"
+			},
+			minimap: {
+				selectedColor: "#8F837A",
+				indicatorColor: "#8A9892"
+			},
+			dragToZoom: { selection: {
+				fill: "#8F837A",
+				stroke: "#8F837A"
+			} }
 		},
 		title: {
 			color: "#8A9892",
@@ -338,7 +413,19 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#92B0AB",
-			highlightColor: "#50606C"
+			highlightColor: "#50606C",
+			preview: {
+				fill: "#50606C20",
+				stroke: "#50606C70"
+			},
+			minimap: {
+				selectedColor: "#50606C",
+				indicatorColor: "#50606C"
+			},
+			dragToZoom: { selection: {
+				fill: "#50606C",
+				stroke: "#50606C"
+			} }
 		},
 		title: {
 			color: "#50606C",

package/dist/{vue_ui_donut_evolution-D1yAAIHr.js → vue_ui_donut_evolution-C6951a2f.js}

@@ -27,7 +27,11 @@ var t = /* @__PURE__ */ e({
 		color: "#CCCCCC",
 		zoom: {
 			color: "#4A4A4A",
-			highlightColor: "#9A9A9A"
+			highlightColor: "#9A9A9A",
+			dragToZoom: { selection: {
+				fill: "#8A8A8A",
+				stroke: "#8A8A8A"
+			} }
 		},
 		dialog: {
 			backgroundColor: "#1A1A1A",
@@ -128,7 +132,11 @@ var t = /* @__PURE__ */ e({
 		color: "#CCCCCC",
 		zoom: {
 			color: "#4A4A4A",
-			highlightColor: "#9A9A9A"
+			highlightColor: "#9A9A9A",
+			dragToZoom: { selection: {
+				fill: "#8A8A8A",
+				stroke: "#8A8A8A"
+			} }
 		},
 		dialog: {
 			backgroundColor: "#1A1A1A",
@@ -225,7 +233,11 @@ var t = /* @__PURE__ */ e({
 		color: "#424242",
 		zoom: {
 			color: "#5D4037",
-			highlightColor: "#FF8A65"
+			highlightColor: "#FF8A65",
+			dragToZoom: { selection: {
+				fill: "#FF8A65",
+				stroke: "#FF8A65"
+			} }
 		},
 		dialog: {
 			backgroundColor: "#FFF8E1",
@@ -323,7 +335,11 @@ var t = /* @__PURE__ */ e({
 		color: "#BDBDBD",
 		zoom: {
 			color: "#5D4037",
-			highlightColor: "#FF8A65"
+			highlightColor: "#FF8A65",
+			dragToZoom: { selection: {
+				fill: "#FF8A65",
+				stroke: "#FF8A65"
+			} }
 		},
 		dialog: {
 			backgroundColor: "#1E1E1E",
@@ -421,7 +437,11 @@ var t = /* @__PURE__ */ e({
 		color: "#99AA99",
 		zoom: {
 			color: "#5F6A5F",
-			highlightColor: "#66CC66"
+			highlightColor: "#66CC66",
+			dragToZoom: { selection: {
+				fill: "#66CC66",
+				stroke: "#66CC66"
+			} }
 		},
 		dialog: {
 			backgroundColor: "#1A1A1A",
@@ -518,7 +538,11 @@ var t = /* @__PURE__ */ e({
 		color: "#8A9892",
 		zoom: {
 			color: "#E0CFC3",
-			highlightColor: "#8F837A"
+			highlightColor: "#8F837A",
+			dragToZoom: { selection: {
+				fill: "#8F837A",
+				stroke: "#8F837A"
+			} }
 		},
 		dialog: {
 			backgroundColor: "#fbfafa",
@@ -613,7 +637,11 @@ var t = /* @__PURE__ */ e({
 		color: "#50606C",
 		zoom: {
 			color: "#92B0AB",
-			highlightColor: "#50606C"
+			highlightColor: "#50606C",
+			dragToZoom: { selection: {
+				fill: "#50606C",
+				stroke: "#50606C"
+			} }
 		},
 		dialog: {
 			backgroundColor: "#f6f6fb",

package/dist/{vue_ui_quick_chart-mZBdml3Z.js → vue_ui_quick_chart-DByCqSYE.js}

@@ -14,7 +14,10 @@ var t = /* @__PURE__ */ e({
 	showUserOptions: !1,
 	showLegend: !1,
 	xyShowGrid: !1,
-	zoomMinimap: { show: !0 }
+	zoomMinimap: {
+		show: !0,
+		frameColor: "transparent"
+	}
 }, r = {
 	showUserOptions: !1,
 	showLegend: !1,
@@ -30,11 +33,16 @@ var t = /* @__PURE__ */ e({
 	zoomColor: "#4A4A4A",
 	zoomHighlightColor: "#9A9A9A",
 	zoomMinimap: {
+		frameColor: "transparent",
 		show: !0,
 		lineColor: "#424242",
 		selectedColor: "#8A8A8A",
 		indicatorColor: "#CCCCCC"
 	},
+	dragToZoom: { selection: {
+		fill: "#8A8A8A",
+		stroke: "#8A8A8A"
+	} },
 	tooltipBorderColor: "#3A3A3A",
 	tooltipBackgroundOpacity: 70
 }, i = {
@@ -53,6 +61,10 @@ var t = /* @__PURE__ */ e({
 		selectedColor: "#8A8A8A",
 		indicatorColor: "#CCCCCC"
 	},
+	dragToZoom: { selection: {
+		fill: "#8A8A8A",
+		stroke: "#8A8A8A"
+	} },
 	tooltipBorderColor: "#5A5A5A",
 	tooltipBackgroundOpacity: 70
 }, a = {
@@ -70,6 +82,10 @@ var t = /* @__PURE__ */ e({
 		lineColor: "#424242",
 		selectedColor: "#FF8A65"
 	},
+	dragToZoom: { selection: {
+		fill: "#FF8A65",
+		stroke: "#FF8A65"
+	} },
 	tooltipBorderColor: "#FF8A65",
 	tooltipBackgroundOpacity: 30
 }, o = {
@@ -88,6 +104,10 @@ var t = /* @__PURE__ */ e({
 		selectedColor: "#FF8A65",
 		indicatorColor: "#FF8A65"
 	},
+	dragToZoom: { selection: {
+		fill: "#FF8A65",
+		stroke: "#FF8A65"
+	} },
 	tooltipBorderColor: "#FF8A65",
 	tooltipBackgroundOpacity: 30
 }, s = {
@@ -101,7 +121,12 @@ var t = /* @__PURE__ */ e({
 	xyHighlighterColor: "#66CC66",
 	zoomColor: "#5F6A5F",
 	zoomHighlightColor: "#66CC66",
-	tooltipBorderColor: "#66CC66"
+	tooltipBorderColor: "#66CC66",
+	zoomMinimap: { indicatorColor: "#5F6A5F" },
+	dragToZoom: { selection: {
+		fill: "#66CC66",
+		stroke: "#66CC66"
+	} }
 }, c = {
 	backgroundColor: "#fbfafa",
 	color: "#8A9892",
@@ -112,7 +137,15 @@ var t = /* @__PURE__ */ e({
 	xyGridStroke: "transparent",
 	xyHighlighterColor: "#8F837A",
 	zoomColor: "#E0CFC3",
-	zoomHighlightColor: "#8F837A"
+	zoomHighlightColor: "#8F837A",
+	zoomMinimap: {
+		selectedColor: "#8F837A",
+		indicatorColor: "#8A9892"
+	},
+	dragToZoom: { selection: {
+		fill: "#8F837A",
+		stroke: "#8F837A"
+	} }
 }, l = {
 	backgroundColor: "#f6f6fb",
 	color: "#50606C",
@@ -123,7 +156,15 @@ var t = /* @__PURE__ */ e({
 	xyGridStroke: "#CCD6D3",
 	xyHighlighterColor: "#7DA9B5",
 	zoomColor: "#92B0AB",
-	zoomHighlightColor: "#50606C"
+	zoomHighlightColor: "#50606C",
+	zoomMinimap: {
+		selectedColor: "#50606C",
+		indicatorColor: "#50606C"
+	},
+	dragToZoom: { selection: {
+		fill: "#50606C",
+		stroke: "#50606C"
+	} }
 }, u = {
 	default: {},
 	minimal: n,

package/dist/{vue_ui_sparkline-auZhap6Y.js → vue_ui_sparkline-b9pEUyGF.js}

@@ -13,7 +13,11 @@ var t = /* @__PURE__ */ e({
 }), n = { style: {
 	line: { color: "#2A2929" },
 	area: { color: "#65698E" },
-	bar: { color: "#2A2929" }
+	bar: { color: "#2A2929" },
+	zoom: {
+		selection: { fill: "#2A2929" },
+		resetButton: { color: "#2A2929" }
+	}
 } }, r = { style: {
 	backgroundColor: "#1A1A1A",
 	zeroLine: { color: "#5A5A5A" },
@@ -29,6 +33,10 @@ var t = /* @__PURE__ */ e({
 		backgroundOpacity: 70,
 		color: "#CCCCCC",
 		borderColor: "#3A3A3A"
+	},
+	zoom: {
+		selection: { fill: "#CCCCCC" },
+		resetButton: { color: "#CCCCCC" }
 	}
 } }, i = { style: {
 	backgroundColor: "#1A1A1A",
@@ -42,6 +50,10 @@ var t = /* @__PURE__ */ e({
 		backgroundColor: "#1A1A1A",
 		borderColor: "#5A5A5A",
 		backgroundOpacity: 70
+	},
+	zoom: {
+		selection: { fill: "#CCCCCC" },
+		resetButton: { color: "#CCCCCC" }
 	}
 } }, a = { style: {
 	backgroundColor: "#FFF8E1",
@@ -61,6 +73,10 @@ var t = /* @__PURE__ */ e({
 		backgroundOpacity: 30,
 		color: "#424242",
 		borderColor: "#FF8A65"
+	},
+	zoom: {
+		selection: { fill: "#424242" },
+		resetButton: { color: "#424242" }
 	}
 } }, o = { style: {
 	backgroundColor: "#1E1E1E",
@@ -80,6 +96,10 @@ var t = /* @__PURE__ */ e({
 		backgroundOpacity: 30,
 		color: "#FFF8E1",
 		borderColor: "#FF8A65"
+	},
+	zoom: {
+		selection: { fill: "#FFF8E1" },
+		resetButton: { color: "#BDBDBD" }
 	}
 } }, s = { style: {
 	backgroundColor: "#1A1A1A",
@@ -98,6 +118,10 @@ var t = /* @__PURE__ */ e({
 		backgroundColor: "#2A2F2A",
 		color: "#AACCAA",
 		borderColor: "#66CC66"
+	},
+	zoom: {
+		selection: { fill: "#AACCAA" },
+		resetButton: { color: "#AACCAA" }
 	}
 } }, c = { style: {
 	backgroundColor: "#fbfafa",
@@ -118,6 +142,10 @@ var t = /* @__PURE__ */ e({
 	tooltip: {
 		backgroundColor: "#fbfafa",
 		color: "#8A9892"
+	},
+	zoom: {
+		selection: { fill: "#A0AC94" },
+		resetButton: { color: "#A0AC94" }
 	}
 } }, l = { style: {
 	backgroundColor: "#f6f6fb",
@@ -135,6 +163,10 @@ var t = /* @__PURE__ */ e({
 	tooltip: {
 		backgroundColor: "#f6f6fb",
 		color: "#50606C"
+	},
+	zoom: {
+		selection: { fill: "#61747E" },
+		resetButton: { color: "#61747E" }
 	}
 } }, u = {
 	default: {},

package/dist/{vue_ui_stackbar-COOrQQdK.js → vue_ui_stackbar-DdjDL6aq.js}

@@ -15,7 +15,10 @@ var t = /* @__PURE__ */ e({
 	style: { chart: {
 		legend: { show: !1 },
 		bars: { gradient: { show: !1 } },
-		zoom: { minimap: { show: !0 } }
+		zoom: { minimap: {
+			show: !0,
+			frameColor: "transparent"
+		} }
 	} }
 }, r = {
 	userOptions: { show: !1 },
@@ -48,12 +51,21 @@ var t = /* @__PURE__ */ e({
 		zoom: {
 			color: "#4A4A4A",
 			highlightColor: "#9A9A9A",
+			preview: {
+				fill: "#8A8A8A20",
+				stroke: "#8A8A8A70"
+			},
 			minimap: {
 				show: !0,
 				selectedColor: "#8A8A8A",
 				lineColor: "#424242",
-				indicatorColor: "#CCCCCC"
-			}
+				indicatorColor: "#CCCCCC",
+				frameColor: "transparent"
+			},
+			dragToZoom: { selection: {
+				fill: "#8A8A8A",
+				stroke: "#8A8A8A"
+			} }
 		},
 		highlighter: { color: "#CCCCCC" },
 		tooltip: {
@@ -111,11 +123,19 @@ var t = /* @__PURE__ */ e({
 		zoom: {
 			color: "#4A4A4A",
 			highlightColor: "#9A9A9A",
+			preview: {
+				fill: "#8A8A8A20",
+				stroke: "#8A8A8A70"
+			},
 			minimap: {
 				selectedColor: "#8A8A8A",
 				lineColor: "#424242",
 				indicatorColor: "#CCCCCC"
-			}
+			},
+			dragToZoom: { selection: {
+				fill: "#8A8A8A",
+				stroke: "#8A8A8A"
+			} }
 		},
 		highlighter: { color: "#CCCCCC" },
 		tooltip: {
@@ -169,7 +189,20 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#5D4037",
-			highlightColor: "#FF8A65"
+			highlightColor: "#FF8A65",
+			preview: {
+				fill: "#FF8A6520",
+				stroke: "#FF8A6570"
+			},
+			minimap: {
+				selectedColor: "#FF8A65",
+				lineColor: "#424242",
+				indicatorColor: "#FF8A65"
+			},
+			dragToZoom: { selection: {
+				fill: "#FF8A65",
+				stroke: "#FF8A65"
+			} }
 		},
 		highlighter: { color: "#424242" },
 		tooltip: {
@@ -220,7 +253,20 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#5D4037",
-			highlightColor: "#FF8A65"
+			highlightColor: "#FF8A65",
+			preview: {
+				fill: "#FF8A6520",
+				stroke: "#FF8A6570"
+			},
+			minimap: {
+				selectedColor: "#FF8A65",
+				lineColor: "#FF6B6B",
+				indicatorColor: "#FF8A65"
+			},
+			dragToZoom: { selection: {
+				fill: "#FF8A65",
+				stroke: "#FF8A65"
+			} }
 		},
 		highlighter: { color: "#FFF8E1" },
 		tooltip: {
@@ -271,7 +317,16 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#5F6A5F",
-			highlightColor: "#66CC66"
+			highlightColor: "#66CC66",
+			preview: {
+				fill: "#66CC6620",
+				stroke: "#66CC6670"
+			},
+			minimap: { indicatorColor: "#5F6A5F" },
+			dragToZoom: { selection: {
+				fill: "#66CC66",
+				stroke: "#66CC66"
+			} }
 		},
 		highlighter: { color: "#66CC66" },
 		tooltip: {
@@ -321,7 +376,19 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#E0CFC3",
-			highlightColor: "#8F837A"
+			highlightColor: "#8F837A",
+			preview: {
+				fill: "#8F837A20",
+				stroke: "#8F837A70"
+			},
+			minimap: {
+				selectedColor: "#8F837A",
+				indicatorColor: "#8A9892"
+			},
+			dragToZoom: { selection: {
+				fill: "#8F837A",
+				stroke: "#8F837A"
+			} }
 		},
 		highlighter: { color: "#8F837A" },
 		tooltip: {
@@ -374,7 +441,19 @@ var t = /* @__PURE__ */ e({
 		},
 		zoom: {
 			color: "#92B0AB",
-			highlightColor: "#50606C"
+			highlightColor: "#50606C",
+			preview: {
+				fill: "#50606C20",
+				stroke: "#50606C70"
+			},
+			minimap: {
+				selectedColor: "#50606C",
+				indicatorColor: "#50606C"
+			},
+			dragToZoom: { selection: {
+				fill: "#50606C",
+				stroke: "#50606C"
+			} }
 		},
 		highlighter: { color: "#7DA9B5" },
 		tooltip: {