monobill-mintui 0.6.612 → 0.6.613

package/dist/components/chart/browser.js

@@ -0,0 +1,1331 @@
+
+const __mintLoadStyle = (key, url) => {
+  if (typeof document === 'undefined') return
+  const href = new URL(url, import.meta.url).href
+  if ([...document.querySelectorAll('link[rel="stylesheet"]')].some(link => link.href === href)) return
+  if (document.querySelector('style[data-mint-ui-style="' + key + '"]') || document.querySelector('link[data-mint-ui-style="' + key + '"]')) return
+  const link = document.createElement('link')
+  link.rel = 'stylesheet'
+  link.href = href
+  link.dataset.mintUiStyle = key
+  document.head.append(link)
+}
+__mintLoadStyle('theme', '../../theme.css')
+__mintLoadStyle('chart', '../../chart.css')
+import { t as e } from "../chunks/register-element-BFYmIynH.js";
+//#region src/components/chart/Chart.ts
+var t = class e extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"type",
+			"data",
+			"width",
+			"height",
+			"show-legend",
+			"show-grid",
+			"show-tooltip",
+			"curve-tension"
+		];
+	}
+	static {
+		this.MAX_CACHE_SIZE = 100;
+	}
+	constructor() {
+		super(), this._chartContainer = null, this._svg = null, this._tooltip = null, this._chartType = "line", this._chartData = null, this._width = 800, this._height = 400, this._padding = {
+			top: 20,
+			right: 20,
+			bottom: 60,
+			left: 60
+		}, this._showLegend = !0, this._showGrid = !0, this._showTooltip = !0, this._curveTension = .5, this._dataObserver = null, this._darkModeObserver = null, this._tooltipHideTimeout = null, this._lastTooltipContent = "", this._activeXValue = null, this._pinnedXValue = null, this._tooltipAnimationFrame = null, this._cachedTooltipContent = /* @__PURE__ */ new Map(), this._cachedXPositions = /* @__PURE__ */ new Map(), this._verticalLine = null, this._plotPoints = /* @__PURE__ */ new Map(), this._resizeObserver = null, this._windowResizeHandler = null, this._pieChartTimeouts = /* @__PURE__ */ new Set(), this._pieChartTooltipShown = !1, this._pieChartClickOutsideHandler = null, this._pieChartGroup = null, this._chartClickOutsideHandler = null, this._chartTooltipScrollHandler = null, this._cachedBounds = {
+			bounds: null,
+			dataHash: ""
+		}, this._cachedYRange = {
+			range: null,
+			dataHash: ""
+		}, this._cachedXValues = {
+			values: null,
+			dataHash: ""
+		}, this._renderScheduled = !1, this._animateNextRender = !1, this._observedDataReference = null, this._observedDataFingerprint = "", this._datasetVisibility = /* @__PURE__ */ new Map(), this._widthValue = "100%", this._heightValue = 400, this._defaultColors = [
+			"#2563eb",
+			"#3b82f6",
+			"#0d9488",
+			"#7c3aed",
+			"#d97706",
+			"#059669",
+			"#dc2626",
+			"#c026d3"
+		], this._legendHeight = 0, this._rotatedLabelHeight = 0;
+	}
+	connectedCallback() {
+		this.classList.add("box-border", "m-0", "p-0", "border-0", "align-baseline", "block", "w-full"), this._setupDataObserver(), this._setupDarkModeObserver(), this._setupResizeObserver(), requestAnimationFrame(() => {
+			requestAnimationFrame(() => {
+				this.render();
+			});
+		});
+	}
+	_setupDataObserver() {
+		let e = () => {
+			if (!this.isConnected) return;
+			let e = this.data, t = null;
+			e && typeof e == "object" && !Array.isArray(e) && "datasets" in e && (t = e);
+			let n = "";
+			if (t) try {
+				n = JSON.stringify(t);
+			} catch {
+				n = "";
+			}
+			t && (t !== this._observedDataReference || n && n !== this._observedDataFingerprint) && (this._observedDataReference = t, this._observedDataFingerprint = n, this._chartData = t, this._animateNextRender = !0, this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this.render());
+		};
+		requestAnimationFrame(() => {
+			e(), requestAnimationFrame(() => {
+				e();
+			});
+		});
+		let t = setInterval(() => {
+			if (!this.isConnected) {
+				clearInterval(t);
+				return;
+			}
+			e();
+		}, 250);
+		this._dataCheckInterval = t;
+	}
+	_setupDarkModeObserver() {
+		this._darkModeObserver = new MutationObserver(() => {
+			this.isConnected && this.render();
+		}), this._darkModeObserver.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		});
+	}
+	disconnectedCallback() {
+		if (this._tooltip && this._tooltip.parentNode && (this._tooltip.parentNode.removeChild(this._tooltip), this._tooltip = null), this._tooltipHideTimeout !== null && (clearTimeout(this._tooltipHideTimeout), this._tooltipHideTimeout = null), this._pieChartTimeouts.forEach((e) => clearTimeout(e)), this._pieChartTimeouts.clear(), this._pieChartClickOutsideHandler &&= (document.removeEventListener("click", this._pieChartClickOutsideHandler, !0), null), this._chartClickOutsideHandler &&= (document.removeEventListener("click", this._chartClickOutsideHandler, !0), null), this._pieChartTooltipShown = !1, this._pieChartGroup = null, this._pinnedXValue = null, this._tooltipAnimationFrame !== null && (cancelAnimationFrame(this._tooltipAnimationFrame), this._tooltipAnimationFrame = null), this._dataObserver &&= (this._dataObserver.disconnect(), null), this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null), this._dataCheckInterval &&= (clearInterval(this._dataCheckInterval), null), this._svg && (this._chartTooltipMouseMove &&= (this._svg.removeEventListener("mousemove", this._chartTooltipMouseMove), null), this._chartTooltipMouseLeave &&= (this._svg.removeEventListener("mouseleave", this._chartTooltipMouseLeave), null), this._chartTooltipTouchStart &&= (this._svg.removeEventListener("touchstart", this._chartTooltipTouchStart), null), this._chartTooltipTouchMove &&= (this._svg.removeEventListener("touchmove", this._chartTooltipTouchMove), null), this._chartTooltipTouchEnd &&= (this._svg.removeEventListener("touchend", this._chartTooltipTouchEnd), null)), this._chartTooltipScrollHandler) {
+			window.removeEventListener("scroll", this._chartTooltipScrollHandler, !0), this._chartContainer && this._chartContainer.removeEventListener("scroll", this._chartTooltipScrollHandler, !0);
+			let e = this.parentElement;
+			for (; e;) e.removeEventListener("scroll", this._chartTooltipScrollHandler, !0), e = e.parentElement;
+			this._chartTooltipScrollHandler = null;
+		}
+		this._resizeObserver &&= (this._resizeObserver.disconnect(), null), this._windowResizeHandler &&= (window.removeEventListener("resize", this._windowResizeHandler), null), this._cachedTooltipContent.clear(), this._cachedXPositions.clear(), this._plotPoints.clear(), this._cachedBounds = {
+			bounds: null,
+			dataHash: ""
+		}, this._cachedYRange = {
+			range: null,
+			dataHash: ""
+		}, this._cachedXValues = {
+			values: null,
+			dataHash: ""
+		};
+	}
+	_handleResize() {
+		if (!this.isConnected) return;
+		let e = this.getBoundingClientRect(), t = e.width || this.parentElement?.clientWidth || 800, n = e.height || this.parentElement?.clientHeight || 400, r = this._calculateDimension(this._widthValue, t, t), i = this._calculateDimension(this._heightValue, n, 400);
+		(r !== this._width || i !== this._height) && (this._width = r, this._height = i, this.render());
+	}
+	_setupResizeObserver() {
+		this._resizeObserver &&= (this._resizeObserver.disconnect(), null), this._windowResizeHandler &&= (window.removeEventListener("resize", this._windowResizeHandler), null);
+		let e = null, t = () => {
+			e && clearTimeout(e), e = window.setTimeout(() => {
+				this._handleResize();
+			}, 100);
+		};
+		this._windowResizeHandler = t, this._resizeObserver = new ResizeObserver(() => {
+			t();
+		}), this._resizeObserver.observe(this), window.addEventListener("resize", t);
+	}
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) {
+			if (e === "data") {
+				if (n) try {
+					this._chartData = JSON.parse(n);
+				} catch (e) {
+					console.error("mint-chart: Invalid data JSON", e), this._chartData = null;
+				}
+				else this._chartData = null;
+				this._invalidateDataCaches(), this._animateNextRender = !0;
+			}
+			(e === "width" || e === "height") && this.isConnected && (t && t.endsWith("%")) !== (n && n.endsWith("%")) && this._setupResizeObserver(), this.isConnected && requestAnimationFrame(() => {
+				this.render();
+			});
+		}
+	}
+	get type() {
+		let e = this.getAttribute("type") || "line";
+		return e === "line" || e === "bar" || e === "area" || e === "pie" ? e : "line";
+	}
+	set type(e) {
+		this.setAttribute("type", e);
+	}
+	get data() {
+		return this._chartData;
+	}
+	set data(e) {
+		if (typeof e == "string") try {
+			this._chartData = JSON.parse(e);
+		} catch (e) {
+			console.error("mint-chart: Invalid data JSON", e), this._chartData = null;
+		}
+		else this._chartData = e;
+		this._invalidateDataCaches(), this._animateNextRender = !0, this.isConnected && requestAnimationFrame(() => {
+			this.render();
+		});
+	}
+	get width() {
+		let e = this.getAttribute("width");
+		if (!e) return this._widthValue;
+		if (e.endsWith("%")) return e;
+		let t = parseInt(e, 10);
+		return isNaN(t) ? this._widthValue : t;
+	}
+	set width(e) {
+		this.setAttribute("width", e.toString());
+	}
+	get height() {
+		let e = this.getAttribute("height");
+		if (!e) return this._heightValue;
+		if (e.endsWith("%")) return e;
+		let t = parseInt(e, 10);
+		return isNaN(t) ? this._heightValue : t;
+	}
+	set height(e) {
+		this.setAttribute("height", e.toString());
+	}
+	_calculateDimension(e, t, n) {
+		if (typeof e == "number") return e;
+		if (typeof e == "string" && e.endsWith("%")) {
+			let n = parseFloat(e);
+			if (!isNaN(n)) return t * n / 100;
+		}
+		return n;
+	}
+	_scheduleRender() {
+		this._animateNextRender = !0, this._syncObservedData(), !this._renderScheduled && (this._renderScheduled = !0, requestAnimationFrame(() => {
+			this._renderScheduled = !1, this.render();
+		}));
+	}
+	_invalidateDataCaches() {
+		this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent?.clear();
+	}
+	_syncObservedData() {
+		this._observedDataReference = this._chartData;
+		try {
+			this._observedDataFingerprint = this._chartData ? JSON.stringify(this._chartData) : "";
+		} catch {
+			this._observedDataFingerprint = "";
+		}
+	}
+	_isDatasetVisible(e, t) {
+		if (e.id) {
+			let t = this._datasetVisibility.get(e.id);
+			if (t !== void 0) return t;
+		}
+		return e.visible !== !1;
+	}
+	_initializeDatasetVisibility() {
+		this._chartData && this._chartData.datasets.forEach((e, t) => {
+			e.id && (this._datasetVisibility.has(e.id) || this._datasetVisibility.set(e.id, e.visible !== !1));
+		});
+	}
+	render() {
+		if (!this.isConnected) return;
+		let e = this._animateNextRender && !window.matchMedia?.("(prefers-reduced-motion: reduce)").matches && this._svg ? this._svg.cloneNode(!0) : null;
+		this._animateNextRender = !1, this._plotPoints.clear(), this._activeXValue = null, this._cachedTooltipContent?.clear(), this._cachedXPositions?.clear(), this._chartType = this.type;
+		let t = this.data;
+		if (t && typeof t == "object" && !Array.isArray(t) && "datasets" in t && (this._chartData = t), !this._chartData) {
+			let e = this.getAttribute("data");
+			if (e) try {
+				this._chartData = JSON.parse(e);
+			} catch (e) {
+				console.error("mint-chart: Invalid data JSON", e), this._chartData = null;
+			}
+		}
+		this._widthValue = this.width, this._heightValue = this.height;
+		let n = this.getBoundingClientRect(), r = n.width || this.parentElement?.clientWidth || 800, i = n.height || this.parentElement?.clientHeight || 400;
+		this._width = this._calculateDimension(this._widthValue, r, r), this._height = this._calculateDimension(this._heightValue, i, 400), this._showLegend = this.getAttribute("show-legend") !== "false", this._showGrid = this.getAttribute("show-grid") !== "false", this._showTooltip = this.getAttribute("show-tooltip") !== "false";
+		let a = this.getAttribute("curve-tension");
+		if (a !== null) {
+			let e = parseFloat(a);
+			this._curveTension = isNaN(e) ? .5 : Math.max(0, Math.min(1, e));
+		} else this._curveTension = .5;
+		if (!this._chartData || !this._chartData.datasets || this._chartData.datasets.length === 0) {
+			this.innerHTML = "<div class=\"p-4 text-gray-500\">No chart data provided</div>";
+			return;
+		}
+		this.innerHTML = "", this._chartContainer = document.createElement("div"), this._chartContainer.className = "relative w-full", this._chartContainer.style.position = "relative", typeof this._widthValue == "string" && this._widthValue.endsWith("%") ? this._chartContainer.style.width = this._widthValue : this._chartContainer.style.width = `${this._width}px`, typeof this._heightValue == "string" && this._heightValue.endsWith("%") ? this._chartContainer.style.height = this._heightValue : this._chartContainer.style.height = `${this._height}px`, this.appendChild(this._chartContainer), this._svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this._svg.setAttribute("width", this._width.toString()), this._svg.setAttribute("height", this._height.toString()), this._svg.setAttribute("viewBox", `0 0 ${this._width} ${this._height}`), this._svg.setAttribute("class", "w-full h-full"), this._svg.setAttribute("role", "img");
+		let o = this._chartData.datasets.map((e) => e.name).filter(Boolean), s = this.getAttribute("aria-label")?.trim() || `${this.type} chart${o.length ? ` showing ${o.join(", ")}` : ""}. ${Math.max(0, ...this._chartData.datasets.map((e) => e.data.length))} data points.`, c = `${this.id || `mint-chart-${Math.random().toString(36).slice(2, 10)}`}-data`;
+		this._svg.setAttribute("aria-label", s), this._svg.setAttribute("aria-describedby", c), this._chartContainer && this._svg && (e && (e.style.position = "absolute", e.style.inset = "0", e.style.width = "100%", e.style.height = "100%", e.style.pointerEvents = "none", e.style.zIndex = "1", e.style.opacity = "1", e.style.transition = "opacity 260ms ease", this._chartContainer.appendChild(e), this._svg.style.position = "relative", this._svg.style.zIndex = "0", this._svg.style.opacity = "0", this._svg.style.transition = "opacity 260ms ease"), this._chartContainer.appendChild(this._svg));
+		let l = document.createElement("table");
+		l.id = c, Object.assign(l.style, {
+			position: "absolute",
+			width: "1px",
+			height: "1px",
+			padding: "0",
+			margin: "-1px",
+			overflow: "hidden",
+			clip: "rect(0, 0, 0, 0)",
+			whiteSpace: "nowrap",
+			border: "0"
+		});
+		let u = document.createElement("caption");
+		u.textContent = `Data for ${s}`, l.appendChild(u);
+		let d = document.createElement("thead"), f = document.createElement("tr"), p = document.createElement("th");
+		p.scope = "col", p.textContent = "Category", f.appendChild(p), this._chartData.datasets.forEach((e) => {
+			let t = document.createElement("th");
+			t.scope = "col", t.textContent = e.name || "Series", f.appendChild(t);
+		}), d.appendChild(f), l.appendChild(d);
+		let m = document.createElement("tbody"), h = Math.max(0, ...this._chartData.datasets.map((e) => e.data.length));
+		for (let e = 0; e < h; e += 1) {
+			let t = document.createElement("tr"), n = document.createElement("th");
+			n.scope = "row", n.textContent = String(this._chartData.datasets.find((t) => t.data[e])?.data[e]?.x ?? e + 1), t.appendChild(n), this._chartData.datasets.forEach((n) => {
+				let r = document.createElement("td"), i = n.data[e];
+				r.textContent = i ? this._formatValue(i.y, n) : "", t.appendChild(r);
+			}), m.appendChild(t);
+		}
+		switch (l.appendChild(m), this.appendChild(l), this._showTooltip && this._createTooltip(), this._initializeDatasetVisibility(), this._calculateRotatedLabelHeight(), this._showLegend ? this._legendHeight = this._calculateLegendHeight() : this._legendHeight = 0, this._showLegend && this._renderLegend(), this._chartType !== "pie" && this._pieChartClickOutsideHandler && (document.removeEventListener("click", this._pieChartClickOutsideHandler, !0), this._pieChartClickOutsideHandler = null, this._pieChartTooltipShown = !1, this._pieChartGroup = null), this._pinnedXValue = null, this._chartType) {
+			case "line":
+				this._renderLineChart();
+				break;
+			case "bar":
+				this._renderBarChart();
+				break;
+			case "area":
+				this._renderAreaChart();
+				break;
+			case "pie":
+				this._renderPieChart();
+				break;
+		}
+		if (this._showTooltip && this._chartType !== "pie" && (this._setupChartTooltip(), this._setupTooltipScrollHandler()), this._createVerticalLine(), e && this._svg) {
+			let t = this._svg;
+			requestAnimationFrame(() => requestAnimationFrame(() => {
+				t.isConnected && (e.style.opacity = "0", t.style.opacity = "1", window.setTimeout(() => e.remove(), 280));
+			}));
+		}
+	}
+	_createTooltip() {
+		this._tooltip && this._tooltip.parentNode && this._tooltip.parentNode.removeChild(this._tooltip), this._tooltip = document.createElement("div"), this._tooltip.className = "fixed pointer-events-none z-50 bg-gray-900 dark:bg-mint-elevated text-white text-xs rounded px-2 py-1 shadow-lg opacity-0", this._tooltip.style.display = "none", document.body.appendChild(this._tooltip);
+	}
+	_showTooltipAt(e, t, n) {
+		if (!this._tooltip) return;
+		this._tooltipHideTimeout !== null && (clearTimeout(this._tooltipHideTimeout), this._tooltipHideTimeout = null), this._lastTooltipContent !== n && (this._tooltip.innerHTML = n, this._lastTooltipContent = n), (this._tooltip.style.display === "none" || this._tooltip.style.opacity === "0") && (this._tooltip.style.display = "block", this._tooltip.style.opacity = "1", this._tooltip.style.padding = "8px 12px");
+		let r = this._tooltip.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = e + 10, s = t - r.height - 8;
+		o + r.width > i && (o = e - r.width - 10), o < 0 && (o = 10), s < 0 && (s = t + 20), s + r.height > a && (s = t - r.height - 8, s < 0 && (s = 10));
+		let c = `${o}px`, l = `${s}px`;
+		this._tooltip.style.left !== c && (this._tooltip.style.left = c), this._tooltip.style.top !== l && (this._tooltip.style.top = l);
+	}
+	_hideTooltip() {
+		this._tooltip && (this._tooltipHideTimeout !== null && (clearTimeout(this._tooltipHideTimeout), this._tooltipHideTimeout = null), this._tooltip.style.opacity = "0", this._tooltipHideTimeout = window.setTimeout(() => {
+			this._tooltip && (this._tooltip.style.display = "none"), this._tooltipHideTimeout = null;
+		}, 200));
+	}
+	_createVerticalLine() {
+		if (!this._svg) return;
+		this._verticalLine && this._verticalLine.parentNode && this._verticalLine.parentNode.removeChild(this._verticalLine), this._verticalLine = document.createElementNS("http://www.w3.org/2000/svg", "line");
+		let e = document.documentElement.classList.contains("dark");
+		this._verticalLine.setAttribute("stroke", e ? "#9ca3af" : "#6b7280"), this._verticalLine.setAttribute("stroke-width", "1"), this._verticalLine.setAttribute("stroke-dasharray", "4,2"), this._verticalLine.style.opacity = "0", this._verticalLine.style.pointerEvents = "none";
+		let t = this._svg.querySelector(".chart-legend");
+		t && t.parentNode ? t.parentNode.insertBefore(this._verticalLine, t) : this._svg.appendChild(this._verticalLine);
+	}
+	_showVerticalLineAtX(e, t) {
+		if (!this._verticalLine) return;
+		let n = this._chartType === "bar" ? this._scaleXForBarChart(e, t) : this._scaleX(e, t);
+		this._verticalLine.setAttribute("x1", n.toString()), this._verticalLine.setAttribute("y1", t.y.toString()), this._verticalLine.setAttribute("x2", n.toString()), this._verticalLine.setAttribute("y2", (t.y + t.height).toString()), this._verticalLine.style.opacity = "1";
+	}
+	_hideVerticalLine() {
+		this._verticalLine && (this._verticalLine.style.opacity = "0");
+	}
+	_showPlotPointsForX(e) {
+		this._plotPoints.forEach((e) => {
+			e.forEach((e) => {
+				e.style.opacity = "0";
+			});
+		});
+		let t = String(e), n = this._plotPoints.get(t);
+		n && n.forEach((e) => {
+			e.style.opacity = "1";
+		});
+	}
+	_hidePlotPoints() {
+		this._plotPoints.forEach((e) => {
+			e.forEach((e) => {
+				e.style.opacity = "0";
+			});
+		});
+	}
+	_calculateMaxYAxisLabelWidth() {
+		if (!this._showGrid || !this._chartData) return 0;
+		let e = document.createElement("canvas").getContext("2d");
+		if (!e) return 60;
+		e.font = "12px system-ui, -apple-system, sans-serif";
+		let t = this._showLegend ? Math.max(this._legendHeight, 60) : 0, n = this._height - t, r = Math.floor(n / 35), i = Math.min(5, r), a = 0;
+		for (let t = 0; t <= i; t++) {
+			let n = this._getYRange(), r = n.max - (n.max - n.min) / i * t, o = this._formatYAxisValue(r), s = e.measureText(o);
+			a = Math.max(a, s.width);
+		}
+		return Math.ceil(a) + 20;
+	}
+	_getChartBounds() {
+		let e = this._calculateMaxYAxisLabelWidth(), t = `${this._width}-${this._height}-${this._showGrid}-${this._showLegend}-${this._legendHeight}-${e}-${this._rotatedLabelHeight}`;
+		if (this._cachedBounds.bounds && this._cachedBounds.dataHash === t) return this._cachedBounds.bounds;
+		let n = 0, r = 0;
+		this._showGrid && (n = e + 10);
+		let i = (this._rotatedLabelHeight > 0 ? 30 : 20) + this._rotatedLabelHeight + 12, a = i;
+		this._showLegend && (a = i + 20 + Math.max(this._legendHeight, 60));
+		let o = this._height - 0 - n - 0, s = o - a, c = 1;
+		if (s < 100 && a > 0) {
+			let e = o - 100;
+			e > 0 ? (c = Math.min(1, e / a), c = Math.max(.5, c)) : c = .5;
+		}
+		r = a * c;
+		let l = this._width * .3, u = n, d = 1;
+		n > l && (d = l / n, u = l);
+		let f = {
+			width: (this._width - u - 0) * d,
+			height: this._height - 0 - r,
+			x: u,
+			y: 0
+		};
+		return this._cachedBounds = {
+			bounds: f,
+			dataHash: t
+		}, f;
+	}
+	_getAllDataPoints() {
+		if (!this._chartData) return [];
+		let e = [];
+		return this._chartData.datasets.forEach((t, n) => {
+			this._isDatasetVisible(t, n) && e.push(...t.data);
+		}), e;
+	}
+	_getXValues() {
+		if (!this._chartData) return [];
+		let e = JSON.stringify(this._chartData.labels) + JSON.stringify(this._chartData.datasets.map((e) => e.data.map((e) => e.x)));
+		if (this._cachedXValues.values && this._cachedXValues.dataHash === e) return this._cachedXValues.values;
+		if (this._chartData.labels && this._chartData.labels.length > 0) return this._cachedXValues = {
+			values: this._chartData.labels,
+			dataHash: e
+		}, this._chartData.labels;
+		let t = /* @__PURE__ */ new Set();
+		this._chartData.datasets.forEach((e, n) => {
+			this._isDatasetVisible(e, n) && e.data.forEach((e) => {
+				t.add(e.x);
+			});
+		});
+		let n = Array.from(t).sort((e, t) => {
+			if (typeof e == "number" && typeof t == "number") return e - t;
+			let n = String(e), r = String(t), i = /^([A-Za-z]{3})\s+(\d{4})$/, a = n.match(i), o = r.match(i);
+			if (a && o) {
+				let e = [
+					"Jan",
+					"Feb",
+					"Mar",
+					"Apr",
+					"May",
+					"Jun",
+					"Jul",
+					"Aug",
+					"Sep",
+					"Oct",
+					"Nov",
+					"Dec"
+				], t = e.indexOf(a[1]), n = e.indexOf(o[1]), r = parseInt(a[2]), i = parseInt(o[2]);
+				return r === i ? t - n : r - i;
+			}
+			return n.localeCompare(r);
+		});
+		return this._cachedXValues = {
+			values: n,
+			dataHash: e
+		}, n;
+	}
+	_getYRange() {
+		if (!this._chartData) return {
+			min: 0,
+			max: 100
+		};
+		let e = JSON.stringify(this._chartData.datasets.map((e) => e.data.map((e) => e.y)));
+		if (this._cachedYRange.range && this._cachedYRange.dataHash === e) return this._cachedYRange.range;
+		let t = this._getAllDataPoints();
+		if (t.length === 0) {
+			let t = {
+				min: 0,
+				max: 100
+			};
+			return this._cachedYRange = {
+				range: t,
+				dataHash: e
+			}, t;
+		}
+		let n = t.map((e) => e.y), r = Math.min(...n), i = Math.max(...n), a = (i - r) * .1, o = {
+			min: Math.max(0, r - a),
+			max: i + a
+		};
+		return this._cachedYRange = {
+			range: o,
+			dataHash: e
+		}, o;
+	}
+	_hasDecimalValues() {
+		return this._getAllDataPoints().some((e) => e.y % 1 != 0);
+	}
+	_formatValueByString(e, t) {
+		switch (t.toLowerCase()) {
+			case "currency":
+			case "currency-usd": return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: "USD"
+			}).format(e);
+			case "currency-eur": return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: "EUR"
+			}).format(e);
+			case "currency-gbp": return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: "GBP"
+			}).format(e);
+			case "number":
+			case "number-with-commas": return new Intl.NumberFormat("en-US").format(e);
+			case "percent": return new Intl.NumberFormat("en-US", {
+				style: "percent",
+				minimumFractionDigits: 1
+			}).format(e / 100);
+			default: return this._hasDecimalValues() && e % 1 != 0 ? e.toFixed(1) : Math.round(e).toString();
+		}
+	}
+	_formatXAxisValue(e) {
+		if (this._chartData?.formatXAxis) {
+			if (typeof this._chartData.formatXAxis == "function") return this._chartData.formatXAxis(e);
+			if (typeof this._chartData.formatXAxis == "string") return String(e);
+		}
+		return String(e);
+	}
+	_escapeHtmlForTooltip(e) {
+		return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+	}
+	_tooltipXHeadingHtml(e) {
+		return `<strong>${this._escapeHtmlForTooltip(this._formatXAxisValue(e))}</strong><br/>`;
+	}
+	_formatYAxisValue(e) {
+		if (this._chartData?.formatYAxis) {
+			if (typeof this._chartData.formatYAxis == "function") return this._chartData.formatYAxis(e);
+			if (typeof this._chartData.formatYAxis == "string") return this._formatValueByString(e, this._chartData.formatYAxis);
+		}
+		if (this._chartData?.datasets?.[0]?.formatValue) {
+			if (typeof this._chartData.datasets[0].formatValue == "function") return this._chartData.datasets[0].formatValue(e);
+			if (typeof this._chartData.datasets[0].formatValue == "string") return this._formatValueByString(e, this._chartData.datasets[0].formatValue);
+		}
+		return this._hasDecimalValues() && e % 1 != 0 ? e.toFixed(1) : Math.round(e).toString();
+	}
+	_formatValue(e, t) {
+		if (t.formatValue) {
+			if (typeof t.formatValue == "function") return t.formatValue(e);
+			if (typeof t.formatValue == "string") return this._formatValueByString(e, t.formatValue);
+		}
+		return String(e);
+	}
+	_getAllDatasetsAtX(e) {
+		if (!this._chartData) return [];
+		let t = [];
+		return this._chartData.datasets.forEach((n, r) => {
+			if (!this._isDatasetVisible(n, r)) return;
+			let i = n.data.find((t) => String(t.x) === String(e));
+			if (i) {
+				let e = this._getDatasetColor(n, r), a = this._formatValue(i.y, n);
+				t.push({
+					name: n.name,
+					value: i.y,
+					color: e,
+					formattedValue: a
+				});
+			}
+		}), t;
+	}
+	_findNearestXValue(e) {
+		if (!this._chartData) return null;
+		let t = this._getChartBounds(), n = this._getXValues();
+		if (n.length === 0) return null;
+		let r = this._chartType === "bar", i = null, a = Infinity;
+		return n.forEach((n) => {
+			let o = r ? this._scaleXForBarChart(n, t) : this._scaleX(n, t), s = Math.abs(e - o);
+			s < a && (a = s, i = n);
+		}), i;
+	}
+	_setupTooltipScrollHandler() {
+		if (this._chartTooltipScrollHandler) {
+			window.removeEventListener("scroll", this._chartTooltipScrollHandler, !0), this._chartContainer && this._chartContainer.removeEventListener("scroll", this._chartTooltipScrollHandler, !0);
+			let e = this.parentElement;
+			for (; e;) e.removeEventListener("scroll", this._chartTooltipScrollHandler, !0), e = e.parentElement;
+		}
+		this._chartTooltipScrollHandler = () => {
+			this._hideTooltip(), this._pinnedXValue = null;
+		}, window.addEventListener("scroll", this._chartTooltipScrollHandler, !0), this._chartContainer && this._chartContainer.addEventListener("scroll", this._chartTooltipScrollHandler, !0);
+		let e = this.parentElement;
+		for (; e;) {
+			let t = window.getComputedStyle(e), n = t.overflow, r = t.overflowY;
+			(n === "auto" || n === "scroll" || r === "auto" || r === "scroll") && e.addEventListener("scroll", this._chartTooltipScrollHandler, !0), e = e.parentElement;
+		}
+	}
+	_setupChartTooltip() {
+		if (!this._svg || !this._showTooltip) return;
+		this._chartTooltipMouseMove && this._svg.removeEventListener("mousemove", this._chartTooltipMouseMove), this._chartTooltipMouseLeave && this._svg.removeEventListener("mouseleave", this._chartTooltipMouseLeave), this._chartTooltipClick && this._svg.removeEventListener("click", this._chartTooltipClick), this._chartTooltipTouchStart && this._svg.removeEventListener("touchstart", this._chartTooltipTouchStart), this._chartTooltipTouchMove && this._svg.removeEventListener("touchmove", this._chartTooltipTouchMove), this._chartTooltipTouchEnd && this._svg.removeEventListener("touchend", this._chartTooltipTouchEnd), this._cachedTooltipContent.clear(), this._cachedXPositions.clear();
+		let t = this._getChartBounds(), n = 0, r = 0, i = (i) => {
+			!this._chartContainer || !this._svg || (n = i.clientX, r = i.clientY, this._tooltipAnimationFrame !== null && cancelAnimationFrame(this._tooltipAnimationFrame), this._tooltipAnimationFrame = requestAnimationFrame(() => {
+				if (this._tooltipAnimationFrame = null, !this._svg) return;
+				let i = this._svg.getBoundingClientRect(), a = n - i.left, o = r - i.top;
+				if (a < t.x || a > t.x + t.width || o < t.y || o > t.y + t.height) {
+					this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null;
+					return;
+				}
+				let s = this._findNearestXValue(a);
+				if (!s) {
+					this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null;
+					return;
+				}
+				if (this._pinnedXValue !== null && this._pinnedXValue === s) {
+					let e = this._pinnedXValue, i = this._getAllDatasetsAtX(e);
+					if (i.length > 0) {
+						this._activeXValue = e, this._showPlotPointsForX(e), this._showVerticalLineAtX(e, t);
+						let a = this._cachedTooltipContent.get(e);
+						a || (a = this._tooltipXHeadingHtml(e), i.forEach((e) => {
+							a += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+                  <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+                  <span>${e.name}: ${e.formattedValue}</span>
+                </div>`;
+						}), this._cachedTooltipContent.set(e, a)), this._updateTooltipPosition(n, r), this._lastTooltipContent !== a && this._showTooltipAt(n, r, a);
+						return;
+					}
+				}
+				if (this._activeXValue === s) {
+					this._updateTooltipPosition(n, r);
+					return;
+				}
+				let c = this._getAllDatasetsAtX(s);
+				if (c.length === 0) {
+					this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine();
+					return;
+				}
+				this._activeXValue = s, this._showPlotPointsForX(s), this._showVerticalLineAtX(s, t);
+				let l = this._cachedTooltipContent.get(s);
+				if (!l) {
+					if (l = this._tooltipXHeadingHtml(s), c.forEach((e) => {
+						l += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+              <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+              <span>${e.name}: ${e.formattedValue}</span>
+            </div>`;
+					}), this._cachedTooltipContent.size >= e.MAX_CACHE_SIZE) {
+						let e = this._cachedTooltipContent.keys().next().value;
+						e !== void 0 && this._cachedTooltipContent.delete(e);
+					}
+					this._cachedTooltipContent.set(s, l);
+				}
+				this._showTooltipAt(n, r, l);
+			}));
+		}, a = () => {
+			this._tooltipAnimationFrame !== null && (cancelAnimationFrame(this._tooltipAnimationFrame), this._tooltipAnimationFrame = null), this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null;
+		}, o = (e) => {
+			if (!this._chartContainer || !this._svg) return;
+			e.stopPropagation();
+			let n = this._svg.getBoundingClientRect(), r = e.clientX - n.left, i = e.clientY - n.top;
+			if (r < t.x || r > t.x + t.width || i < t.y || i > t.y + t.height) return;
+			let a = this._findNearestXValue(r);
+			if (a) if (this._pinnedXValue === a) this._pinnedXValue = null, this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null;
+			else {
+				this._pinnedXValue = a, this._activeXValue = a;
+				let n = this._getAllDatasetsAtX(a);
+				if (n.length === 0) return;
+				this._showPlotPointsForX(a), this._showVerticalLineAtX(a, t);
+				let r = this._cachedTooltipContent.get(a);
+				r || (r = this._tooltipXHeadingHtml(a), n.forEach((e) => {
+					r += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+              <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+              <span>${e.name}: ${e.formattedValue}</span>
+            </div>`;
+				}), this._cachedTooltipContent.set(a, r)), this._showTooltipAt(e.clientX, e.clientY, r);
+			}
+		}, s = (e) => {
+			if (!this._chartContainer || !this._svg) return;
+			let n = e.touches[0];
+			if (!n) return;
+			let r = this._svg.getBoundingClientRect(), i = n.clientX - r.left, a = n.clientY - r.top;
+			if (i < t.x || i > t.x + t.width || a < t.y || a > t.y + t.height) {
+				this._pinnedXValue === null && (this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null);
+				return;
+			}
+			let o = this._findNearestXValue(i);
+			if (!o) {
+				this._pinnedXValue === null && (this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null);
+				return;
+			}
+			if (this._pinnedXValue === o) this._pinnedXValue = null, this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null;
+			else {
+				this._pinnedXValue = o, this._activeXValue = o;
+				let e = this._getAllDatasetsAtX(o);
+				if (e.length === 0) return;
+				this._showPlotPointsForX(o), this._showVerticalLineAtX(o, t);
+				let r = this._cachedTooltipContent.get(o);
+				r || (r = this._tooltipXHeadingHtml(o), e.forEach((e) => {
+					r += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+              <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+              <span>${e.name}: ${e.formattedValue}</span>
+            </div>`;
+				}), this._cachedTooltipContent.set(o, r)), this._showTooltipAt(n.clientX, n.clientY, r);
+			}
+		}, c = (n) => {
+			if (!this._chartContainer || !this._svg) return;
+			let r = n.touches[0];
+			r && (this._tooltipAnimationFrame !== null && cancelAnimationFrame(this._tooltipAnimationFrame), this._tooltipAnimationFrame = requestAnimationFrame(() => {
+				if (this._tooltipAnimationFrame = null, !this._svg) return;
+				let n = this._svg.getBoundingClientRect(), i = r.clientX - n.left, a = r.clientY - n.top;
+				if (i < t.x || i > t.x + t.width || a < t.y || a > t.y + t.height) {
+					if (this._pinnedXValue === null) this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null;
+					else {
+						let e = this._pinnedXValue, n = this._getAllDatasetsAtX(e);
+						if (n.length > 0) {
+							this._activeXValue = e, this._showPlotPointsForX(e), this._showVerticalLineAtX(e, t);
+							let i = this._cachedTooltipContent.get(e);
+							i || (i = this._tooltipXHeadingHtml(e), n.forEach((e) => {
+								i += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+                    <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+                    <span>${e.name}: ${e.formattedValue}</span>
+                  </div>`;
+							}), this._cachedTooltipContent.set(e, i)), this._updateTooltipPosition(r.clientX, r.clientY), this._lastTooltipContent !== i && this._showTooltipAt(r.clientX, r.clientY, i);
+						}
+					}
+					return;
+				}
+				if (this._pinnedXValue !== null) {
+					let e = this._pinnedXValue, n = this._getAllDatasetsAtX(e);
+					if (n.length > 0) {
+						this._activeXValue = e, this._showPlotPointsForX(e), this._showVerticalLineAtX(e, t);
+						let i = this._cachedTooltipContent.get(e);
+						i || (i = this._tooltipXHeadingHtml(e), n.forEach((e) => {
+							i += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+                  <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+                  <span>${e.name}: ${e.formattedValue}</span>
+                </div>`;
+						}), this._cachedTooltipContent.set(e, i)), this._updateTooltipPosition(r.clientX, r.clientY), this._lastTooltipContent !== i && this._showTooltipAt(r.clientX, r.clientY, i);
+						return;
+					}
+				}
+				let o = this._findNearestXValue(i);
+				if (!o) {
+					this._pinnedXValue === null && (this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null);
+					return;
+				}
+				if (this._activeXValue === o) {
+					this._updateTooltipPosition(r.clientX, r.clientY);
+					return;
+				}
+				let s = this._getAllDatasetsAtX(o);
+				if (s.length === 0) {
+					this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine();
+					return;
+				}
+				this._activeXValue = o, this._showPlotPointsForX(o), this._showVerticalLineAtX(o, t);
+				let c = this._cachedTooltipContent.get(o);
+				if (!c) {
+					if (c = this._tooltipXHeadingHtml(o), s.forEach((e) => {
+						c += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+              <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+              <span>${e.name}: ${e.formattedValue}</span>
+            </div>`;
+					}), this._cachedTooltipContent.size >= e.MAX_CACHE_SIZE) {
+						let e = this._cachedTooltipContent.keys().next().value;
+						e !== void 0 && this._cachedTooltipContent.delete(e);
+					}
+					this._cachedTooltipContent.set(o, c);
+				}
+				this._showTooltipAt(r.clientX, r.clientY, c);
+			}));
+		}, l = () => {
+			this._tooltipAnimationFrame !== null && (cancelAnimationFrame(this._tooltipAnimationFrame), this._tooltipAnimationFrame = null), this._pinnedXValue === null && setTimeout(() => {
+				this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null;
+			}, 500);
+		};
+		this._chartClickOutsideHandler || (this._chartClickOutsideHandler = (e) => {
+			if (this._pinnedXValue === null) return;
+			let t = e.target;
+			this._svg && !this._svg.contains(t) && (this._pinnedXValue = null, this._hideTooltip(), this._hidePlotPoints(), this._hideVerticalLine(), this._activeXValue = null);
+		}, document.addEventListener("click", this._chartClickOutsideHandler, !0)), this._svg.addEventListener("mousemove", i), this._svg.addEventListener("mouseleave", a), this._svg.addEventListener("click", o), this._svg.addEventListener("touchstart", s, { passive: !0 }), this._svg.addEventListener("touchmove", c, { passive: !0 }), this._svg.addEventListener("touchend", l), this._chartTooltipMouseMove = i, this._chartTooltipMouseLeave = a, this._chartTooltipClick = o, this._chartTooltipTouchStart = s, this._chartTooltipTouchMove = c, this._chartTooltipTouchEnd = l;
+	}
+	_updateTooltipPosition(e, t) {
+		if (!this._tooltip || this._tooltip.style.display === "none" || this._tooltip.style.opacity === "0") return;
+		let n = this._tooltip.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e + 10, o = t - n.height - 8;
+		a + n.width > r && (a = e - n.width - 10), a < 0 && (a = 10), o < 0 && (o = t + 20), o + n.height > i && (o = t - n.height - 8, o < 0 && (o = 10));
+		let s = `${a}px`, c = `${o}px`;
+		this._tooltip.style.left !== s && (this._tooltip.style.left = s), this._tooltip.style.top !== c && (this._tooltip.style.top = c);
+	}
+	_scaleX(e, t) {
+		let n = this._getXValues();
+		if (n.length === 0) return t.x;
+		let r = n.indexOf(e);
+		if (r === -1) return t.x;
+		let i = t.width / Math.max(1, n.length - 1);
+		return t.x + r * i;
+	}
+	_scaleY(e, t) {
+		let n = this._getYRange();
+		if (n.max === n.min) return t.y + t.height / 2;
+		let r = (e - n.min) / (n.max - n.min);
+		return t.y + t.height - r * t.height;
+	}
+	_getDatasetColor(e, t, n) {
+		return n === void 0 ? e.color || this._defaultColors[t % this._defaultColors.length] : e.color || this._defaultColors[n % this._defaultColors.length];
+	}
+	_getContrastColor(e) {
+		let t = e.replace("#", ""), n = parseInt(t.substring(0, 2), 16), r = parseInt(t.substring(2, 4), 16), i = parseInt(t.substring(4, 6), 16);
+		return (.299 * n + .587 * r + .114 * i) / 255 > .5 ? "#000000" : "#ffffff";
+	}
+	_calculateRotatedLabelHeight() {
+		if (this._rotatedLabelHeight = 0, !this._chartData || !this._showGrid) return;
+		let e = this._getXValues();
+		if (e.length <= 1) return;
+		let t = {
+			width: this._width - (this._showGrid ? 60 : 0) - 0,
+			height: this._height - (this._showLegend ? Math.max(this._legendHeight, 60) : 0) - 0,
+			x: this._showGrid ? 60 : 0,
+			y: 0
+		}, n = this._chartType === "bar", r = [];
+		e.forEach((e) => {
+			let i = n ? this._scaleXForBarChart(e, t) : this._scaleX(e, t);
+			r.push(i);
+		});
+		let i = document.createElement("canvas").getContext("2d");
+		if (!i) return;
+		i.font = "12px system-ui, -apple-system, sans-serif";
+		let a = [];
+		e.forEach((e) => {
+			let t = this._formatXAxisValue(e), n = i.measureText(t);
+			a.push(n.width);
+		});
+		let o = !0;
+		for (let t = 1; t < e.length; t++) {
+			let e = r[t] - r[t - 1], n = a[t - 1] / 2 + a[t] / 2 + 10;
+			if (e < Math.max(n, 80)) {
+				o = !1;
+				break;
+			}
+		}
+		if (!o) {
+			let e = (Math.max(...a) + 12 * 1.2) * .707;
+			this._rotatedLabelHeight = Math.ceil(e) + 10;
+		}
+	}
+	_renderGrid(e) {
+		if (!this._svg || !this._showGrid) return;
+		let t = document.createElementNS("http://www.w3.org/2000/svg", "g");
+		t.setAttribute("class", "chart-grid");
+		let n = this._getYRange(), r = Math.floor(e.height / 35), i = Math.min(5, r);
+		for (let r = 0; r <= i; r++) {
+			let a = e.y + e.height / i * r, o = document.createElementNS("http://www.w3.org/2000/svg", "line");
+			o.setAttribute("x1", e.x.toString()), o.setAttribute("y1", a.toString()), o.setAttribute("x2", (e.x + e.width).toString()), o.setAttribute("y2", a.toString()), o.setAttribute("stroke", "#e5e7eb"), o.setAttribute("stroke-width", "1"), o.setAttribute("stroke-dasharray", "2,2"), document.documentElement.classList.contains("dark") && o.setAttribute("stroke", "#374151"), t.appendChild(o);
+			let s = n.max - (n.max - n.min) / i * r, c = document.createElementNS("http://www.w3.org/2000/svg", "text"), l = a + 4;
+			r === 0 && (l = a + 12), c.setAttribute("x", "5"), c.setAttribute("y", l.toString()), c.setAttribute("text-anchor", "start"), c.setAttribute("fill", "#6b7280"), c.setAttribute("font-size", "12"), c.textContent = this._formatYAxisValue(s), document.documentElement.classList.contains("dark") && c.setAttribute("fill", "#9ca3af"), t.appendChild(c);
+		}
+		let a = this._getXValues();
+		if (a.length === 0) {
+			this._svg.appendChild(t);
+			return;
+		}
+		let o = this._chartType === "bar", s = [];
+		a.forEach((t) => {
+			let n = o ? this._scaleXForBarChart(t, e) : this._scaleX(t, e);
+			s.push(n);
+		});
+		let c = document.createElement("canvas").getContext("2d"), l = !1, u = Array(a.length).fill(!0);
+		if (c && a.length > 1) {
+			c.font = "12px system-ui, -apple-system, sans-serif";
+			let e = [];
+			a.forEach((t) => {
+				let n = this._formatXAxisValue(t), r = c.measureText(n);
+				e.push(r.width);
+			});
+			let t = !0;
+			for (let n = 1; n < a.length; n++) {
+				let r = s[n] - s[n - 1], i = e[n - 1] / 2 + e[n] / 2 + 10;
+				if (r < Math.max(i, 80)) {
+					t = !1;
+					break;
+				}
+			}
+			if (!t) {
+				l = !0;
+				let t = 12 * 1.2;
+				if (this._rotatedLabelHeight === 0) {
+					let n = (Math.max(...e) + t) * .707;
+					this._rotatedLabelHeight = Math.ceil(n) + 10;
+				}
+				let n = t * 1.5, r = !0;
+				for (let e = 1; e < a.length; e++) if (s[e] - s[e - 1] < n) {
+					r = !1;
+					break;
+				}
+				if (!r) {
+					let e = n;
+					u = Array(a.length).fill(!1);
+					let t = -Infinity;
+					a.length > 0 && (u[0] = !0, t = s[0]);
+					for (let n = 1; n < a.length - 1; n++) {
+						let r = s[n];
+						r - t >= e && (u[n] = !0, t = r);
+					}
+					if (a.length > 1) {
+						let n = s[a.length - 1];
+						if (n - t >= e) u[a.length - 1] = !0;
+						else {
+							for (; n - t < e;) {
+								let e = !1;
+								for (let n = a.length - 2; n >= 0; n--) if (u[n]) {
+									if (u[n] = !1, n > 0) {
+										for (let r = n - 1; r >= 0; r--) if (u[r]) {
+											t = s[r], e = !0;
+											break;
+										}
+										e || (t = s[0]);
+									} else t = s[0];
+									e = !0;
+									break;
+								}
+								if (!e) break;
+							}
+							n - t >= e && (u[a.length - 1] = !0);
+						}
+					}
+				}
+			}
+		} else u = Array(a.length).fill(!1), a.length > 0 && (u[0] = !0), a.length > 1 && (u[a.length - 1] = !0), this._rotatedLabelHeight = 0;
+		l || (this._rotatedLabelHeight = 0), a.forEach((n, r) => {
+			if (u[r]) {
+				let i = s[r], o = document.createElementNS("http://www.w3.org/2000/svg", "line");
+				o.setAttribute("x1", i.toString()), o.setAttribute("y1", e.y.toString()), o.setAttribute("x2", i.toString()), o.setAttribute("y2", (e.y + e.height).toString()), o.setAttribute("stroke", "#e5e7eb"), o.setAttribute("stroke-width", "1"), o.setAttribute("stroke-dasharray", "2,2"), document.documentElement.classList.contains("dark") && o.setAttribute("stroke", "#374151"), t.appendChild(o);
+				let c = document.createElementNS("http://www.w3.org/2000/svg", "text"), u = i, d = "middle";
+				if (!l) {
+					if (r === 0) {
+						let t = e.x;
+						u = Math.max(i, t), d = "start";
+					} else if (r === a.length - 1) {
+						let t = e.x + e.width;
+						u = Math.min(i, t), d = "end";
+					}
+				} else if (d = "end", r === a.length - 1) {
+					let t = document.createElement("canvas").getContext("2d");
+					if (t) {
+						t.font = "12px system-ui, -apple-system, sans-serif";
+						let r = this._formatXAxisValue(n), a = t.measureText(r).width * .707, o = e.x + e.width + 100;
+						u = Math.min(i, o - a);
+					}
+				}
+				c.setAttribute("x", u.toString());
+				let f = (this._rotatedLabelHeight > 0 ? 30 : 20) + this._rotatedLabelHeight + 12, p = f;
+				this._showLegend && (p = f + 20 + Math.max(this._legendHeight, 60));
+				let m = (this._height - e.y - e.height) / p, h = (l ? 30 : 20) * m, g = e.y + e.height + h;
+				c.setAttribute("y", g.toString()), c.setAttribute("text-anchor", d), c.setAttribute("fill", "#6b7280"), c.setAttribute("font-size", "12"), l && c.setAttribute("transform", `rotate(-45 ${u} ${g})`), c.textContent = this._formatXAxisValue(n), document.documentElement.classList.contains("dark") && c.setAttribute("fill", "#9ca3af"), t.appendChild(c);
+			}
+		}), this._svg.appendChild(t);
+	}
+	_buildMonotoneXLinePathD(e) {
+		let t = (e) => e < 0 ? -1 : 1, n = (e, n, r, i, a, o) => {
+			let s = r - e, c = a - r, l = (i - n) / (s || c < 0 && -0), u = (o - i) / (c || s < 0 && -0), d = (l * c + u * s) / (s + c || 1e-12);
+			return (t(l) + t(u)) * Math.min(Math.abs(l), Math.abs(u), .5 * Math.abs(d)) || 0;
+		}, r = (e, t, n, r, i) => {
+			let a = n - e;
+			return a ? (3 * ((r - t) / a) - i) / 2 : i;
+		}, i = (e, t, n, r, i, a, o) => {
+			let s = (r - t) / 3;
+			e.push(`C ${t + s} ${n + s * a} ${r - s} ${i - s * o} ${r} ${i}`);
+		}, a = [];
+		for (let t of e) {
+			let e = a[a.length - 1];
+			(!e || e.x !== t.x || e.y !== t.y) && a.push(t);
+		}
+		if (a.length === 0) return "";
+		if (a.length === 1) return `M ${a[0].x} ${a[0].y}`;
+		let o = [], s = NaN, c = NaN, l = NaN, u = NaN, d = NaN, f = 0;
+		for (let e of a) {
+			let t = e.x, a = e.y;
+			if (!(t === l && a === u)) switch (f) {
+				case 0:
+					o.push(`M ${t} ${a}`), s = t, c = a, l = t, u = a, f = 1;
+					break;
+				case 1:
+					l = t, u = a, f = 2;
+					break;
+				case 2: {
+					let e = n(s, c, l, u, t, a);
+					i(o, s, c, l, u, r(s, c, l, u, e), e), s = l, c = u, l = t, u = a, d = e, f = 3;
+					break;
+				}
+				default: {
+					let e = n(s, c, l, u, t, a);
+					i(o, s, c, l, u, d, e), s = l, c = u, l = t, u = a, d = e;
+				}
+			}
+		}
+		return f === 2 ? o.push(`L ${l} ${u}`) : f === 3 && i(o, s, c, l, u, d, r(s, c, l, u, d)), o.join(" ");
+	}
+	_stripLeadingMoveTo(e) {
+		return e.replace(/^M\s+[\d.-]+\s+[\d.-]+\s*/i, "").trim();
+	}
+	_buildAreaFillPathD(e, t) {
+		if (e.length === 0) return "";
+		let n = e[e.length - 1];
+		if (e.length === 1) return `M ${e[0].x} ${t} L ${e[0].x} ${e[0].y} L ${e[0].x} ${t} Z`;
+		if (this._curveTension <= 0) {
+			let r = [`M ${e[0].x} ${t}`, `L ${e[0].x} ${e[0].y}`];
+			for (let t = 1; t < e.length; t++) r.push(`L ${e[t].x} ${e[t].y}`);
+			return r.push(`L ${n.x} ${t}`, "Z"), r.join(" ");
+		}
+		let r = this._buildMonotoneXLinePathD(e), i = this._stripLeadingMoveTo(r);
+		return `M ${e[0].x} ${t} L ${e[0].x} ${e[0].y} ${i} L ${n.x} ${t} Z`;
+	}
+	_buildSmoothLinePathD(e) {
+		if (e.length === 0) return "";
+		if (e.length === 1) return `M ${e[0].x} ${e[0].y}`;
+		if (this._curveTension <= 0) {
+			let t = [`M ${e[0].x} ${e[0].y}`];
+			for (let n = 1; n < e.length; n++) t.push(`L ${e[n].x} ${e[n].y}`);
+			return t.join(" ");
+		}
+		return this._buildMonotoneXLinePathD(e);
+	}
+	_renderLineChart() {
+		if (!this._svg || !this._chartData) return;
+		let e = this._getChartBounds();
+		this._renderGrid(e);
+		let t = document.createElementNS("http://www.w3.org/2000/svg", "g");
+		t.setAttribute("class", "chart-data");
+		let n = document.createDocumentFragment();
+		this._chartData.datasets.forEach((t, r) => {
+			if (!this._isDatasetVisible(t, r)) return;
+			let i = this._getDatasetColor(t, r), a = document.createElementNS("http://www.w3.org/2000/svg", "path"), o = t.data.map((t) => ({
+				x: this._scaleX(t.x, e),
+				y: this._scaleY(t.y, e)
+			}));
+			o.length !== 0 && (a.setAttribute("d", this._buildSmoothLinePathD(o)), a.setAttribute("fill", "none"), a.setAttribute("stroke", i), a.setAttribute("stroke-width", "2"), a.setAttribute("stroke-linecap", "round"), a.setAttribute("stroke-linejoin", "round"), n.appendChild(a), t.data.forEach((a) => {
+				let o = document.createElementNS("http://www.w3.org/2000/svg", "circle"), s = this._scaleX(a.x, e), c = this._scaleY(a.y, e);
+				o.setAttribute("cx", s.toString()), o.setAttribute("cy", c.toString()), o.setAttribute("r", "4"), o.setAttribute("fill", i);
+				let l = document.documentElement.classList.contains("dark");
+				o.setAttribute("stroke", l ? "#1f2937" : "#fff"), o.setAttribute("stroke-width", "2"), o.setAttribute("class", "chart-point"), o.setAttribute("data-dataset", r.toString()), o.setAttribute("data-x", String(a.x)), o.setAttribute("data-y", a.y.toString()), o.setAttribute("data-name", t.name), o.style.opacity = "0", o.style.pointerEvents = "none";
+				let u = String(a.x);
+				this._plotPoints.has(u) || this._plotPoints.set(u, []), this._plotPoints.get(u).push(o), n.appendChild(o);
+			}));
+		}), t.appendChild(n), this._svg.appendChild(t);
+	}
+	_scaleXForBarChart(e, t) {
+		let n = this._getXValues();
+		if (n.length === 0) return t.x;
+		let r = n.indexOf(e);
+		if (r === -1) return t.x;
+		let i = n.length + 1, a = t.width / i;
+		return t.x + (r + 1) * a;
+	}
+	_renderBarChart() {
+		if (!this._svg || !this._chartData) return;
+		let e = this._getChartBounds();
+		this._renderGrid(e);
+		let t = document.createElementNS("http://www.w3.org/2000/svg", "g");
+		t.setAttribute("class", "chart-data");
+		let n = document.createDocumentFragment(), r = this._getXValues(), i = this._chartData.datasets.filter((e, t) => this._isDatasetVisible(e, t)).length, a = r.length;
+		if (a === 0) return;
+		let o = [];
+		r.forEach((t) => {
+			o.push(this._scaleXForBarChart(t, e));
+		}), o.sort((e, t) => e - t);
+		let s = e.width;
+		if (a > 1) for (let e = 0; e < o.length - 1; e++) {
+			let t = o[e + 1] - o[e];
+			t > 0 && t < s && (s = t);
+		}
+		else s = e.width * .5;
+		let c = s * .7, l = .2, u = c / ((1 + l) * i - l), d = u * l, f = (u + d) * i - d;
+		if (f > c) {
+			let e = c / f;
+			u *= e, d = u * l, f = (u + d) * i - d;
+		}
+		let p = 0;
+		this._chartData.datasets.forEach((t, r) => {
+			if (!this._isDatasetVisible(t, r)) return;
+			let i = this._getDatasetColor(t, r), a = -f / 2 + (u + d) * p;
+			p++, t.data.forEach((o) => {
+				let s = this._scaleXForBarChart(o.x, e), c = this._scaleY(o.y, e), l = e.y + e.height - c, d = s + a, f = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+				f.setAttribute("x", d.toString()), f.setAttribute("y", c.toString()), f.setAttribute("width", u.toString()), f.setAttribute("height", l.toString()), f.setAttribute("fill", i), f.setAttribute("rx", "2"), f.setAttribute("class", "chart-bar"), f.setAttribute("data-dataset", r.toString()), f.setAttribute("data-x", String(o.x)), f.setAttribute("data-y", o.y.toString()), f.setAttribute("data-name", t.name), f.style.cursor = "pointer", this._showTooltip && f.addEventListener("mouseenter", (e) => {
+					let t = this._getAllDatasetsAtX(o.x), n = this._tooltipXHeadingHtml(o.x);
+					t.forEach((e) => {
+						n += `<div style="display: flex; align-items: center; gap: 6px; margin-top: 4px;">
+                <span style="display: inline-block; width: 12px; height: 12px; background-color: ${e.color}; border-radius: 2px;"></span>
+                <span>${e.name}: ${e.formattedValue}</span>
+              </div>`;
+					}), this._showTooltipAt(e.clientX, e.clientY, n);
+				}), n.appendChild(f);
+			});
+		}), t.appendChild(n), this._svg.appendChild(t);
+	}
+	_renderAreaChart() {
+		if (!this._svg || !this._chartData) return;
+		let e = this._getChartBounds();
+		this._renderGrid(e);
+		let t = document.createElementNS("http://www.w3.org/2000/svg", "g");
+		t.setAttribute("class", "chart-data");
+		let n = document.createDocumentFragment();
+		this._chartData.datasets.forEach((t, r) => {
+			if (!this._isDatasetVisible(t, r)) return;
+			let i = this._getDatasetColor(t, r), a = t.data.map((t) => ({
+				x: this._scaleX(t.x, e),
+				y: this._scaleY(t.y, e)
+			}));
+			if (a.length === 0) return;
+			let o = e.y + e.height, s = document.createElementNS("http://www.w3.org/2000/svg", "path");
+			s.setAttribute("d", this._buildAreaFillPathD(a, o)), s.setAttribute("fill", i), s.setAttribute("fill-opacity", "0.3"), n.appendChild(s);
+			let c = document.createElementNS("http://www.w3.org/2000/svg", "path");
+			c.setAttribute("d", this._buildSmoothLinePathD(a)), c.setAttribute("fill", "none"), c.setAttribute("stroke", i), c.setAttribute("stroke-width", "2"), c.setAttribute("stroke-linecap", "round"), c.setAttribute("stroke-linejoin", "round"), n.appendChild(c), t.data.forEach((a) => {
+				let o = document.createElementNS("http://www.w3.org/2000/svg", "circle"), s = this._scaleX(a.x, e), c = this._scaleY(a.y, e);
+				o.setAttribute("cx", s.toString()), o.setAttribute("cy", c.toString()), o.setAttribute("r", "4"), o.setAttribute("fill", i);
+				let l = document.documentElement.classList.contains("dark");
+				o.setAttribute("stroke", l ? "#1f2937" : "#fff"), o.setAttribute("stroke-width", "2"), o.setAttribute("class", "chart-point"), o.setAttribute("data-dataset", r.toString()), o.setAttribute("data-x", String(a.x)), o.setAttribute("data-y", a.y.toString()), o.setAttribute("data-name", t.name), o.style.opacity = "0", o.style.pointerEvents = "none";
+				let u = String(a.x);
+				this._plotPoints.has(u) || this._plotPoints.set(u, []), this._plotPoints.get(u).push(o), n.appendChild(o);
+			});
+		}), t.appendChild(n), this._svg.appendChild(t);
+	}
+	_renderPieChart() {
+		if (!this._svg || !this._chartData) return;
+		let e = this._getChartBounds(), t = e.x + e.width / 2, n = e.y + e.height / 2, r = Math.min(e.width, e.height) / 2 - 20, i = this._chartData.datasets[0];
+		if (!i || !i.data || i.data.length === 0) return;
+		let a = i.data.reduce((e, t) => e + t.y, 0);
+		if (a === 0) return;
+		let o = document.createElementNS("http://www.w3.org/2000/svg", "g");
+		o.setAttribute("class", "chart-data"), this._pieChartGroup = o, this._pieChartClickOutsideHandler || (this._pieChartClickOutsideHandler = (e) => {
+			if (!this._pieChartTooltipShown) return;
+			let t = e.target;
+			this._pieChartGroup && !this._pieChartGroup.contains(t) && (this._pieChartTooltipShown = !1, this._hideTooltip());
+		}, document.addEventListener("click", this._pieChartClickOutsideHandler, !0));
+		let s = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+		s.setAttribute("cx", t.toString()), s.setAttribute("cy", n.toString()), s.setAttribute("r", r.toString()), s.setAttribute("fill", "transparent"), s.setAttribute("pointer-events", "none"), o.appendChild(s);
+		let c = -Math.PI / 2;
+		i.data.forEach((e, s) => {
+			let l = e.y, u = l / a * 100, d = l / a * 2 * Math.PI, f = e.color || this._getDatasetColor(i, 0, s), p = document.createElementNS("http://www.w3.org/2000/svg", "g");
+			p.setAttribute("class", "chart-pie-slice-group"), p.setAttribute("data-index", s.toString()), p.style.cursor = "pointer", p.style.transition = "transform 0.2s ease-out";
+			let m = document.createElementNS("http://www.w3.org/2000/svg", "path"), h = r + 2, g = t + h * Math.cos(c), _ = n + h * Math.sin(c), v = t + h * Math.cos(c + d), y = n + h * Math.sin(c + d), b = d > Math.PI ? 1 : 0, x = [
+				`M ${t} ${n}`,
+				`L ${g} ${_}`,
+				`A ${h} ${h} 0 ${b} 1 ${v} ${y}`,
+				"Z"
+			].join(" ");
+			m.setAttribute("d", x), m.setAttribute("fill", f), m.setAttribute("class", "chart-pie-slice"), m.setAttribute("data-index", s.toString()), m.setAttribute("data-x", String(e.x)), m.setAttribute("data-y", e.y.toString()), m.setAttribute("data-name", i.name), m.setAttribute("data-percentage", u.toFixed(1)), p.appendChild(m);
+			let S = c + d / 2, C = Math.cos(S) * 10, w = Math.sin(S) * 10, T = null, E = null, D = !1;
+			if (p.__chartInstance = this, p.addEventListener("mouseenter", function() {
+				if (E !== null && (clearTimeout(E), E = null), !D) {
+					T !== null && clearTimeout(T);
+					let e = window.setTimeout(() => {
+						D = !0, this.setAttribute("transform", `translate(${C}, ${w})`), T = null, this.__chartInstance && this.__chartInstance._pieChartTimeouts.delete(e);
+					}, 150);
+					T = e, this.__chartInstance && this.__chartInstance._pieChartTimeouts.add(e);
+				}
+			}), p.addEventListener("mouseleave", function() {
+				if (T !== null && (clearTimeout(T), T = null), D) {
+					E !== null && clearTimeout(E);
+					let e = window.setTimeout(() => {
+						D = !1, this.setAttribute("transform", "translate(0, 0)"), E = null, this.__chartInstance && this.__chartInstance._pieChartTimeouts.delete(e);
+					}, 200);
+					E = e, this.__chartInstance && this.__chartInstance._pieChartTimeouts.add(e);
+				}
+			}), p.addEventListener("click", function() {
+				T !== null && (clearTimeout(T), T = null), E !== null && (clearTimeout(E), E = null), D = !0, this.setAttribute("transform", `translate(${C}, ${w})`);
+			}), this._showTooltip) {
+				let t = this._formatValue(l, i), n = `${this._tooltipXHeadingHtml(e.x)}${i.name}: ${t}<br/>${u.toFixed(1)}%`, r = (e) => {
+					this._pieChartTooltipShown = !0, this._showTooltipAt(e.clientX, e.clientY, n);
+				};
+				p.addEventListener("mouseenter", r), p.addEventListener("mousemove", r), p.addEventListener("click", (e) => {
+					e.stopPropagation(), r(e);
+				}), p.addEventListener("mouseleave", () => {
+					this._tooltipHideTimeout = window.setTimeout(() => {
+						this._pieChartTooltipShown = !1, this._hideTooltip();
+					}, 90);
+				});
+			}
+			if (u > 5) {
+				let e = c + d / 2, i = r * .7, a = t + i * Math.cos(e), o = n + i * Math.sin(e), s = this._getContrastColor(f), l = document.createElementNS("http://www.w3.org/2000/svg", "text");
+				l.setAttribute("x", a.toString()), l.setAttribute("y", o.toString()), l.setAttribute("text-anchor", "middle"), l.setAttribute("dominant-baseline", "middle"), l.setAttribute("fill", s), l.setAttribute("font-size", "12"), l.setAttribute("font-weight", "500"), l.textContent = `${u.toFixed(1)}%`, p.appendChild(l);
+			}
+			o.appendChild(p), c += d;
+		}), this._svg.appendChild(o), this._showTooltip && (this._svg.addEventListener("mousemove", (e) => {
+			this._pieChartTooltipShown && this._lastTooltipContent && this._showTooltipAt(e.clientX, e.clientY, this._lastTooltipContent);
+		}), this._svg.addEventListener("mouseleave", () => {
+			this._pieChartTooltipShown = !1, this._hideTooltip();
+		}));
+	}
+	_calculateLegendHeight() {
+		if (!this._chartData) return 0;
+		let e = this._width - 40, t = [];
+		this._chartType === "pie" && this._chartData.datasets.length > 0 ? this._chartData.datasets[0].data.forEach((e) => {
+			t.push({
+				name: String(e.x),
+				row: 0
+			});
+		}) : this._chartData.datasets.forEach((e) => {
+			t.push({
+				name: e.name,
+				row: 0
+			});
+		});
+		let n = 0, r = [];
+		return t.forEach((t) => {
+			let i = 20 + Math.min(t.name.length * 7.5, 150);
+			r[n] || (r[n] = []), r[n].reduce((e, t) => e + (20 + Math.min(t.name.length * 7.5, 150)) + 32, 0) + i > e && r[n].length > 0 && (n++, r[n] = []), t.row = n, r[n].push(t);
+		}), r.length * 36;
+	}
+	_renderLegend() {
+		if (!this._chartData || !this._svg) return { height: 0 };
+		let e = this._svg.querySelector(".chart-legend");
+		e && e.remove();
+		let t = document.createElementNS("http://www.w3.org/2000/svg", "g");
+		if (t.setAttribute("class", "chart-legend"), !this._chartData) return { height: 0 };
+		let n = this._chartData, r = this._width - 40, i = [];
+		if (this._chartType === "pie" && n.datasets.length > 0) {
+			let e = n.datasets[0];
+			e.data.forEach((t, n) => {
+				let r = t.color || this._getDatasetColor(e, 0, n), a = String(t.x);
+				i.push({
+					name: a,
+					color: r,
+					x: 0,
+					textX: 0,
+					row: 0
+				});
+			});
+		} else n.datasets.forEach((e, t) => {
+			if (!this._isDatasetVisible(e, t)) return;
+			let n = this._getDatasetColor(e, t);
+			i.push({
+				name: e.name,
+				color: n,
+				x: 0,
+				textX: 0,
+				row: 0
+			});
+		});
+		let a = 0, o = [];
+		i.forEach((e) => {
+			let t = 20 + Math.min(e.name.length * 7.5, 150);
+			o[a] || (o[a] = []), o[a].reduce((e, t) => e + (20 + Math.min(t.name.length * 7.5, 150)) + 32, 0) + t > r && o[a].length > 0 && (a++, o[a] = []), e.row = a, o[a].push(e);
+		}), o.forEach((e) => {
+			let t = e.reduce((e, t) => e + (20 + Math.min(t.name.length * 7.5, 150)), 0) + (e.length - 1) * 32, n = (this._width - t) / 2;
+			e.forEach((e) => {
+				let t = Math.min(e.name.length * 7.5, 150);
+				e.x = n, e.textX = n + 6 + 8, n += 20 + t + 32;
+			});
+		}), o.length * 36;
+		let s = this._getChartBounds(), c = (this._rotatedLabelHeight > 0 ? 30 : 20) + this._rotatedLabelHeight + 12, l = c;
+		this._showLegend && (l = c + 20 + Math.max(this._legendHeight, 60));
+		let u = this._height - s.y - s.height, d = l > 0 ? u / l : 1, f = (this._rotatedLabelHeight > 0 ? 30 : 20) * d, p = 12 * d, m = this._rotatedLabelHeight * d, h = s.y + s.height + f + (this._rotatedLabelHeight > 0 ? m : p) + 20 * d;
+		return i.forEach((e) => {
+			let n = h + e.row * 36 + 16 / 2, r = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+			r.setAttribute("cx", e.x.toString()), r.setAttribute("cy", n.toString()), r.setAttribute("r", "6"), r.setAttribute("fill", e.color), t.appendChild(r);
+			let i = document.createElementNS("http://www.w3.org/2000/svg", "foreignObject");
+			i.setAttribute("x", e.textX.toString()), i.setAttribute("y", (n - 12).toString()), i.setAttribute("width", "150"), i.setAttribute("height", "24");
+			let a = document.createElement("div");
+			a.style.cssText = `
+        font-size: 12px;
+        font-family: system-ui, -apple-system, sans-serif;
+        color: ${document.documentElement.classList.contains("dark") ? "#d1d5db" : "#374151"};
+        line-height: 1.2;
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        white-space: normal;
+        max-width: 150px;
+        display: flex;
+        align-items: center;
+        height: 100%;
+      `, a.textContent = e.name, i.appendChild(a), t.appendChild(i);
+		}), this._svg.appendChild(t), { height: this._legendHeight + 50 };
+	}
+	async addDataPoint(e, t) {
+		return !this._chartData || !this._chartData.datasets[e] ? (console.error(`Dataset at index ${e} does not exist`), Promise.reject(/* @__PURE__ */ Error(`Dataset at index ${e} does not exist`))) : (this._chartData.datasets[e].data.push(t), this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e())));
+	}
+	async batchAddDataPoints(e) {
+		if (!this._chartData) return Promise.resolve();
+		let t = !1;
+		for (let { datasetIndex: n, point: r } of e) this._chartData.datasets[n] && (this._chartData.datasets[n].data.push(r), t = !0);
+		return t && (this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender()), new Promise((e) => requestAnimationFrame(() => e()));
+	}
+	async updateDatasetData(e, t) {
+		return !this._chartData || !this._chartData.datasets[e] ? (console.error(`Dataset at index ${e} does not exist`), Promise.reject(/* @__PURE__ */ Error(`Dataset at index ${e} does not exist`))) : (this._chartData.datasets[e].data = t, this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e())));
+	}
+	async addDataset(e) {
+		return this._chartData ? (this._chartData.datasets.push(e), e.id && this._datasetVisibility.set(e.id, e.visible !== !1), this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e()))) : (console.error("Chart data not initialized"), Promise.reject(/* @__PURE__ */ Error("Chart data not initialized")));
+	}
+	async removeDataset(e) {
+		return !this._chartData || !this._chartData.datasets[e] ? (console.error(`Dataset at index ${e} does not exist`), Promise.reject(/* @__PURE__ */ Error(`Dataset at index ${e} does not exist`))) : (this._chartData.datasets.splice(e, 1), this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e())));
+	}
+	async updateDataPoint(e, t, n) {
+		return !this._chartData || !this._chartData.datasets[e] ? (console.error(`Dataset at index ${e} does not exist`), Promise.reject(/* @__PURE__ */ Error(`Dataset at index ${e} does not exist`))) : this._chartData.datasets[e].data[t] ? (this._chartData.datasets[e].data[t] = n, this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e()))) : (console.error(`Data point at index ${t} does not exist`), Promise.reject(/* @__PURE__ */ Error(`Data point at index ${t} does not exist`)));
+	}
+	async batchUpdateDataPoints(e) {
+		if (!this._chartData) return Promise.resolve();
+		let t = !1;
+		for (let { datasetIndex: n, pointIndex: r, point: i } of e) this._chartData.datasets[n]?.data[r] && (this._chartData.datasets[n].data[r] = i, t = !0);
+		return t && (this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender()), new Promise((e) => requestAnimationFrame(() => e()));
+	}
+	async removeDataPoint(e, t) {
+		return !this._chartData || !this._chartData.datasets[e] ? (console.error(`Dataset at index ${e} does not exist`), Promise.reject(/* @__PURE__ */ Error(`Dataset at index ${e} does not exist`))) : (this._chartData.datasets[e].data.splice(t, 1), this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e())));
+	}
+	async batchRemoveDataPoints(e) {
+		if (!this._chartData) return Promise.resolve();
+		let t = !1;
+		for (let { datasetIndex: n, pointIndex: r } of e) this._chartData.datasets[n]?.data[r] && (this._chartData.datasets[n].data.splice(r, 1), t = !0);
+		return t && (this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender()), new Promise((e) => requestAnimationFrame(() => e()));
+	}
+	async showDataset(e) {
+		return this._datasetVisibility.set(e, !0), this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e()));
+	}
+	async hideDataset(e) {
+		return this._datasetVisibility.set(e, !1), this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), new Promise((e) => requestAnimationFrame(() => e()));
+	}
+	async toggleDataset(e) {
+		let t = !(this._datasetVisibility.get(e) ?? !0);
+		return this._datasetVisibility.set(e, t), this._cachedBounds.dataHash = "", this._cachedYRange.dataHash = "", this._cachedXValues.dataHash = "", this._cachedTooltipContent.clear(), this._scheduleRender(), await new Promise((e) => requestAnimationFrame(() => e())), t;
+	}
+	isDatasetVisible(e) {
+		return this._datasetVisibility.get(e);
+	}
+	async downloadAsPNG(e = "chart.png") {
+		if (!this._svg) return console.error("Chart SVG not found"), Promise.reject(/* @__PURE__ */ Error("Chart SVG not found"));
+		let t = this._svg.cloneNode(!0), n = this._width, r = this._height;
+		t.querySelectorAll("text").forEach((e) => {
+			let t = e.getAttribute("font-family");
+			(!t || t.includes("system-ui") || t.includes("apple-system")) && e.setAttribute("font-family", "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif");
+		}), t.setAttribute("width", n.toString()), t.setAttribute("height", r.toString()), t.setAttribute("xmlns", "http://www.w3.org/2000/svg"), t.querySelectorAll("foreignObject").forEach((e) => {
+			let t = e.querySelector("div");
+			if (t) {
+				let n = document.createElementNS("http://www.w3.org/2000/svg", "text"), r = e.getAttribute("x") || "0", i = e.getAttribute("y") || "0";
+				n.setAttribute("x", r), n.setAttribute("y", (parseFloat(i) + 12).toString()), n.setAttribute("fill", t.style.color || "#374151"), n.setAttribute("font-size", "12"), n.setAttribute("font-family", t.style.fontFamily || "system-ui, -apple-system, sans-serif"), n.textContent = t.textContent || "", e.parentNode && e.parentNode.replaceChild(n, e);
+			}
+		});
+		let i = new XMLSerializer().serializeToString(t), a = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(i), o = new Image();
+		return o.crossOrigin = "anonymous", new Promise((t, i) => {
+			o.onload = () => {
+				setTimeout(() => {
+					let a = document.createElement("canvas");
+					a.width = n + 60, a.height = r + 60;
+					let s = a.getContext("2d");
+					if (!s) {
+						console.error("Could not get canvas context"), i(/* @__PURE__ */ Error("Could not get canvas context"));
+						return;
+					}
+					s.fillStyle = document.documentElement.classList.contains("dark") ? "#111827" : "#ffffff", s.fillRect(0, 0, a.width, a.height), s.drawImage(o, 30, 30), a.toBlob((n) => {
+						if (!n) {
+							console.error("Could not create blob from canvas"), i(/* @__PURE__ */ Error("Could not create blob from canvas"));
+							return;
+						}
+						let r = URL.createObjectURL(n), a = document.createElement("a");
+						a.href = r, a.download = e, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(r), t();
+					}, "image/png");
+				}, 0);
+			}, o.onerror = () => {
+				console.error("Error loading SVG image"), i(/* @__PURE__ */ Error("Error loading SVG image"));
+			}, o.src = a;
+		});
+	}
+};
+customElements.get("mint-chart") || e("mint-chart", t);
+//#endregion
+export { t as default };