smarter-charts 2.2.0 → 2.3.0

package/dist/{apexcharts.ssr.esm-fe46cd2d-C4I5ONZa.js → apexcharts.ssr.esm-fe46cd2d-BxO-IQ5_.js}

@@ -287,12 +287,13 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 		if (typeof e != "object" || !e) return e;
 		if (t.has(e)) return t.get(e);
 		let r;
-		if (Array.isArray(e)) if (n) r = e.slice();
-		else {
-			r = [], t.set(e, r);
-			for (let n = 0; n < e.length; n++) r[n] = this.clone(e[n], t, !1);
-		}
-		else if (e instanceof Date) r = new Date(e.getTime());
+		if (Array.isArray(e)) {
+			if (n) r = e.slice();
+			else {
+				r = [], t.set(e, r);
+				for (let n = 0; n < e.length; n++) r[n] = this.clone(e[n], t, !1);
+			}
+		} else if (e instanceof Date) r = new Date(e.getTime());
 		else if (n) r = Object.assign({}, e);
 		else {
 			r = {}, t.set(e, r);
@@ -632,9 +633,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 			case this.months31.indexOf(e) > -1:
 				n = 31;
 				break;
-			default:
-				n = 31;
-				break;
+			default: n = 31;
 		}
 		return n;
 	}
@@ -655,16 +654,18 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 	}
 	defaultYFormatter(e, t) {
 		let n = this.w;
-		if (y.isNumber(e)) if (n.globals.yValueDecimal !== 0) e = e.toFixed(t.decimalsInFloat === void 0 ? n.globals.yValueDecimal : t.decimalsInFloat);
-		else {
-			let t = e.toFixed(0);
-			e = e == t ? t : e.toFixed(1);
+		if (y.isNumber(e)) {
+			if (n.globals.yValueDecimal !== 0) e = e.toFixed(t.decimalsInFloat === void 0 ? n.globals.yValueDecimal : t.decimalsInFloat);
+			else {
+				let t = e.toFixed(0);
+				e = e == t ? t : e.toFixed(1);
+			}
 		}
 		return e;
 	}
 	setLabelFormatters() {
 		let e = this.w, t = e.formatters;
-		return t.xaxisTooltipFormatter = (e) => this.defaultGeneralFormatter(e), t.ttKeyFormatter = (e) => this.defaultGeneralFormatter(e), t.ttZFormatter = (e) => e, t.legendFormatter = (e) => this.defaultGeneralFormatter(e), e.config.xaxis.labels.formatter === void 0 ? t.xLabelFormatter = (t) => {
+		return t.xaxisTooltipFormatter = (e) => this.defaultGeneralFormatter(e), t.ttKeyFormatter = (e) => this.defaultGeneralFormatter(e), t.ttZFormatter = (e) => e, t.legendFormatter = (e) => this.defaultGeneralFormatter(e), t.xLabelFormatter = e.config.xaxis.labels.formatter === void 0 ? (t) => {
 			if (y.isNumber(t)) {
 				if (!e.config.xaxis.convertedCatToNumeric && e.config.xaxis.type === "numeric") {
 					if (y.isNumber(e.config.xaxis.decimalsInFloat)) return t.toFixed(e.config.xaxis.decimalsInFloat);
@@ -676,7 +677,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 				return e.globals.isBarHorizontal && e.globals.maxY - e.globals.minYArr < 4 ? t.toFixed(1) : t.toFixed(0);
 			}
 			return t;
-		} : t.xLabelFormatter = e.config.xaxis.labels.formatter, typeof e.config.tooltip.x.formatter == "function" ? t.ttKeyFormatter = e.config.tooltip.x.formatter : t.ttKeyFormatter = t.xLabelFormatter, typeof e.config.xaxis.tooltip.formatter == "function" && (t.xaxisTooltipFormatter = e.config.xaxis.tooltip.formatter), (Array.isArray(e.config.tooltip.y) || e.config.tooltip.y.formatter !== void 0) && (t.ttVal = e.config.tooltip.y), e.config.tooltip.z.formatter !== void 0 && (t.ttZFormatter = e.config.tooltip.z.formatter), e.config.legend.formatter !== void 0 && (t.legendFormatter = e.config.legend.formatter), t.yLabelFormatters = [], e.config.yaxis.forEach((n, r) => {
+		} : e.config.xaxis.labels.formatter, t.ttKeyFormatter = typeof e.config.tooltip.x.formatter == "function" ? e.config.tooltip.x.formatter : t.xLabelFormatter, typeof e.config.xaxis.tooltip.formatter == "function" && (t.xaxisTooltipFormatter = e.config.xaxis.tooltip.formatter), (Array.isArray(e.config.tooltip.y) || e.config.tooltip.y.formatter !== void 0) && (t.ttVal = e.config.tooltip.y), e.config.tooltip.z.formatter !== void 0 && (t.ttZFormatter = e.config.tooltip.z.formatter), e.config.legend.formatter !== void 0 && (t.legendFormatter = e.config.legend.formatter), t.yLabelFormatters = [], e.config.yaxis.forEach((n, r) => {
 			n.labels.formatter === void 0 ? t.yLabelFormatters[r] = (t) => e.globals.xyCharts ? Array.isArray(t) ? t.map((e) => this.defaultYFormatter(e, n, r)) : this.defaultYFormatter(t, n, r) : t : t.yLabelFormatters[r] = n.labels.formatter;
 		}), e.globals;
 	}
@@ -703,11 +704,12 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 		w: a
 	})), typeof d == "function" && (l = d(l, p)), Number.isFinite(r) && Number.isFinite(i) && (s = r, c = i);
 	let m = "", h = "", g = a.globals.colors[t];
-	if (a.config.tooltip.x.formatter === void 0) if (a.config.xaxis.type === "datetime") {
-		let e = new b(a);
-		m = e.formatDate(e.getDate(s), a.config.tooltip.x.format), h = e.formatDate(e.getDate(c), a.config.tooltip.x.format);
-	} else m = s, h = c;
-	else m = a.config.tooltip.x.formatter(s), h = a.config.tooltip.x.formatter(c);
+	if (a.config.tooltip.x.formatter === void 0) {
+		if (a.config.xaxis.type === "datetime") {
+			let e = new b(a);
+			m = e.formatDate(e.getDate(s), a.config.tooltip.x.format), h = e.formatDate(e.getDate(c), a.config.tooltip.x.format);
+		} else m = s, h = c;
+	} else m = a.config.tooltip.x.formatter(s), h = a.config.tooltip.x.formatter(c);
 	return {
 		start: s,
 		end: c,
@@ -2576,7 +2578,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 		let n = new E();
 		(typeof e.yaxis > "u" || !e.yaxis || Array.isArray(e.yaxis) && e.yaxis.length === 0) && (e.yaxis = {});
 		let r = d.getApex();
-		e.yaxis.constructor !== Array && r.yaxis && r.yaxis.constructor !== Array && (e.yaxis = y.extend(e.yaxis, r.yaxis)), e.yaxis.constructor === Array ? e.yaxis = y.extendArray(e.yaxis, n.yAxis) : e.yaxis = [y.extend(n.yAxis, e.yaxis)];
+		e.yaxis.constructor !== Array && r.yaxis && r.yaxis.constructor !== Array && (e.yaxis = y.extend(e.yaxis, r.yaxis)), e.yaxis = e.yaxis.constructor === Array ? y.extendArray(e.yaxis, n.yAxis) : [y.extend(n.yAxis, e.yaxis)];
 		let i = !1;
 		e.yaxis.forEach((e) => {
 			e.logarithmic && (i = !0);
@@ -3744,12 +3746,10 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 				r /= 1.1, i = `M ${e - r} ${t} 
            L ${e + r} ${t}`;
 				break;
-			default:
-				r *= 2, i = `M ${e}, ${t} 
+			default: r *= 2, i = `M ${e}, ${t} 
            m -${r / 2}, 0 
            a ${r / 2},${r / 2} 0 1,0 ${r},0 
            a ${r / 2},${r / 2} 0 1,0 -${r},0`;
-				break;
 		}
 		return i;
 	}
@@ -3792,7 +3792,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 				dataPointIndex: o,
 				w: r
 			}
-		]), !(r.config.states.active.filter.type !== "none" && t.node.getAttribute("selected") === "true") && r.config.states.hover.filter.type !== "none" && !r.interact.isTouchDevice) {
+		]), (r.config.states.active.filter.type === "none" || t.node.getAttribute("selected") !== "true") && r.config.states.hover.filter.type !== "none" && !r.interact.isTouchDevice) {
 			let e = r.config.states.hover.filter;
 			i.applyFilter(t, a, e.type);
 		}
@@ -3811,7 +3811,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 				dataPointIndex: o,
 				w: r
 			}
-		]), !(r.config.states.active.filter.type !== "none" && t.node.getAttribute("selected") === "true") && r.config.states.hover.filter.type !== "none" && i.getDefaultFilter(t, a);
+		]), (r.config.states.active.filter.type === "none" || t.node.getAttribute("selected") !== "true") && r.config.states.hover.filter.type !== "none" && i.getDefaultFilter(t, a);
 	}
 	pathMouseDown(t, n) {
 		let r = this.w, i = new F(this.w), a = parseInt(t.node.getAttribute("index"), 10), o = parseInt(t.node.getAttribute("j"), 10), s = "false";
@@ -3839,10 +3839,12 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 				let e = r.config.states.hover.filter;
 				i.applyFilter(t, a, e.type);
 			}
-		} else if (r.config.states.active.filter.type !== "none") if (r.config.states.hover.filter.type !== "none" && !r.interact.isTouchDevice) {
-			let e = r.config.states.hover.filter;
-			i.applyFilter(t, a, e.type);
-		} else i.getDefaultFilter(t, a);
+		} else if (r.config.states.active.filter.type !== "none") {
+			if (r.config.states.hover.filter.type !== "none" && !r.interact.isTouchDevice) {
+				let e = r.config.states.hover.filter;
+				i.applyFilter(t, a, e.type);
+			} else i.getDefaultFilter(t, a);
+		}
 		typeof r.config.chart.events.dataPointSelection == "function" && r.config.chart.events.dataPointSelection(n, this.ctx, {
 			selectedDataPoints: r.interact.selectedDataPoints,
 			seriesIndex: a,
@@ -3983,7 +3985,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 	}
 	getSeriesIndex(e) {
 		let t = this.w, n = t.config.chart.type;
-		return (n === "bar" || n === "rangeBar") && t.config.plotOptions.bar.distributed || n === "heatmap" || n === "treemap" ? this.seriesIndex = e.seriesNumber : this.seriesIndex = e.seriesNumber % t.seriesData.series.length, this.seriesIndex;
+		return this.seriesIndex = (n === "bar" || n === "rangeBar") && t.config.plotOptions.bar.distributed || n === "heatmap" || n === "treemap" ? e.seriesNumber : e.seriesNumber % t.seriesData.series.length, this.seriesIndex;
 	}
 	computeColorStops(e, t) {
 		let n = this.w, r = null, i = null;
@@ -4159,7 +4161,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 			let n = t + 1, i = !0;
 			t === 0 && e === 0 && (n = 0), t === 0 && e === 1 && (n = 1);
 			let u = r.globals.markers.size[a];
-			if (s !== Infinity) {
+			if (s !== 1 / 0) {
 				let e = r.config.plotOptions.bubble;
 				u = r.seriesData.seriesZ[a][n], e.zScaling && (u /= s), e.minBubbleRadius && u < e.minBubbleRadius && (u = e.minBubbleRadius), e.maxBubbleRadius && u > e.maxBubbleRadius && (u = e.maxBubbleRadius);
 			}
@@ -4407,7 +4409,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 		this.w = e, this.ctx = t, this.elgrid = n, this.axesUtils = new H(e, {
 			theme: t.theme,
 			timeScale: t.timeScale
-		}), this.xaxisLabels = e.labelData.labels.slice(), e.labelData.timescaleLabels.length > 0 && !e.globals.isBarHorizontal && (this.xaxisLabels = e.labelData.timescaleLabels.slice()), e.config.xaxis.overwriteCategories && (this.xaxisLabels = e.config.xaxis.overwriteCategories), this.drawnLabels = [], this.drawnLabelsRects = [], e.config.xaxis.position === "top" ? this.offY = 0 : this.offY = e.layout.gridHeight, this.offY += e.config.xaxis.axisBorder.offsetY, this.isCategoryBarHorizontal = e.config.chart.type === "bar" && e.config.plotOptions.bar.horizontal, this.xaxisFontSize = e.config.xaxis.labels.style.fontSize, this.xaxisFontFamily = e.config.xaxis.labels.style.fontFamily, this.xaxisForeColors = e.config.xaxis.labels.style.colors, this.xaxisBorderWidth = e.config.xaxis.axisBorder.width, this.isCategoryBarHorizontal && (this.xaxisBorderWidth = e.config.yaxis[0].axisBorder.width.toString()), String(this.xaxisBorderWidth).indexOf("%") > -1 ? this.xaxisBorderWidth = e.layout.gridWidth * parseInt(this.xaxisBorderWidth, 10) / 100 : this.xaxisBorderWidth = parseInt(this.xaxisBorderWidth, 10), this.xaxisBorderHeight = e.config.xaxis.axisBorder.height, this.yaxis = e.config.yaxis[0];
+		}), this.xaxisLabels = e.labelData.labels.slice(), e.labelData.timescaleLabels.length > 0 && !e.globals.isBarHorizontal && (this.xaxisLabels = e.labelData.timescaleLabels.slice()), e.config.xaxis.overwriteCategories && (this.xaxisLabels = e.config.xaxis.overwriteCategories), this.drawnLabels = [], this.drawnLabelsRects = [], this.offY = e.config.xaxis.position === "top" ? 0 : e.layout.gridHeight, this.offY += e.config.xaxis.axisBorder.offsetY, this.isCategoryBarHorizontal = e.config.chart.type === "bar" && e.config.plotOptions.bar.horizontal, this.xaxisFontSize = e.config.xaxis.labels.style.fontSize, this.xaxisFontFamily = e.config.xaxis.labels.style.fontFamily, this.xaxisForeColors = e.config.xaxis.labels.style.colors, this.xaxisBorderWidth = e.config.xaxis.axisBorder.width, this.isCategoryBarHorizontal && (this.xaxisBorderWidth = e.config.yaxis[0].axisBorder.width.toString()), this.xaxisBorderWidth = String(this.xaxisBorderWidth).indexOf("%") > -1 ? e.layout.gridWidth * parseInt(this.xaxisBorderWidth, 10) / 100 : parseInt(this.xaxisBorderWidth, 10), this.xaxisBorderHeight = e.config.xaxis.axisBorder.height, this.yaxis = e.config.yaxis[0];
 	}
 	drawXaxis() {
 		let e = this.w, t = new I(this.w), n = t.group({
@@ -4699,19 +4701,19 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 			}), r += n.layout.gridWidth / (n.axisFlags.isXNumeric ? t - 1 : t), a = r;
 		};
 		if (n.config.grid.xaxis.lines.show || n.config.xaxis.axisTicks.show) {
-			let t = n.globals.padHorizontal, a = n.layout.gridHeight;
+			let t = n.globals.padHorizontal, a, o = n.layout.gridHeight;
 			n.labelData.timescaleLabels.length ? r({
 				xC: e,
 				x1: t,
 				y1: 0,
-				x2: void 0,
-				y2: a
+				x2: a,
+				y2: o
 			}) : (n.axisFlags.isXNumeric && (e = n.globals.xAxisScale.result.length), i({
 				xC: e,
 				x1: t,
 				y1: 0,
-				x2: void 0,
-				y2: a
+				x2: a,
+				y2: o
 			}));
 		}
 		if (n.config.grid.yaxis.lines.show) {
@@ -4819,12 +4821,14 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 		let g = m / p, _ = g, v = Math.floor(Math.log10(_)), b = 10 ** v, x = Math.ceil(_ / b);
 		if (x = k[i.yValueDecimal === 0 ? 0 : 1][x], _ = x * b, g = _, i.isBarHorizontal && a.stepSize && a.type !== "datetime" ? (g = a.stepSize, l = !0) : l && (g = a.stepSize), l && a.forceNiceScale && (g *= 10 ** (v - Math.floor(Math.log10(g)))), s && c) {
 			let e = m / p;
-			if (u) if (l) if (y.mod(m, g) != 0) {
-				let t = y.getGCD(g, e);
-				g = e / t < 10 ? t : e;
-			} else y.mod(g, e) == 0 ? g = e : (e = g, u = !1);
-			else g = e;
-			else if (l) y.mod(m, g) == 0 ? e = g : g = e;
+			if (u) {
+				if (l) {
+					if (y.mod(m, g) != 0) {
+						let t = y.getGCD(g, e);
+						g = e / t < 10 ? t : e;
+					} else y.mod(g, e) == 0 ? g = e : (e = g, u = !1);
+				} else g = e;
+			} else if (l) y.mod(m, g) == 0 ? e = g : g = e;
 			else if (y.mod(m, g) == 0) e = g;
 			else {
 				p = Math.ceil(m / g), e = m / p;
@@ -4833,19 +4837,23 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 			}
 			p = Math.round(m / g);
 		} else {
-			if (!s && !c) if (i.isMultipleYAxis && u) {
-				let n = g * Math.floor(e / g), r = n + g * p;
-				r < t && (g *= 2), e = n, r = t, t = e + g * p, m = Math.abs(t - e), e > 0 && e < Math.abs(r - t) && (e = 0, t = g * p), t < 0 && -t < Math.abs(n - e) && (t = 0, e = -g * p);
-			} else e = g * Math.floor(e / g), t = g * Math.ceil(t / g);
-			else if (c) if (u) e = t - g * p;
-			else {
-				let n = e;
-				e = g * Math.floor(e / g), Math.abs(t - e) / y.getGCD(m, g) > o && (e = t - g * d, e += g * Math.floor((n - e) / g));
-			}
-			else if (s) if (u) t = e + g * p;
-			else {
-				let n = t;
-				t = g * Math.ceil(t / g), Math.abs(t - e) / y.getGCD(m, g) > o && (t = e + g * d, t += g * Math.ceil((n - t) / g));
+			if (!s && !c) {
+				if (i.isMultipleYAxis && u) {
+					let n = g * Math.floor(e / g), r = n + g * p;
+					r < t && (g *= 2), e = n, r = t, t = e + g * p, m = Math.abs(t - e), e > 0 && e < Math.abs(r - t) && (e = 0, t = g * p), t < 0 && -t < Math.abs(n - e) && (t = 0, e = -g * p);
+				} else e = g * Math.floor(e / g), t = g * Math.ceil(t / g);
+			} else if (c) {
+				if (u) e = t - g * p;
+				else {
+					let n = e;
+					e = g * Math.floor(e / g), Math.abs(t - e) / y.getGCD(m, g) > o && (e = t - g * d, e += g * Math.floor((n - e) / g));
+				}
+			} else if (s) {
+				if (u) t = e + g * p;
+				else {
+					let n = t;
+					t = g * Math.ceil(t / g), Math.abs(t - e) / y.getGCD(m, g) > o && (t = e + g * d, t += g * Math.ceil((n - t) / g));
+				}
 			}
 			m = Math.abs(t - e), g = y.getGCD(m, g), p = Math.round(m / g);
 		}
@@ -5009,9 +5017,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 						case "candlestick":
 							typeof this.w.candleData.seriesCandleC[f][i] < "u" && (o = Math.max(o, this.w.candleData.seriesCandleH[f][i]), t = Math.min(t, this.w.candleData.seriesCandleL[f][i]));
 							break;
-						case "boxPlot":
-							typeof this.w.candleData.seriesCandleC[f][i] < "u" && (o = Math.max(o, this.w.candleData.seriesCandleC[f][i]), t = Math.min(t, this.w.candleData.seriesCandleO[f][i]));
-							break;
+						case "boxPlot": typeof this.w.candleData.seriesCandleC[f][i] < "u" && (o = Math.max(o, this.w.candleData.seriesCandleC[f][i]), t = Math.min(t, this.w.candleData.seriesCandleO[f][i]));
 					}
 					e && e !== "candlestick" && e !== "boxPlot" && e !== "rangeArea" && e !== "rangeBar" && (o = Math.max(o, this.w.seriesData.series[f][i]), t = Math.min(t, this.w.seriesData.series[f][i])), this.w.seriesData.seriesGoals[f] && this.w.seriesData.seriesGoals[f][i] && Array.isArray(this.w.seriesData.seriesGoals[f][i]) && this.w.seriesData.seriesGoals[f][i].forEach((e) => {
 						o = Math.max(o, e.value), t = Math.min(t, e.value);
@@ -5048,9 +5054,7 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 				case "line":
 					e.lineGroups.push(n.group);
 					break;
-				case "area":
-					e.areaGroups.push(n.group);
-					break;
+				case "area": e.areaGroups.push(n.group);
 			}
 		}), e.barGroups = e.barGroups.filter((e, t, n) => n.indexOf(e) === t), e.lineGroups = e.lineGroups.filter((e, t, n) => n.indexOf(e) === t), e.areaGroups = e.areaGroups.filter((e, t, n) => n.indexOf(e) === t), {
 			minY: e.minY,
@@ -5073,16 +5077,17 @@ var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPro
 					t < 30 && (r = t);
 				}
 			} else r = t.xaxis.tickAmount;
-			if (e.xTickAmount = r, t.xaxis.max !== void 0 && typeof t.xaxis.max == "number" && (e.maxX = t.xaxis.max), t.xaxis.min !== void 0 && typeof t.xaxis.min == "number" && (e.minX = t.xaxis.min), t.xaxis.range !== void 0 && (e.minX = e.maxX - t.xaxis.range), e.minX !== Number.MAX_VALUE && e.maxX !== -Number.MAX_VALUE) if (t.xaxis.convertedCatToNumeric && !this.w.axisFlags.dataFormatXNumeric) {
-				let t = [];
-				for (let n = e.minX - 1; n < e.maxX; n++) t.push(n + 1);
-				e.xAxisScale = {
-					result: t,
-					niceMin: t[0],
-					niceMax: t[t.length - 1]
-				};
-			} else e.xAxisScale = this.scales.setXScale(e.minX, e.maxX);
-			else e.xAxisScale = this.scales.linearScale(0, r, r, 0, t.xaxis.stepSize), this.w.axisFlags.noLabelsProvided && this.w.labelData.labels.length > 0 && (e.xAxisScale = this.scales.linearScale(1, this.w.labelData.labels.length, r - 1, 0, t.xaxis.stepSize), this.w.seriesData.seriesX = this.w.labelData.labels.slice());
+			if (e.xTickAmount = r, t.xaxis.max !== void 0 && typeof t.xaxis.max == "number" && (e.maxX = t.xaxis.max), t.xaxis.min !== void 0 && typeof t.xaxis.min == "number" && (e.minX = t.xaxis.min), t.xaxis.range !== void 0 && (e.minX = e.maxX - t.xaxis.range), e.minX !== Number.MAX_VALUE && e.maxX !== -Number.MAX_VALUE) {
+				if (t.xaxis.convertedCatToNumeric && !this.w.axisFlags.dataFormatXNumeric) {
+					let t = [];
+					for (let n = e.minX - 1; n < e.maxX; n++) t.push(n + 1);
+					e.xAxisScale = {
+						result: t,
+						niceMin: t[0],
+						niceMax: t[t.length - 1]
+					};
+				} else e.xAxisScale = this.scales.setXScale(e.minX, e.maxX);
+			} else e.xAxisScale = this.scales.linearScale(0, r, r, 0, t.xaxis.stepSize), this.w.axisFlags.noLabelsProvided && this.w.labelData.labels.length > 0 && (e.xAxisScale = this.scales.linearScale(1, this.w.labelData.labels.length, r - 1, 0, t.xaxis.stepSize), this.w.seriesData.seriesX = this.w.labelData.labels.slice());
 			n && (this.w.labelData.labels = e.xAxisScale.result.slice());
 		}
 		return e.isBarHorizontal && this.w.labelData.labels.length && (e.xTickAmount = this.w.labelData.labels.length), this._handleSingleDataPoint(), this._getMinXDiff(), {
@@ -5650,12 +5655,13 @@ var se = class {
 		let t = this.w, n = this.getSeriesByName(e), r = parseInt(n?.getAttribute("data:realIndex"), 10), i = "highlightSeriesEls", a = t.globals.cachedSelectors[i];
 		a || (a = t.dom.baseEl.querySelectorAll(".apexcharts-series, .apexcharts-datalabels, .apexcharts-yaxis"), t.globals.cachedSelectors[i] = a);
 		let o = null, s = null, c = null;
-		if (t.globals.axisCharts || t.config.chart.type === "radialBar") if (t.globals.axisCharts) {
-			o = t.dom.baseEl.querySelector(`.apexcharts-series[data\\:realIndex='${r}']`), s = t.dom.baseEl.querySelector(`.apexcharts-datalabels[data\\:realIndex='${r}']`);
-			let e = t.globals.seriesYAxisReverseMap[r];
-			c = t.dom.baseEl.querySelector(`.apexcharts-yaxis[rel='${e}']`);
-		} else o = t.dom.baseEl.querySelector(`.apexcharts-series[rel='${r + 1}']`);
-		else o = t.dom.baseEl.querySelector(`.apexcharts-series[rel='${r + 1}'] path`);
+		if (t.globals.axisCharts || t.config.chart.type === "radialBar") {
+			if (t.globals.axisCharts) {
+				o = t.dom.baseEl.querySelector(`.apexcharts-series[data\\:realIndex='${r}']`), s = t.dom.baseEl.querySelector(`.apexcharts-datalabels[data\\:realIndex='${r}']`);
+				let e = t.globals.seriesYAxisReverseMap[r];
+				c = t.dom.baseEl.querySelector(`.apexcharts-yaxis[rel='${e}']`);
+			} else o = t.dom.baseEl.querySelector(`.apexcharts-series[rel='${r + 1}']`);
+		} else o = t.dom.baseEl.querySelector(`.apexcharts-series[rel='${r + 1}'] path`);
 		for (let e = 0; e < a.length; e++) a[e].classList.add(this.legendInactiveClass);
 		if (o) t.globals.axisCharts || o.parentNode.classList.remove(this.legendInactiveClass), o.classList.remove(this.legendInactiveClass), s !== null && s.classList.remove(this.legendInactiveClass), c !== null && c.classList.remove(this.legendInactiveClass);
 		else for (let e = 0; e < a.length; e++) a[e].classList.remove(this.legendInactiveClass);
@@ -6339,9 +6345,7 @@ var se = class {
 				break;
 			case "seconds_tens":
 			case "seconds_fives":
-			case "seconds":
-				this.generateSecondScale(y);
-				break;
+			case "seconds": this.generateSecondScale(y);
 		}
 		let x = this.timeScaleArray.map((e) => {
 			let t = {
@@ -6399,9 +6403,7 @@ var se = class {
 				case "seconds_tens":
 					i % 10 != 0 && (o = !0);
 					break;
-				case "seconds_fives":
-					i % 5 != 0 && (o = !0);
-					break;
+				case "seconds_fives": i % 5 != 0 && (o = !0);
 			}
 			if (this.tickInterval === "hours" || this.tickInterval === "minutes_fives" || this.tickInterval === "seconds_tens" || this.tickInterval === "seconds_fives") {
 				if (!o) return !0;
@@ -6453,9 +6455,7 @@ var se = class {
 			case i > 20:
 				this.tickInterval = "seconds_fives";
 				break;
-			default:
-				this.tickInterval = "seconds";
-				break;
+			default: this.tickInterval = "seconds";
 		}
 	}
 	generateYearScale({ firstVal: e, currentMonth: t, currentYear: n, daysWidthOnXAxis: r, numberOfYears: i }) {
@@ -6636,7 +6636,8 @@ var se = class {
 			if (o > 0 && this.w.config.xaxis.labels.hideOverlappingLabels) {
 				let s = n ? r : t.getTextRects(e[i].value).width, c = e[i].position;
 				return a.position > c + s + 10 ? (i = o, a) : null;
-			} else return a;
+			}
+			return a;
 		});
 		return a = a.filter((e) => e !== null), a;
 	}
@@ -6787,10 +6788,12 @@ var Te = class {
 		let f = [];
 		if (a.comboCharts) {
 			let e = new N(this.w);
-			if (o.area.series.length > 0 && f.push(...e.drawSeriesByGroup(o.area, a.areaGroups, "area", u)), o.bar.series.length > 0) if (i.chart.stacked) {
-				let e = new (K("barStacked"))(r.w, r, t);
-				f.push(e.draw(o.bar.series, o.bar.i));
-			} else r.bar = new (K("bar"))(r.w, r, t), f.push(r.bar.draw(o.bar.series, o.bar.i));
+			if (o.area.series.length > 0 && f.push(...e.drawSeriesByGroup(o.area, a.areaGroups, "area", u)), o.bar.series.length > 0) {
+				if (i.chart.stacked) {
+					let e = new (K("barStacked"))(r.w, r, t);
+					f.push(e.draw(o.bar.series, o.bar.i));
+				} else r.bar = new (K("bar"))(r.w, r, t), f.push(r.bar.draw(o.bar.series, o.bar.i));
+			}
 			if (o.rangeArea.series.length > 0 && f.push(u.draw(o.rangeArea.series, "rangeArea", o.rangeArea.i, o.rangeArea.seriesRangeEnd)), o.line.series.length > 0 && f.push(...e.drawSeriesByGroup(o.line, a.lineGroups, "line", u)), o.candlestick.series.length > 0 && f.push(d.draw(o.candlestick.series, "candlestick", o.candlestick.i)), o.boxPlot.series.length > 0 && f.push(d.draw(o.boxPlot.series, "boxPlot", o.boxPlot.i)), o.rangeBar.series.length > 0 && f.push(r.rangeBar.draw(o.rangeBar.series, o.rangeBar.i)), o.scatter.series.length > 0) {
 				let e = new (K("line"))(r.w, r, t, !0);
 				f.push(e.draw(o.scatter.series, "scatter", o.scatter.i));
@@ -6851,7 +6854,7 @@ var Te = class {
 		let n = y.getDimensions(this.el), r = t.chart.width.toString().split(/[0-9]+/g).pop();
 		r === "%" ? y.isNumber(n[0]) && (n[0].width === 0 && (n = y.getDimensions(this.el.parentNode)), e.svgWidth = n[0] * parseInt(t.chart.width, 10) / 100) : (r === "px" || r === "") && (e.svgWidth = parseInt(t.chart.width, 10));
 		let i = String(t.chart.height).toString().split(/[0-9]+/g).pop();
-		if (e.svgHeight !== "auto" && e.svgHeight !== "" ? i === "%" ? e.svgHeight = y.getDimensions(this.el.parentNode)[1] * parseInt(t.chart.height, 10) / 100 : e.svgHeight = parseInt(t.chart.height, 10) : e.svgHeight = e.axisCharts ? e.svgWidth / 1.61 : e.svgWidth / 1.2, e.svgWidth = Math.max(e.svgWidth, 0), e.svgHeight = Math.max(e.svgHeight, 0), I.setAttrs(this.w.dom.Paper.node, {
+		if (e.svgHeight = e.svgHeight !== "auto" && e.svgHeight !== "" ? i === "%" ? y.getDimensions(this.el.parentNode)[1] * parseInt(t.chart.height, 10) / 100 : parseInt(t.chart.height, 10) : e.axisCharts ? e.svgWidth / 1.61 : e.svgWidth / 1.2, e.svgWidth = Math.max(e.svgWidth, 0), e.svgHeight = Math.max(e.svgHeight, 0), I.setAttrs(this.w.dom.Paper.node, {
 			width: e.svgWidth,
 			height: e.svgHeight
 		}), i !== "%" && d.isBrowser()) {
@@ -6978,11 +6981,12 @@ var Te = class {
 		}
 		for (let e = 0; e < s.length; e++) {
 			let t = s[e].x, a = typeof t == "string", o = Array.isArray(t), c = !o && !!i.isValidDate(t);
-			if (a || c) if (a || n.xaxis.convertedCatToNumeric) {
-				let e = r.isBarHorizontal && this.w.axisFlags.isRangeData;
-				n.xaxis.type === "datetime" && !e ? this.twoDSeriesX.push(i.parseDate(t)) : (this.fallbackToCategory = !0, this.twoDSeriesX.push(t), !isNaN(t) && this.w.config.xaxis.type !== "category" && typeof t != "string" && (this.w.axisFlags.isXNumeric = !0));
-			} else n.xaxis.type === "datetime" ? this.twoDSeriesX.push(i.parseDate(t.toString())) : (this.w.axisFlags.dataFormatXNumeric = !0, this.w.axisFlags.isXNumeric = !0, this.twoDSeriesX.push(parseFloat(t)));
-			else o ? (this.fallbackToCategory = !0, this.twoDSeriesX.push(t)) : (this.w.axisFlags.isXNumeric = !0, this.w.axisFlags.dataFormatXNumeric = !0, this.twoDSeriesX.push(t));
+			if (a || c) {
+				if (a || n.xaxis.convertedCatToNumeric) {
+					let e = r.isBarHorizontal && this.w.axisFlags.isRangeData;
+					n.xaxis.type === "datetime" && !e ? this.twoDSeriesX.push(i.parseDate(t)) : (this.fallbackToCategory = !0, this.twoDSeriesX.push(t), !isNaN(t) && this.w.config.xaxis.type !== "category" && typeof t != "string" && (this.w.axisFlags.isXNumeric = !0));
+				} else n.xaxis.type === "datetime" ? this.twoDSeriesX.push(i.parseDate(t.toString())) : (this.w.axisFlags.dataFormatXNumeric = !0, this.w.axisFlags.isXNumeric = !0, this.twoDSeriesX.push(parseFloat(t)));
+			} else o ? (this.fallbackToCategory = !0, this.twoDSeriesX.push(t)) : (this.w.axisFlags.isXNumeric = !0, this.w.axisFlags.dataFormatXNumeric = !0, this.twoDSeriesX.push(t));
 		}
 	}
 	handleRangeData(e, t) {
@@ -7058,9 +7062,10 @@ var Te = class {
 			a[n] || (a[n] = []), a[n].push(this.w.seriesData.seriesNames[t]);
 		}), this.w.labelData.seriesGroups = a;
 		let s = () => {
-			for (let e = 0; e < i.length; e++) if (typeof i[e] == "string") if (r.isValidDate(i[e])) this.twoDSeriesX.push(r.parseDate(i[e]));
-			else throw Error("You have provided invalid Date format. Please provide a valid JavaScript Date");
-			else this.twoDSeriesX.push(i[e]);
+			for (let e = 0; e < i.length; e++) if (typeof i[e] == "string") {
+				if (r.isValidDate(i[e])) this.twoDSeriesX.push(r.parseDate(i[e]));
+				else throw Error("You have provided invalid Date format. Please provide a valid JavaScript Date");
+			} else this.twoDSeriesX.push(i[e]);
 		};
 		for (let n = 0; n < e.length; n++) {
 			if (this.twoDSeries = [], this.twoDSeriesX = [], this.threeDSeries = [], typeof e[n].data > "u") {
@@ -7146,10 +7151,12 @@ var Te = class {
 	_generateExternalLabels(e) {
 		let t = this.w.globals, n = this.w.config, r = [];
 		if (t.axisCharts) {
-			if (this.w.seriesData.series.length > 0) if (this.isFormatXY()) {
-				let e = n.series.map((e) => e.data.filter((e, t, n) => n.findIndex((t) => t.x === e.x) === t)), t = e.reduce((e, t, n, r) => r[e].length > t.length ? e : n, 0);
-				for (let n = 0; n < e[t].length; n++) r.push(n + 1);
-			} else for (let e = 0; e < this.w.seriesData.series[t.maxValsInArrayIndex].length; e++) r.push(e + 1);
+			if (this.w.seriesData.series.length > 0) {
+				if (this.isFormatXY()) {
+					let e = n.series.map((e) => e.data.filter((e, t, n) => n.findIndex((t) => t.x === e.x) === t)), t = e.reduce((e, t, n, r) => r[e].length > t.length ? e : n, 0);
+					for (let n = 0; n < e[t].length; n++) r.push(n + 1);
+				} else for (let e = 0; e < this.w.seriesData.series[t.maxValsInArrayIndex].length; e++) r.push(e + 1);
+			}
 			this.w.seriesData.seriesX = [];
 			for (let t = 0; t < e.length; t++) this.w.seriesData.seriesX.push(r);
 			this.w.globals.isBarHorizontal || (this.w.axisFlags.isXNumeric = !0);
@@ -7411,7 +7418,7 @@ var Te = class {
 		return n;
 	}
 	closestInMultiArray(e, t, n, r) {
-		let i = this.w, a = (e) => i.globals.collapsedSeriesIndices.indexOf(e) === -1 && i.globals.ancillaryCollapsedSeriesIndices.indexOf(e) === -1, o = Infinity, s = null, c = null;
+		let i = this.w, a = (e) => i.globals.collapsedSeriesIndices.indexOf(e) === -1 && i.globals.ancillaryCollapsedSeriesIndices.indexOf(e) === -1, o = 1 / 0, s = null, c = null;
 		for (let l = 0; l < n.length; l++) {
 			if (!a(l)) continue;
 			let u = n[l], d = r[l], f = Math.min(u.length, d.length);
@@ -8011,7 +8018,7 @@ var Te = class {
 			t.xcrosshairsWidth = e.layout.gridWidth / n;
 		} else if (e.config.xaxis.crosshairs.width === "barWidth") {
 			let n = e.dom.baseEl.querySelector(".apexcharts-bar-area");
-			n === null ? t.xcrosshairsWidth = 1 : t.xcrosshairsWidth = parseFloat(n.getAttribute("barWidth"));
+			t.xcrosshairsWidth = n === null ? 1 : parseFloat(n.getAttribute("barWidth"));
 		}
 		e.globals.isBarHorizontal && (t.xcrosshairsWidth = 0), n !== null && t.xcrosshairsWidth > 0 && n.setAttribute("width", t.xcrosshairsWidth);
 	}
@@ -8186,7 +8193,7 @@ var Te = class {
 	seriesHover(e, t) {
 		this.lastHoverTime = Date.now();
 		let n = [], r = this.w;
-		r.config.chart.group && (n = this.ctx.getGroupedCharts()), !(r.globals.axisCharts && (r.globals.minX === -Infinity && r.globals.maxX === Infinity || r.globals.dataPoints === 0)) && (n.length ? n.forEach((n) => {
+		r.config.chart.group && (n = this.ctx.getGroupedCharts()), !(r.globals.axisCharts && (r.globals.minX === -1 / 0 && r.globals.maxX === 1 / 0 || r.globals.dataPoints === 0)) && (n.length ? n.forEach((n) => {
 			let r = this.getElTooltip(n), i = {
 				paths: e.paths,
 				tooltipEl: r,
@@ -8479,7 +8486,7 @@ var Te = class {
 		}), this._listeners = [];
 		else if (e && !t) {
 			let t = e.split(".")[0];
-			this._listeners = this._listeners.filter((e) => e.eventType === t ? (this.node.removeEventListener(e.eventType, e.handler), !1) : !0);
+			this._listeners = this._listeners.filter((e) => e.eventType !== t || (this.node.removeEventListener(e.eventType, e.handler), !1));
 		} else {
 			let n = e.split(".")[0];
 			this._listeners = this._listeners.filter((e) => e.eventType === n && e.handler === t ? (this.node.removeEventListener(e.eventType, e.handler), !1) : !0);
@@ -8809,13 +8816,13 @@ function Je(e) {
 	]), t;
 }
 function Ye(e) {
-	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
+	let t = 1 / 0, n = 1 / 0, r = -1 / 0, i = -1 / 0;
 	return e.forEach((e) => {
 		for (let a = 1; a < e.length; a += 2) if (a + 1 <= e.length) {
 			let o = e[a], s = e[a + 1];
 			typeof o == "number" && typeof s == "number" && (o < t && (t = o), o > r && (r = o), s < n && (n = s), s > i && (i = s));
 		}
-	}), t === Infinity ? {
+	}), t === 1 / 0 ? {
 		x: 0,
 		y: 0,
 		width: 0,
@@ -8845,9 +8852,7 @@ function Ze(e) {
 		case "T":
 			e[0] = "Q", e[3] = e[1], e[4] = e[2], e[1] = this.reflection[1], e[2] = this.reflection[0];
 			break;
-		case "S":
-			e[0] = "C", e[6] = e[4], e[5] = e[3], e[4] = e[2], e[3] = e[1], e[2] = this.reflection[1], e[1] = this.reflection[0];
-			break;
+		case "S": e[0] = "C", e[6] = e[4], e[5] = e[3], e[4] = e[2], e[3] = e[1], e[2] = this.reflection[1], e[1] = this.reflection[0];
 	}
 	return e;
 }
@@ -8865,9 +8870,7 @@ function $e(e) {
 		case "Q":
 			e[6] = e[4], e[5] = e[3], e[4] = e[4] * 1 / 3 + e[2] * 2 / 3, e[3] = e[3] * 1 / 3 + e[1] * 2 / 3, e[2] = this.pos[1] * 1 / 3 + e[2] * 2 / 3, e[1] = this.pos[0] * 1 / 3 + e[1] * 2 / 3;
 			break;
-		case "A":
-			t = tt(this.pos, e), e = t[0];
-			break;
+		case "A": t = tt(this.pos, e), e = t[0];
 	}
 	return e[0] = "C", this.pos = [e[5], e[6]], this.reflection = [2 * e[5] - e[3], 2 * e[6] - e[4]], t;
 }
@@ -8911,7 +8914,7 @@ function nt(e, t, n, r, i, a) {
 	}, u = {
 		pos: [0, 0],
 		start: [0, 0]
-	}; o[c] = Ze.call(l, o[c]), s[c] = Ze.call(u, s[c]), o[c][0] != s[c][0] || o[c][0] == "M" || o[c][0] == "A" && (o[c][4] != s[c][4] || o[c][5] != s[c][5]) ? (Array.prototype.splice.apply(o, [c, 1].concat($e.call(l, o[c]))), Array.prototype.splice.apply(s, [c, 1].concat($e.call(u, s[c])))) : (o[c] = Qe.call(l, o[c]), s[c] = Qe.call(u, s[c])), !(++c == o.length && c == s.length);) c == o.length && o.push([
+	}; o[c] = Ze.call(l, o[c]), s[c] = Ze.call(u, s[c]), o[c][0] != s[c][0] || o[c][0] == "M" || o[c][0] == "A" && (o[c][4] != s[c][4] || o[c][5] != s[c][5]) ? (Array.prototype.splice.apply(o, [c, 1].concat($e.call(l, o[c]))), Array.prototype.splice.apply(s, [c, 1].concat($e.call(u, s[c])))) : (o[c] = Qe.call(l, o[c]), s[c] = Qe.call(u, s[c])), ++c != o.length || c != s.length;) c == o.length && o.push([
 		"C",
 		l.pos[0],
 		l.pos[1],
@@ -8934,7 +8937,7 @@ function nt(e, t, n, r, i, a) {
 	};
 }
 function rt(e, t) {
-	for (var n = Je(e), r = Je(t), i = 0, a = 0, o = !1, s = !1, c; !(i === !1 && a === !1);) {
+	for (var n = Je(e), r = Je(t), i = 0, a = 0, o = !1, s = !1, c; i !== !1 || a !== !1;) {
 		if (o = et(n, i !== !1 && i + 1), s = et(r, a !== !1 && a + 1), i === !1) {
 			let e = Ye(c.start);
 			i = e.height == 0 || e.width == 0 ? n.push(n[0]) - 1 : n.push([
@@ -9055,15 +9058,17 @@ var ct = class e {
 			}
 			let o = performance.now(), s = (c) => {
 				let l = c - o, u = Math.min(l / n, 1), d = at(u);
-				if (this._attrTarget) if (u >= 1) t.attr(this._attrTarget);
-				else {
-					let n = {};
-					for (let t of Object.keys(this._attrTarget)) if (r[t] && i[t]) n[t] = st(r[t], i[t], d);
+				if (this._attrTarget) {
+					if (u >= 1) t.attr(this._attrTarget);
 					else {
-						let r = parseFloat(e[t]), i = parseFloat(this._attrTarget[t]);
-						!isNaN(r) && !isNaN(i) && (n[t] = r + (i - r) * d);
+						let n = {};
+						for (let t of Object.keys(this._attrTarget)) if (r[t] && i[t]) n[t] = st(r[t], i[t], d);
+						else {
+							let r = parseFloat(e[t]), i = parseFloat(this._attrTarget[t]);
+							!isNaN(r) && !isNaN(i) && (n[t] = r + (i - r) * d);
+						}
+						t.attr(n);
 					}
-					t.attr(n);
 				}
 				a && u < 1 && t.attr("d", a(d)), this._duringCb && this._duringCb(d), u < 1 ? v.requestAnimationFrame(s) : (this._plotTarget && t.attr("d", this._plotTarget), this._afterCb && this._afterCb.call(t));
 			};
@@ -9799,14 +9804,16 @@ var _t = "@keyframes opaque {\n  0% {\n    opacity: 0\n  }\n\n  to {\n    opacit
 			let t = "";
 			if (!i.globals.axisCharts) t = i.config.labels[e];
 			else {
-				if (i.config.xaxis.type === "category" || i.config.xaxis.convertedCatToNumeric) if (i.globals.isBarHorizontal) {
-					let n = i.formatters.yLabelFormatters[0], r = new W(this.ctx.w).getActiveConfigSeriesIndex();
-					t = n(i.labelData.labels[e], {
-						seriesIndex: r,
-						dataPointIndex: e,
-						w: i
-					});
-				} else t = p.getLabel(i.labelData.labels, i.labelData.timescaleLabels, 0, e).text;
+				if (i.config.xaxis.type === "category" || i.config.xaxis.convertedCatToNumeric) {
+					if (i.globals.isBarHorizontal) {
+						let n = i.formatters.yLabelFormatters[0], r = new W(this.ctx.w).getActiveConfigSeriesIndex();
+						t = n(i.labelData.labels[e], {
+							seriesIndex: r,
+							dataPointIndex: e,
+							w: i
+						});
+					} else t = p.getLabel(i.labelData.labels, i.labelData.timescaleLabels, 0, e).text;
+				}
 				i.config.xaxis.type === "datetime" && (i.config.xaxis.categories.length ? t = i.config.xaxis.categories[e] : i.config.labels.length && (t = i.config.labels[e]));
 			}
 			return t === null ? "nullvalue" : (Array.isArray(t) && (t = t.join(" ")), y.isNumber(t) ? t : t.split(n).join(""));
@@ -10342,12 +10349,10 @@ var St = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.
 			case "png":
 				n.exportToPng(this.ctx);
 				break;
-			case "csv":
-				n.exportToCSV({
-					series: t.config.series,
-					columnDelimiter: t.config.chart.toolbar.export.csv.columnDelimiter
-				});
-				break;
+			case "csv": n.exportToCSV({
+				series: t.config.series,
+				columnDelimiter: t.config.chart.toolbar.export.csv.columnDelimiter
+			});
 		}
 	}
 	handleZoomReset() {
@@ -10383,15 +10388,15 @@ var St = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.
 	}
 	init({ xyRatios: e }) {
 		let t = this.w, n = this;
-		this.xyRatios = e, this.zoomRect = this.graphics.drawRect(0, 0, 0, 0), this.selectionRect = this.graphics.drawRect(0, 0, 0, 0), this.gridRect = t.dom.baseEl.querySelector(".apexcharts-grid"), this.constraints = new te(0, 0, t.layout.gridWidth, t.layout.gridHeight), this.zoomRect.node.classList.add("apexcharts-zoom-rect"), this.selectionRect.node.classList.add("apexcharts-selection-rect"), t.dom.Paper.add(this.zoomRect), t.dom.Paper.add(this.selectionRect), t.config.chart.selection.type === "x" ? this.slDraggableRect = this.selectionRect.draggable({
+		this.xyRatios = e, this.zoomRect = this.graphics.drawRect(0, 0, 0, 0), this.selectionRect = this.graphics.drawRect(0, 0, 0, 0), this.gridRect = t.dom.baseEl.querySelector(".apexcharts-grid"), this.constraints = new te(0, 0, t.layout.gridWidth, t.layout.gridHeight), this.zoomRect.node.classList.add("apexcharts-zoom-rect"), this.selectionRect.node.classList.add("apexcharts-selection-rect"), t.dom.Paper.add(this.zoomRect), t.dom.Paper.add(this.selectionRect), this.slDraggableRect = t.config.chart.selection.type === "x" ? this.selectionRect.draggable({
 			minX: 0,
 			minY: 0,
 			maxX: t.layout.gridWidth,
 			maxY: t.layout.gridHeight
-		}).on("dragmove.namespace", this.selectionDragging.bind(this, "dragging")) : t.config.chart.selection.type === "y" ? this.slDraggableRect = this.selectionRect.draggable({
+		}).on("dragmove.namespace", this.selectionDragging.bind(this, "dragging")) : t.config.chart.selection.type === "y" ? this.selectionRect.draggable({
 			minX: 0,
 			maxX: t.layout.gridWidth
-		}).on("dragmove.namespace", this.selectionDragging.bind(this, "dragging")) : this.slDraggableRect = this.selectionRect.draggable().on("dragmove.namespace", this.selectionDragging.bind(this, "dragging")), this.preselectedSelection(), this.hoverArea = t.dom.baseEl.querySelector(`${t.globals.chartClass} .apexcharts-svg`), this.hoverArea.classList.add("apexcharts-zoomable"), this.eventList.forEach((t) => {
+		}).on("dragmove.namespace", this.selectionDragging.bind(this, "dragging")) : this.selectionRect.draggable().on("dragmove.namespace", this.selectionDragging.bind(this, "dragging")), this.preselectedSelection(), this.hoverArea = t.dom.baseEl.querySelector(`${t.globals.chartClass} .apexcharts-svg`), this.hoverArea.classList.add("apexcharts-zoomable"), this.eventList.forEach((t) => {
 			this.hoverArea.addEventListener(t, n.svgMouseEvents.bind(n, e), {
 				capture: !1,
 				passive: !0
@@ -10994,9 +10999,7 @@ var jt = class {
 			case "yaxis":
 				this.addYaxisAnnotation(d, s, c);
 				break;
-			case "point":
-				this.addPointAnnotation(d, s, c);
-				break;
+			case "point": this.addPointAnnotation(d, s, c);
 		}
 		let f = o.dom.baseEl.querySelector(`.apexcharts-${r}-annotations .apexcharts-${r}-annotation-label[rel='${c}']`), p = this.helpers.addBackgroundToAnno(f, d);
 		return p && s.insertBefore(p.node, f), t && o.globals.memory.methodsToExec.push({
@@ -11050,7 +11053,7 @@ var It = class {
 		this.active && (this.active = !1, this._hideFocus());
 	}
 	_onKeyDown(e) {
-		if (!(!this._isNavEnabled() || !this.active)) switch (e.key) {
+		if (this._isNavEnabled() && this.active) switch (e.key) {
 			case "ArrowRight":
 				e.preventDefault(), this._move(0, 1);
 				break;
@@ -11073,9 +11076,7 @@ var It = class {
 			case " ":
 				e.preventDefault(), this._fireClick();
 				break;
-			case "Escape":
-				e.preventDefault(), this.active = !1, this._hideFocus();
-				break;
+			case "Escape": e.preventDefault(), this.active = !1, this._hideFocus();
 		}
 	}
 	_move(e, t) {
@@ -11430,9 +11431,7 @@ var Lt = class {
 			case "bottom":
 				d = x ? w ? T - c + _ : T + c - _ : w ? T - c + l.height + h + _ : T + c - l.height / 2 + h - _;
 				break;
-			case "top":
-				d = x ? w ? T + _ : T - _ : w ? T - l.height / 2 - _ : T + l.height + _;
-				break;
+			case "top": d = x ? w ? T + _ : T - _ : w ? T - l.height / 2 - _ : T + l.height + _;
 		}
 		let E = T;
 		if (t.labelData.seriesGroups.forEach((e) => {
@@ -11475,9 +11474,7 @@ var Lt = class {
 			case "bottom":
 				u = C ? w + c - d - h : w - c + d + h;
 				break;
-			case "top":
-				u = C ? w - d - h : w - d + h;
-				break;
+			case "top": u = C ? w - d - h : w - d + h;
 		}
 		let T = w;
 		if (t.labelData.seriesGroups.forEach((e) => {
@@ -11518,7 +11515,7 @@ var Lt = class {
 				w: d
 			}))), !n && d.config.plotOptions.bar.hideZeroBarsWhenGrouped && (_ = "");
 			let v = d.seriesData.series[r][i] < 0, y = d.config.plotOptions.bar.dataLabels.position;
-			d.config.plotOptions.bar.dataLabels.orientation === "vertical" && (y === "top" && (v ? u.textAnchor = "end" : u.textAnchor = "start"), y === "center" && (u.textAnchor = "middle"), y === "bottom" && (v ? u.textAnchor = "end" : u.textAnchor = "start")), this.barCtx.isRangeBar && this.barCtx.barOptions.dataLabels.hideOverflowingLabels && l < m.getTextRects(_, parseFloat(u.style.fontSize)).width && (_ = ""), d.config.chart.stacked && this.barCtx.barOptions.dataLabels.hideOverflowingLabels && (this.barCtx.isHorizontal ? a.width / 1.6 > Math.abs(l) && (_ = "") : a.height / 1.6 > Math.abs(o) && (_ = ""));
+			d.config.plotOptions.bar.dataLabels.orientation === "vertical" && (y === "top" && (u.textAnchor = v ? "end" : "start"), y === "center" && (u.textAnchor = "middle"), y === "bottom" && (u.textAnchor = v ? "end" : "start")), this.barCtx.isRangeBar && this.barCtx.barOptions.dataLabels.hideOverflowingLabels && l < m.getTextRects(_, parseFloat(u.style.fontSize)).width && (_ = ""), d.config.chart.stacked && this.barCtx.barOptions.dataLabels.hideOverflowingLabels && (this.barCtx.isHorizontal ? a.width / 1.6 > Math.abs(l) && (_ = "") : a.height / 1.6 > Math.abs(o) && (_ = ""));
 			let b = s({}, u);
 			this.barCtx.isHorizontal && n < 0 && (u.textAnchor === "start" ? b.textAnchor = "end" : u.textAnchor === "end" && (b.textAnchor = "start")), p.plotDataLabelsText({
 				x: e,
@@ -11627,17 +11624,19 @@ var Lt = class {
 				let r = e[i][t];
 				r > 0 ? (n.push(i), c++) : r < 0 && (s.push(i), c++);
 			}
-			if (n.length > 0 && s.length === 0) if (n.length === 1) a[n[0]][t] = o === "bar" && i === 1 ? "top" : "both";
-			else {
-				let e = n[0], r = n[n.length - 1];
-				for (let s of n) s === e ? a[s][t] = o === "bar" && i === 1 ? "top" : "bottom" : s === r ? a[s][t] = "top" : a[s][t] = "none";
-			}
-			else if (s.length > 0 && n.length === 0) if (s.length === 1) a[s[0]][t] = "both";
-			else {
-				let e = Math.max(...s), n = Math.min(...s);
-				for (let r of s) r === e ? a[r][t] = "bottom" : r === n ? a[r][t] = "top" : a[r][t] = "none";
-			}
-			else if (n.length > 0 && s.length > 0) {
+			if (n.length > 0 && s.length === 0) {
+				if (n.length === 1) a[n[0]][t] = o === "bar" && i === 1 ? "top" : "both";
+				else {
+					let e = n[0], r = n[n.length - 1];
+					for (let s of n) s === e ? a[s][t] = o === "bar" && i === 1 ? "top" : "bottom" : s === r ? a[s][t] = "top" : a[s][t] = "none";
+				}
+			} else if (s.length > 0 && n.length === 0) {
+				if (s.length === 1) a[s[0]][t] = "both";
+				else {
+					let e = Math.max(...s), n = Math.min(...s);
+					for (let r of s) r === e ? a[r][t] = "bottom" : r === n ? a[r][t] = "top" : a[r][t] = "none";
+				}
+			} else if (n.length > 0 && s.length > 0) {
 				let e = n[n.length - 1];
 				for (let r of n) r === e ? a[r][t] = "top" : a[r][t] = "none";
 				let r = Math.max(...s);
@@ -12403,12 +12402,14 @@ var Lt = class {
 		let i = this.w, a = 1, o = i.config.plotOptions[e].shadeIntensity, s = this.determineColor(e, t, n);
 		i.globals.hasNegs || r ? a = i.config.plotOptions[e].reverseNegativeShade ? s.percent < 0 ? s.percent / 100 * (o * 1.25) : (1 - s.percent / 100) * (o * 1.25) : s.percent <= 0 ? 1 - (1 + s.percent / 100) * o : (1 - s.percent / 100) * o : (a = 1 - s.percent / 100, e === "treemap" && (a = (1 - s.percent / 100) * (o * 1.25)));
 		let c = s.color, l = new y();
-		if (i.config.plotOptions[e].enableShades) if (this.w.config.theme.mode === "dark") {
-			let e = l.shadeColor(a * -1, s.color);
-			c = y.hexToRgba(y.isColorHex(e) ? e : y.rgb2hex(e), i.config.fill.opacity);
-		} else {
-			let e = l.shadeColor(a, s.color);
-			c = y.hexToRgba(y.isColorHex(e) ? e : y.rgb2hex(e), i.config.fill.opacity);
+		if (i.config.plotOptions[e].enableShades) {
+			if (this.w.config.theme.mode === "dark") {
+				let e = l.shadeColor(a * -1, s.color);
+				c = y.hexToRgba(y.isColorHex(e) ? e : y.rgb2hex(e), i.config.fill.opacity);
+			} else {
+				let e = l.shadeColor(a, s.color);
+				c = y.hexToRgba(y.isColorHex(e) ? e : y.rgb2hex(e), i.config.fill.opacity);
+			}
 		}
 		return {
 			color: c,
@@ -12655,7 +12656,7 @@ function Jt(e) {
 }
 var Q = class {
 	constructor(e, t, n, r) {
-		this.ctx = t, this.w = e, this.xyRatios = n, this.pointsChart = !(this.w.config.chart.type !== "bubble" && this.w.config.chart.type !== "scatter") || r, this.scatter = new ne(this.w, this.ctx), this.noNegatives = this.w.globals.minX === Number.MAX_VALUE, this.lineHelpers = new Ut(this), this.markers = new B(this.w, this.ctx), this.prevSeriesY = [], this.categoryAxisCorrection = 0, this.yaxisIndex = 0;
+		this.ctx = t, this.w = e, this.xyRatios = n, this.pointsChart = this.w.config.chart.type === "bubble" || this.w.config.chart.type === "scatter" || r, this.scatter = new ne(this.w, this.ctx), this.noNegatives = this.w.globals.minX === Number.MAX_VALUE, this.lineHelpers = new Ut(this), this.markers = new B(this.w, this.ctx), this.prevSeriesY = [], this.categoryAxisCorrection = 0, this.yaxisIndex = 0;
 	}
 	draw(e, t, n, r) {
 		let i = this.w, a = new I(this.w), o = i.globals.comboCharts ? t : i.config.chart.type, l = a.group({ class: `apexcharts-${o}-series apexcharts-plot-series` }), u = new N(this.w);
@@ -12925,7 +12926,7 @@ var Q = class {
 				curve: N,
 				isRangeStart: v
 			});
-			f = C.areaPaths, d = C.linePaths, c = C.pX, l = C.pY, P = C.pathState, F = C.segmentStartX, E = C.areaPath, T = C.linePath, this.appendPathFrom && !x.globals.hasNullValues && !(N === "monotoneCubic" && e === "rangeArea") && (D += S.line(o, this.areaBottomY), O += S.line(o, this.areaBottomY)), this.handleNullDataPoints(t, y, a, i, r), this._handleMarkersAndLabels({
+			f = C.areaPaths, d = C.linePaths, c = C.pX, l = C.pY, P = C.pathState, F = C.segmentStartX, E = C.areaPath, T = C.linePath, this.appendPathFrom && !x.globals.hasNullValues && (N !== "monotoneCubic" || e !== "rangeArea") && (D += S.line(o, this.areaBottomY), O += S.line(o, this.areaBottomY)), this.handleNullDataPoints(t, y, a, i, r), this._handleMarkersAndLabels({
 				type: e,
 				pointsPos: y,
 				i: a,
@@ -13024,13 +13025,11 @@ var Q = class {
 							m += t, h += t;
 							break;
 						}
-					case 1:
-						if (t[n][r + 1] === null) C ? m += b.line(u, c) : m += b.move(u, d), h += b.line(u, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1;
-						else {
-							let o = b.curve(u + e, d, i - e, a, i, a);
-							m += o, h += o, r >= t[n].length - 2 && (C && (m += b.curve(i, a, i, a, i, c) + b.move(i, c)), h += b.curve(i, a, i, a, i, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1);
-						}
-						break;
+					case 1: if (t[n][r + 1] === null) m += C ? b.line(u, c) : b.move(u, d), h += b.line(u, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1;
+					else {
+						let o = b.curve(u + e, d, i - e, a, i, a);
+						m += o, h += o, r >= t[n].length - 2 && (C && (m += b.curve(i, a, i, a, i, c) + b.move(i, c)), h += b.curve(i, a, i, a, i, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1);
+					}
 				}
 				u = i, d = a;
 				break;
@@ -13045,9 +13044,7 @@ var Q = class {
 						case "linestep":
 							r = b.line(null, n, "V") + b.line(t, null, "H");
 							break;
-						case "straight":
-							r = b.line(t, n);
-							break;
+						case "straight": r = b.line(t, n);
 					}
 					return r;
 				};
@@ -13063,13 +13060,11 @@ var Q = class {
 							m += t, h += t;
 							break;
 						}
-					case 1:
-						if (t[n][r + 1] === null) C ? m += b.line(u, c) : m += b.move(u, d), h += b.line(u, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1;
-						else {
-							let o = e(v, i, a);
-							m += o, h += o, r >= t[n].length - 2 && (C && (m += b.line(i, c)), h += b.line(i, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1);
-						}
-						break;
+					case 1: if (t[n][r + 1] === null) m += C ? b.line(u, c) : b.move(u, d), h += b.line(u, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1;
+					else {
+						let o = e(v, i, a);
+						m += o, h += o, r >= t[n].length - 2 && (C && (m += b.line(i, c)), h += b.line(i, x) + b.line(p, x) + "z", g.push(m), _.push(h), f = -1);
+					}
 				}
 				u = i, d = a;
 				break;
@@ -13119,7 +13114,7 @@ var Q = class {
 	}
 }, Xt = class {
 	constructor(e, t) {
-		this.ctx = t, this.w = e, this.chartType = this.w.config.chart.type, this.initialAnim = this.w.config.chart.animations.enabled, this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled, this.animBeginArr = [0], this.animDur = 0, this.donutDataLabels = this.w.config.plotOptions.pie.donut.labels, this.lineColorArr = e.globals.stroke.colors === void 0 ? e.globals.colors : e.globals.stroke.colors, this.defaultSize = Math.min(e.layout.gridWidth, e.layout.gridHeight), this.centerY = this.defaultSize / 2, this.centerX = e.layout.gridWidth / 2, e.config.chart.type === "radialBar" ? this.fullAngle = 360 : this.fullAngle = Math.abs(e.config.plotOptions.pie.endAngle - e.config.plotOptions.pie.startAngle), this.initialAngle = e.config.plotOptions.pie.startAngle % this.fullAngle, e.globals.radialSize = this.defaultSize / 2.05 - e.config.stroke.width - (e.config.chart.sparkline.enabled ? 0 : e.config.chart.dropShadow.blur), this.donutSize = e.globals.radialSize * parseInt(e.config.plotOptions.pie.donut.size, 10) / 100;
+		this.ctx = t, this.w = e, this.chartType = this.w.config.chart.type, this.initialAnim = this.w.config.chart.animations.enabled, this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled, this.animBeginArr = [0], this.animDur = 0, this.donutDataLabels = this.w.config.plotOptions.pie.donut.labels, this.lineColorArr = e.globals.stroke.colors === void 0 ? e.globals.colors : e.globals.stroke.colors, this.defaultSize = Math.min(e.layout.gridWidth, e.layout.gridHeight), this.centerY = this.defaultSize / 2, this.centerX = e.layout.gridWidth / 2, this.fullAngle = e.config.chart.type === "radialBar" ? 360 : Math.abs(e.config.plotOptions.pie.endAngle - e.config.plotOptions.pie.startAngle), this.initialAngle = e.config.plotOptions.pie.startAngle % this.fullAngle, e.globals.radialSize = this.defaultSize / 2.05 - e.config.stroke.width - (e.config.chart.sparkline.enabled ? 0 : e.config.chart.dropShadow.blur), this.donutSize = e.globals.radialSize * parseInt(e.config.plotOptions.pie.donut.size, 10) / 100;
 		let n = e.config.plotOptions.pie.customScale, r = e.layout.gridWidth / 2, i = e.layout.gridHeight / 2;
 		this.translateX = r - r * n, this.translateY = i - i * n, this.dataLabelsGroup = new I(this.w).group({
 			class: "apexcharts-datalabels-group",
@@ -13304,7 +13299,8 @@ var Q = class {
 			let e = i.attr("data:pathOrig");
 			i.attr({ d: e });
 			return;
-		} else {
+		}
+		{
 			let n = t.dom.baseEl.getElementsByClassName("apexcharts-pie-area");
 			Array.prototype.forEach.call(n, (e) => {
 				e.setAttribute("data:pieClicked", "false");
@@ -14151,7 +14147,7 @@ function rn(e, t, n, r, i, a, o, s) {
 function an(e, t, n, r, i) {
 	let a = [], o = e.length;
 	if (o === 0) return a;
-	let s = Array(o), c = 0, l = 0, u = Infinity, d = -Infinity, f = 0;
+	let s = Array(o), c = 0, l = 0, u = 1 / 0, d = -1 / 0, f = 0;
 	for (; f < o;) {
 		let o = Math.min(r, i), p = e[f];
 		if (nn(c, u, d, l, p, o)) s[c] = p, c++, l += p, p < u && (u = p), p > d && (d = p), f++;
@@ -14163,7 +14159,7 @@ function an(e, t, n, r, i) {
 				let e = l / r;
 				n += e, i -= e;
 			}
-			c = 0, l = 0, u = Infinity, d = -Infinity;
+			c = 0, l = 0, u = 1 / 0, d = -1 / 0;
 		}
 	}
 	return c > 0 && rn(a, s, c, l, t, n, r, i), a;
@@ -14209,10 +14205,10 @@ var sn = { generate: on }, cn = class {
 				new F(this.w).dropShadow(i, e, o);
 			}
 			let c = n.group({ class: "apexcharts-data-labels" }), l = {
-				xMin: Infinity,
-				yMin: Infinity,
-				xMax: -Infinity,
-				yMax: -Infinity
+				xMin: 1 / 0,
+				yMin: 1 / 0,
+				xMax: -1 / 0,
+				yMax: -1 / 0
 			};
 			a.forEach((i, a) => {
 				let c = i[0], u = i[1], d = i[2], f = i[3];
@@ -14273,7 +14269,7 @@ var sn = { generate: on }, cn = class {
 			let u = t.config.plotOptions.treemap.seriesTitle;
 			if (t.config.series.length > 1 && u && u.show) {
 				let e = t.config.series[o].name || "";
-				if (e && l.xMin < Infinity && l.yMin < Infinity) {
+				if (e && l.xMin < 1 / 0 && l.yMin < 1 / 0) {
 					let { offsetX: r, offsetY: i, borderColor: a, borderWidth: o, borderRadius: c, style: d } = u, f = d.color || t.config.chart.foreColor, p = {
 						left: d.padding.left,
 						right: d.padding.right,