@slotted/react 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/chart-O0ZhkzJe.js

@@ -0,0 +1,966 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+/* empty css                */
+/* empty css                  */
+/* empty css                      */
+import { createControllable as i } from "@slotted/core/state";
+import { Fragment as a, createContext as o, createElement as s, useCallback as c, useContext as l, useEffect as u, useId as ee, useImperativeHandle as te, useLayoutEffect as ne, useMemo as re, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { collapseState as ie } from "@slotted/core/overflow";
+import { chartMessages as ae } from "@slotted/core/i18n";
+import { getLiveAnnouncer as oe } from "@slotted/core/live-announcer";
+import { FULL_ZOOM as se, TOOLTIP_DOCK_WIDTH as ce, cachedChartTheme as le, categoryIndex as ue, chartKeyAction as de, chartTable as fe, chartToCsv as pe, createChartModel as me, createLatestAnnouncer as he, defaultTrigger as ge, describeChart as _e, describePoint as ve, describeZoom as ye, firstPoint as be, isDrawn as g, isFullZoom as xe, observeChartTheme as Se, placeLayer as Ce, placeTooltip as we, readChartTheme as Te, sameTheme as Ee, seriesOf as _, toggleHidden as De, tooltipContext as Oe, trackModality as ke } from "@slotted/core/chart";
+import { mountChartEngine as Ae, preloadChartEngine as je } from "@slotted/core/chart-echarts";
+//#region src/chart/chart-defaults.tsx
+var Me = o({});
+function Ne() {
+	return l(Me);
+}
+function Pe({ children: e, ...t }) {
+	let n = Ne(), r = { ...n };
+	for (let [e, n] of Object.entries(t)) n !== void 0 && (r[e] = n);
+	return r.tooltip = {
+		...n.tooltip,
+		...t.tooltip
+	}, /* @__PURE__ */ m(Me.Provider, {
+		value: r,
+		children: e
+	});
+}
+//#endregion
+//#region src/chart/chart.tsx
+var Fe = Object.freeze([]), Ie = (e, t) => e === t || e !== null && t !== null && e.series === t.series && e.key === t.key, Le = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Re = (e, t) => e.start === t.start && e.end === t.end, v = (e) => typeof e == "object" && !!e && Object.getPrototypeOf(e) === Object.prototype;
+function y(e, t) {
+	if (Object.is(e, t)) return !0;
+	if (Array.isArray(e)) return Array.isArray(t) && e.length === t.length && e.every((e, n) => y(e, t[n]));
+	if (!v(e) || !v(t)) return !1;
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => Object.hasOwn(t, n) && y(e[n], t[n]));
+}
+function ze(e) {
+	let t = d(e);
+	return y(t.current, e) || (t.current = e), t.current;
+}
+function b(e, t, n, r) {
+	let [a, o] = f(t), s = e === void 0 ? a : e, l = d({
+		controlled: e,
+		value: s,
+		onChange: n
+	});
+	return l.current = {
+		controlled: e,
+		value: s,
+		onChange: n
+	}, [s, c((e, t, n) => {
+		let a = l.current;
+		i({
+			controlled: a.controlled,
+			initial: a.value,
+			equals: r,
+			onRequest: (e) => a.onChange?.(e.value, e)
+		}).request(e, t, n) && o(e);
+	}, [r])];
+}
+var Be = {
+	crosshair: null,
+	markers: [],
+	tooltip: null,
+	docked: !1
+};
+function Ve(e) {
+	try {
+		return e.matches(":focus-visible");
+	} catch {
+		return !1;
+	}
+}
+function He(e) {
+	for (let t = e.length - 1; t >= 0; --t) if (e[t] !== null) return t;
+	return -1;
+}
+function Ue(e) {
+	return e.type === "slot" ? { "data-slot": String(e.slot) } : e.type === "tone" ? { "data-tone": e.tone } : { "data-overflow": "" };
+}
+function We(e) {
+	return Object.fromEntries(Object.entries(e).map(([e, t]) => [e, `${t}px`]));
+}
+function Ge(e, t = !0) {
+	let n = d(null), r = d(null), [i, a] = f(!1), o = (i) => {
+		let o = i.newState === "open";
+		a(o);
+		let s = r.current, c = n.current;
+		if (s && c) {
+			if (o) {
+				let n = s.getBoundingClientRect(), r = Ce({
+					anchor: c.getBoundingClientRect(),
+					size: {
+						width: n.width,
+						height: n.height
+					},
+					viewport: {
+						width: window.innerWidth,
+						height: window.innerHeight
+					},
+					align: e,
+					dir: getComputedStyle(c).direction === "rtl" ? "rtl" : "ltr"
+				});
+				s.style.setProperty("--slotted-chart-x", `${r.x}px`), s.style.setProperty("--slotted-chart-y", `${r.y}px`), t && s.querySelector("button")?.focus();
+			} else (s.contains(document.activeElement) || document.activeElement === document.body) && c.focus();
+		}
+	}, s = (e) => {
+		let t = [...e.currentTarget.querySelectorAll("button")].filter((e) => !e.hidden), n = t.indexOf(document.activeElement), r = e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0, i;
+		r && (i = t[(n + r + t.length) % t.length]), e.key === "Home" && (i = t[0]), e.key === "End" && (i = t[t.length - 1]), i && (e.preventDefault(), i.focus());
+	};
+	return {
+		open: i,
+		close: () => r.current?.hidePopover?.(),
+		controlProps: {
+			ref: n,
+			"aria-expanded": i,
+			...i ? { "data-open": "" } : {},
+			onClick: () => r.current?.togglePopover?.()
+		},
+		layerProps: {
+			ref: r,
+			popover: "auto",
+			onToggle: o,
+			onKeyDown: s
+		}
+	};
+}
+function x() {
+	let e = d(null), t = d(null);
+	return u(() => {
+		if (!e.current) return;
+		let n = ke(e.current);
+		return t.current = n, () => n.destroy();
+	}, []), [e, () => t.current?.read() ?? "programmatic"];
+}
+function Ke(e, t) {
+	typeof e == "function" ? e(t) : e && typeof e == "object" && (e.current = t);
+}
+function qe({ context: e, model: t, totalLabel: n, indicator: r }) {
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m("div", {
+			"data-part": "tooltip-title",
+			children: e.title
+		}),
+		e.notes.map((e) => /* @__PURE__ */ m("div", {
+			"data-part": "tooltip-note",
+			children: e
+		}, e)),
+		e.items.map((n) => {
+			let i = _(t, n.series), a = r === "line" || n.kind === "line" ? "line" : n.kind === "scatter" ? "scatter" : "bar";
+			return /* @__PURE__ */ s("div", {
+				"data-part": "tooltip-item",
+				...e.items.length > 1 && n.current ? { "data-current": "" } : {},
+				...Ue(n.color),
+				key: `${n.series}-${n.label}`
+			}, r === "none" ? null : /* @__PURE__ */ m("span", {
+				"data-kind": a,
+				"data-part": "tooltip-marker",
+				...i && i.stroke !== "solid" ? { "data-stroke": i.stroke } : {}
+			}), /* @__PURE__ */ m("span", {
+				"data-part": "tooltip-label",
+				children: n.label
+			}), /* @__PURE__ */ m("span", {
+				"data-part": "tooltip-value",
+				children: n.share ? `${n.share} · ${n.formatted}` : n.formatted
+			}));
+		}),
+		e.total ? /* @__PURE__ */ h("div", {
+			"data-part": "tooltip-total",
+			children: [/* @__PURE__ */ m("span", { children: n }), /* @__PURE__ */ m("span", {
+				"data-part": "tooltip-value",
+				children: e.total.formatted
+			})]
+		}) : null
+	] });
+}
+function Je(i) {
+	let { data: o, series: c, x: l, y: Ce, orientation: ke, stackMode: je, annotations: Me, recordKey: Pe, locale: v, title: y, description: x, help: Je, actions: C, messages: et, size: tt, variant: nt, palette: rt, toolbar: it, grid: at, texture: ot, renderer: st, sampling: ct, animate: lt, legend: ut, legendInteractive: dt, legendValues: ft, legendOverflow: pt, trigger: mt, tooltip: ht, zoomable: w, selectable: gt, loading: _t, error: vt, onRetry: yt, hidden: bt, defaultHidden: xt, onHiddenChange: St, activePoint: Ct, defaultActivePoint: wt, onActivePointChange: Tt, selection: Et, defaultSelection: Dt, onSelectionChange: Ot, zoom: kt, defaultZoom: At, onZoomChange: jt, tableOpen: Mt, defaultTableOpen: Nt, onTableOpenChange: Pt, fullscreen: Ft, defaultFullscreen: It, onFullscreenChange: Lt, renderTooltip: Rt, renderLegendItem: zt, renderCenter: Bt, renderEmpty: Vt, renderError: Ht, render: Ut, extendOption: Wt, handleRef: Gt, ref: Kt, ...qt } = i, T = Ne(), E = ee(), D = r(ae, et), Jt = n(), O = {
+		size: tt ?? T.size ?? "md",
+		variant: nt ?? T.variant ?? "plain",
+		palette: rt ?? T.palette ?? "categorical",
+		toolbar: it ?? T.toolbar ?? "visible",
+		renderer: st ?? T.renderer ?? "auto",
+		grid: at ?? T.grid,
+		legendOverflow: pt ?? T.legendOverflow ?? "collapse",
+		animate: lt ?? T.animate ?? !0,
+		tooltip: {
+			...T.tooltip,
+			...ht
+		}
+	}, [Yt, Xt] = b(bt, xt ?? Fe, St, Le), [k, A] = b(Ct, wt ?? null, Tt, Ie), [j, Zt] = b(Et, Dt ?? null, Ot, Ie), [M, N] = b(kt, At ?? se, jt, Re), [P, Qt] = b(Mt, Nt ?? !1, Pt, Object.is), [F, $t] = b(Ft, It ?? !1, Lt, Object.is), en = ze(c), tn = ze(l), nn = ze(Ce), rn = ze(Me), an = re(() => ({
+		data: o,
+		series: en,
+		x: tn,
+		y: nn,
+		orientation: ke,
+		stackMode: je,
+		annotations: rn,
+		recordKey: Pe,
+		locale: v ?? Jt
+	}), [
+		o,
+		en,
+		tn,
+		nn,
+		ke,
+		je,
+		rn,
+		Pe,
+		v,
+		Jt
+	]), on = re(() => {
+		try {
+			return {
+				model: me(an, { hidden: Yt }),
+				failure: null
+			};
+		} catch (e) {
+			return {
+				model: null,
+				failure: e
+			};
+		}
+	}, [an, Yt]), I = on.model, [sn, cn] = f(null), L = !!vt || on.failure !== null || sn !== null, R = !!_t, z = !(!I || R || L || I.empty), B = !(!I || R || L || I.empty === "no-data"), V = I ? mt ?? ge(I) : "none", H = d(null), U = d(null), ln = d(null), un = d(null), dn = d(null), W = d(null), [fn, pn] = f(null), [G, mn] = f(Be), K = re(() => he((e) => oe().announce(e)), []), hn = (e) => oe().announce(e);
+	u(() => {
+		let e = U.current;
+		if (!e) return;
+		let t = e.ownerDocument.defaultView, n = (e) => pn((t) => Ee(t, e) ? t : e), r = () => n(Te(e)), i = le(e), a = 0;
+		i ? n(i) : t && (a = t.requestAnimationFrame(() => {
+			a = 0, r();
+		}));
+		let o = Se(e, r);
+		return () => {
+			o(), a && t?.cancelAnimationFrame(a);
+		};
+	}, [
+		O.palette,
+		O.variant,
+		F
+	]);
+	let q = d({
+		onPointer: () => {},
+		onPress: () => {},
+		onZoom: () => {},
+		onRender: () => {}
+	});
+	u(() => {
+		let e = ln.current;
+		if (!e) return;
+		let t = Ae(e, {
+			onPointer: (e, t) => q.current.onPointer(e, t),
+			onPress: (e, t) => q.current.onPress(e, t),
+			onZoom: (e, t) => q.current.onZoom(e, t),
+			onRender: () => q.current.onRender(),
+			onError: (e) => cn(e)
+		});
+		return W.current = t, () => {
+			t.dispose(), W.current = null;
+		};
+	}, []), u(() => {
+		W.current && fn && I && z && W.current.update({
+			model: I,
+			theme: fn,
+			selection: j,
+			zoom: M,
+			zoomable: !!w,
+			grid: O.grid,
+			texture: !!ot,
+			renderer: O.renderer,
+			sampling: ct,
+			trigger: V,
+			animate: O.animate,
+			extendOption: Wt
+		});
+	}, [
+		I,
+		fn,
+		z,
+		j,
+		M,
+		w,
+		O.grid,
+		ot,
+		O.renderer,
+		ct,
+		V,
+		O.animate,
+		Wt
+	]);
+	let gn = () => {
+		let e = W.current, t = U.current;
+		if (!e || !t || !I || !z || P) {
+			mn(Be);
+			return;
+		}
+		let n = [];
+		if (j && g(I, j) && I.shape === "cartesian") {
+			let t = _(I, j.series), r = e.locate(j);
+			t && t.kind !== "bar" && r && n.push({
+				key: `selected-${t.id}`,
+				color: t.color,
+				at: r,
+				selected: !0,
+				current: !1
+			});
+		}
+		I.shape === "pie" && e.emphasize(k && g(I, k) ? k.key : null);
+		let r = k && g(I, k) ? e.locate(k) : null;
+		if (!k || !r) {
+			mn({
+				crosshair: null,
+				markers: n,
+				tooltip: null,
+				docked: !1
+			});
+			return;
+		}
+		let i = I.series.some((e) => e.visible && e.kind === "bar"), a = I.shape === "cartesian" && V === "axis" ? {
+			...r,
+			isBand: i && I.xType === "category"
+		} : null;
+		if (I.shape === "cartesian") {
+			let t = ue(I, k.key), r = V === "axis" ? I.series.filter((e) => e.visible && e.kind !== "bar" && e.values[t] !== null) : [_(I, k.series)].filter((e) => !!(e && e.kind !== "bar"));
+			for (let t of r) {
+				let r = e.locate({
+					series: t.id,
+					key: k.key
+				});
+				r && n.push({
+					key: t.id,
+					color: t.color,
+					at: r,
+					selected: !1,
+					current: t.id === k.series
+				});
+			}
+		}
+		let o = V === "none" ? null : Oe(I, k, {
+			trigger: V,
+			sort: O.tooltip.sort,
+			total: O.tooltip.total
+		});
+		mn({
+			crosshair: a,
+			markers: n,
+			tooltip: o,
+			docked: t.clientWidth < ce
+		});
+	};
+	ne(() => {
+		gn();
+	}, [
+		k,
+		j,
+		I,
+		z,
+		P,
+		V
+	]);
+	let J = d(!1);
+	ne(() => {
+		let e = un.current, t = U.current;
+		if (!e || !t) return;
+		if (!G.tooltip || !k) {
+			J.current = !1;
+			return;
+		}
+		let n = W.current?.locate(k);
+		if (!n) return;
+		J.current || (e.style.transition = "none");
+		let r = we({
+			anchor: {
+				x: n.x,
+				y: n.y
+			},
+			size: {
+				width: e.offsetWidth,
+				height: e.offsetHeight
+			},
+			bounds: {
+				width: t.clientWidth,
+				height: t.clientHeight
+			},
+			dir: H.current && getComputedStyle(H.current).direction === "rtl" ? "rtl" : "ltr"
+		});
+		e.style.setProperty("--slotted-chart-x", `${r.x}px`), e.style.setProperty("--slotted-chart-y", `${r.y}px`), J.current || requestAnimationFrame(() => e.style.transition = ""), J.current = !0;
+	}, [G, k]), q.current = {
+		onPointer: (e, t) => {
+			e ? A(e, "pointer", t) : document.activeElement !== U.current && A(null, "pointer", t);
+		},
+		onPress: (e, t) => {
+			gt && e && Zt(Ie(j, e) ? null : e, "pointer", t);
+		},
+		onZoom: (e, t) => N(e, "pointer", t),
+		onRender: () => gn()
+	};
+	let _n = (e) => {
+		if (!I || !z || P) return;
+		let t = de(I, {
+			active: k,
+			selection: j,
+			zoom: M,
+			zoomable: !!w,
+			selectable: !!gt
+		}, e.key);
+		if (t !== null) {
+			e.preventDefault();
+			for (let n of t) n.type === "active" ? (A(n.point, n.reason, e.nativeEvent), n.point ? K.say(ve(I, n.point, j, D)) : K.cancel()) : n.type === "select" ? (Zt(n.point, "keyboard", e.nativeEvent), n.point && K.say(ve(I, n.point, n.point, D))) : (N(n.zoom, n.reason, e.nativeEvent), hn(ye(I, n.zoom, D)));
+		}
+	}, vn = (e) => {
+		if (!I || !z || P || k || !Ve(e.currentTarget)) return;
+		let t = be(I);
+		t && (A(t, "keyboard", e.nativeEvent), K.say(ve(I, t, j, D)));
+	}, yn = (e, t) => {
+		let n = !F;
+		$t(n, e, t);
+		let r = H.current;
+		r && (n && Ft === void 0 && document.fullscreenEnabled && e !== "programmatic" && r.requestFullscreen?.().catch(() => {}), !n && document.fullscreenElement === r && document.exitFullscreen().catch(() => {}));
+	};
+	u(() => {
+		let e = H.current;
+		if (!e) return;
+		let t = !1, n = () => {
+			document.fullscreenElement === e ? t = !0 : t && (t = !1, bn.current(!1, "escape"));
+		};
+		return document.addEventListener("fullscreenchange", n), () => document.removeEventListener("fullscreenchange", n);
+	}, []);
+	let bn = d($t);
+	bn.current = $t, u(() => {
+		let e = H.current;
+		!F && e && document.fullscreenElement === e && document.exitFullscreen().catch(() => {});
+	}, [F]);
+	let xn = (e) => {
+		qt.onKeyDown?.(e), !e.defaultPrevented && e.key === "Escape" && F && (e.preventDefault(), yn("escape", e.nativeEvent));
+	}, [Y, Sn] = f([]), Cn = d(/* @__PURE__ */ new Map()), [wn, Tn] = f(null), En = dt ?? !0, X = I?.legend ?? [], Dn = () => {
+		let e = dn.current;
+		if (!e || !I) return;
+		if (O.legendOverflow === "wrap") {
+			Sn((e) => e.length ? [] : e);
+			return;
+		}
+		let t = [...e.querySelectorAll(":scope > [data-part=\"legend-item\"]")];
+		for (let e of t) e.hidden || Cn.current.set(e.dataset.key ?? "", e.getBoundingClientRect().width);
+		let n = Number.parseFloat(getComputedStyle(e).columnGap) || 0, r = e.querySelector(":scope > [data-part=\"legend-more\"]"), i = r && !r.hidden ? r.getBoundingClientRect().width : 40, a = ie({
+			units: X.map((e) => ({
+				size: Cn.current.get(e.key) ?? 0,
+				collapsible: !0
+			})),
+			available: e.clientWidth,
+			gap: n,
+			triggerSize: i
+		});
+		Sn((e) => e.length === a.collapsed.length && e.every((e, t) => e === a.collapsed[t]) ? e : a.collapsed);
+	};
+	ne(() => {
+		Dn();
+	}, [
+		X,
+		O.legendOverflow,
+		ft,
+		k
+	]), u(() => {
+		let e = dn.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => On.current());
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let On = d(Dn);
+	On.current = Dn;
+	let kn = (e, t, n, r) => {
+		let i = X.map((e) => e.key), a = De(i, Yt, e.key, t);
+		Tn(e.key), Xt(a, n, r), hn(D(a.includes(e.key) ? "hidden" : "shown", { series: e.label }));
+	}, Z = k && I && g(I, k) ? k.key : null, An = (e) => {
+		if (!I) return "";
+		let t = I.shape === "pie" ? I.series[0] : _(I, e.key);
+		if (!t) return "";
+		let n = I.shape === "pie" ? ue(I, e.key) : Z ? ue(I, Z) : He(t.values), r = n >= 0 ? t.values[n] : null;
+		return r == null ? "" : t.format(r);
+	}, jn = Ge("start"), Mn = X.filter((e, t) => !Y.includes(t)).map((e) => e.key), Nn = wn && Mn.includes(wn) ? wn : Mn[0] ?? null, Pn = (e, t, n) => {
+		let r = I?.shape === "pie" ? I.series[0] : I ? _(I, e.key) : void 0, i = I?.shape === "pie" ? e.key === Z : k?.series === e.key && Z !== null, o = !n && Y.includes(t), c = /* @__PURE__ */ h(p, { children: [
+			/* @__PURE__ */ m("span", {
+				"data-kind": e.kind === "area" || e.kind === "bar" || e.kind === "pie" ? "bar" : e.kind,
+				"data-part": "legend-marker",
+				...r && r.stroke !== "solid" ? { "data-stroke": r.stroke } : {}
+			}),
+			/* @__PURE__ */ m("span", {
+				"data-part": "legend-label",
+				title: e.label,
+				children: e.label
+			}),
+			ft ? /* @__PURE__ */ m("span", {
+				"data-part": "legend-value",
+				children: An(e)
+			}) : null
+		] }), l = {
+			"data-part": "legend-item",
+			"data-key": e.key,
+			...Ue(e.color),
+			...i ? { "data-current": "" } : {},
+			hidden: o,
+			onPointerEnter: () => e.visible && W.current?.emphasize(e.key),
+			onPointerLeave: () => W.current?.emphasize(null)
+		}, u = En ? /* @__PURE__ */ s(Ye, {
+			...l,
+			entry: e,
+			focused: n || Nn === e.key,
+			key: `${n ? "layer" : "row"}-${e.key}`,
+			onActivate: (t, n, r) => kn(e, t, n, r),
+			onFocusEntry: () => {
+				n || Tn(e.key), e.visible && W.current?.emphasize(e.key);
+			},
+			onBlurEntry: () => W.current?.emphasize(null)
+		}, c) : /* @__PURE__ */ s("span", {
+			...l,
+			key: `${n ? "layer" : "row"}-${e.key}`,
+			role: "listitem"
+		}, c);
+		return zt ? /* @__PURE__ */ m(a, { children: zt(e, l, u) }, `${n ? "layer" : "row"}-${e.key}`) : u;
+	}, Fn = (e) => {
+		let t = e.target;
+		if (t.closest("[data-part=\"menu\"]")) return;
+		let n = [...e.currentTarget.querySelectorAll(":scope > button:not([hidden])")], r = n.indexOf(t);
+		if (r === -1) return;
+		let i = H.current ? getComputedStyle(H.current).direction === "rtl" : !1, a = e.key === "ArrowRight" ? i ? -1 : 1 : e.key === "ArrowLeft" ? i ? 1 : -1 : 0, o;
+		a && (o = n[(r + a + n.length) % n.length]), e.key === "Home" && (o = n[0]), e.key === "End" && (o = n[n.length - 1]), o && (e.preventDefault(), Tn(o.dataset.key ?? "__more"), o.focus());
+	}, Q = Ge("end"), In = Ge("start", !1), Ln = (e, t) => {
+		let n = document.createElement("a");
+		n.href = t, n.download = e, document.body.append(n), n.click(), n.remove();
+	}, Rn = typeof y == "string" ? y : "chart";
+	te(Gt, () => ({
+		focus: () => U.current?.focus(),
+		resetZoom: () => N(se, "programmatic"),
+		toDataURL: () => W.current?.toDataURL() ?? null,
+		toCsv: () => I ? pe(I, D) : ""
+	}), [
+		I,
+		D,
+		N
+	]);
+	let zn = R ? D("loading") : L ? D("error") : I ? _e(I, D) : "", Bn = `${E}-title`, Vn = `${E}-description`, Hn = `${E}-summary`, Un = an.series.some((e) => e.kind === "pie") ? "pie" : an.series.every((e) => e.kind === "line" || e.kind === "area") ? "line" : "bar", $ = P && B && I ? fe(I, D) : null, Wn = () => {
+		cn(null), yt?.();
+	}, Gn = y !== void 0 || x !== void 0 || C !== void 0 || O.toolbar !== "none" ? /* @__PURE__ */ h("figcaption", {
+		"data-part": "header",
+		children: [
+			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", { children: [y === void 0 ? null : /* @__PURE__ */ m("span", {
+				"data-part": "title",
+				id: Bn,
+				children: y
+			}), Je === void 0 ? null : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+				...In.controlProps,
+				"aria-controls": `${E}-help`,
+				"aria-label": D("help"),
+				"data-part": "help",
+				type: "button",
+				children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "circle-info" }) })
+			}), /* @__PURE__ */ m("div", {
+				...In.layerProps,
+				"data-part": "help-content",
+				id: `${E}-help`,
+				role: "note",
+				children: Je
+			})] })] }), x === void 0 ? null : /* @__PURE__ */ m("span", {
+				"data-part": "description",
+				id: Vn,
+				children: x
+			})] }),
+			C === void 0 ? null : /* @__PURE__ */ m("div", {
+				"data-part": "actions",
+				children: C
+			}),
+			O.toolbar === "none" ? null : /* @__PURE__ */ h("div", {
+				"aria-hidden": !B || void 0,
+				"aria-label": B ? D("toolbar") : void 0,
+				"data-part": "toolbar",
+				"data-waiting": B ? void 0 : "",
+				inert: !B,
+				role: B ? "toolbar" : void 0,
+				children: [
+					I && w && !xe(M) && I.shape === "cartesian" ? /* @__PURE__ */ m(Xe, {
+						label: D("resetZoom"),
+						onPress: (e, t) => {
+							N(se, "clear", t), hn(ye(I, se, D)), U.current?.focus();
+						},
+						glyph: "rotate-ccw",
+						part: "zoom-reset"
+					}) : null,
+					/* @__PURE__ */ m(Xe, {
+						label: D("tableView"),
+						onPress: (e, t) => Qt(!P, e, t),
+						glyph: "file-spreadsheet",
+						part: "view-toggle",
+						pressed: P
+					}),
+					/* @__PURE__ */ m(Xe, {
+						label: D(F ? "exitFullscreen" : "fullscreen"),
+						glyph: F ? "minimize" : "maximize",
+						onPress: (e, t) => yn(e, t),
+						part: "fullscreen-toggle"
+					}),
+					/* @__PURE__ */ m("button", {
+						...Q.controlProps,
+						"aria-haspopup": "menu",
+						"aria-label": D("more"),
+						"data-part": "menu-trigger",
+						title: D("more"),
+						type: "button",
+						children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "ellipsis" }) })
+					}),
+					/* @__PURE__ */ h("div", {
+						...Q.layerProps,
+						"aria-label": D("more"),
+						"data-part": "menu",
+						role: "menu",
+						children: [
+							/* @__PURE__ */ m(S, {
+								action: "view",
+								label: D("tableView"),
+								onPress: (e, t) => {
+									Q.close(), Qt(!P, e, t);
+								}
+							}),
+							/* @__PURE__ */ m(S, {
+								action: "fullscreen",
+								label: D(F ? "exitFullscreen" : "fullscreen"),
+								onPress: (e, t) => {
+									Q.close(), yn(e, t);
+								}
+							}),
+							/* @__PURE__ */ m(S, {
+								action: "csv",
+								label: D("downloadCsv"),
+								onPress: () => {
+									Q.close(), I && Ln(`${Rn}.csv`, `data:text/csv;charset=utf-8,${encodeURIComponent(pe(I, D))}`);
+								}
+							}),
+							/* @__PURE__ */ m(S, {
+								action: "image",
+								label: D("downloadImage"),
+								onPress: () => {
+									Q.close();
+									let e = W.current?.toDataURL();
+									e && Ln(`${Rn}.${e.startsWith("data:image/svg") ? "svg" : "png"}`, e);
+								}
+							})
+						]
+					})
+				]
+			})
+		]
+	}) : null, Kn = ut === !1 ? null : /* @__PURE__ */ m("div", {
+		"aria-label": R && (!I || I.shape === "pie") ? void 0 : D("legend"),
+		"data-part": "legend",
+		onKeyDown: Fn,
+		ref: dn,
+		role: R && (!I || I.shape === "pie") ? void 0 : En ? "toolbar" : "list",
+		children: R && (!I || I.shape === "pie") ? /* @__PURE__ */ h(p, { children: [
+			/* @__PURE__ */ m(Ze, {}),
+			/* @__PURE__ */ m(Ze, {}),
+			/* @__PURE__ */ m(Ze, {})
+		] }) : /* @__PURE__ */ h(p, { children: [
+			X.map((e, t) => Pn(e, t, !1)),
+			/* @__PURE__ */ m("button", {
+				...jn.controlProps,
+				"aria-haspopup": "true",
+				"aria-label": D("legendMore", { series: new Intl.ListFormat(v ?? Jt, { type: "unit" }).format(Y.map((e) => X[e]?.label ?? "")) }),
+				"data-part": "legend-more",
+				hidden: Y.length === 0,
+				tabIndex: Nn === null ? 0 : -1,
+				type: "button",
+				children: D("moreSeries", { count: Y.length })
+			}),
+			/* @__PURE__ */ m("div", {
+				...jn.layerProps,
+				"aria-label": D("legend"),
+				"data-part": "menu",
+				role: "group",
+				children: Y.map((e) => {
+					let t = X[e];
+					return t ? Pn(t, e, !0) : null;
+				})
+			})
+		] })
+	}), qn = {
+		...qt,
+		"data-ui": "chart",
+		"data-part": "root",
+		"data-size": O.size,
+		"data-variant": O.variant,
+		"data-palette": O.palette,
+		"data-toolbar": O.toolbar,
+		"data-legend-overflow": O.legendOverflow,
+		...R ? { "data-loading": "" } : {},
+		...F ? { "data-fullscreen": "" } : {},
+		onKeyDown: xn,
+		ref: (e) => {
+			H.current = e, Ke(Kt, e);
+		},
+		children: /* @__PURE__ */ h(p, { children: [
+			Gn,
+			Kn,
+			/* @__PURE__ */ h("div", {
+				"aria-busy": R || void 0,
+				"aria-describedby": x === void 0 ? Hn : `${Vn} ${Hn}`,
+				"aria-label": y === void 0 ? qt["aria-label"] ?? D("roledescription") : void 0,
+				"aria-labelledby": y === void 0 ? void 0 : Bn,
+				"aria-roledescription": D("roledescription"),
+				"data-part": "plot",
+				onBlur: (e) => A(null, "blur", e.nativeEvent),
+				onFocus: vn,
+				onKeyDown: _n,
+				ref: U,
+				role: "group",
+				tabIndex: 0,
+				children: [
+					/* @__PURE__ */ m("div", {
+						"data-part": "crosshair",
+						hidden: !G.crosshair,
+						...G.crosshair?.isBand ? { "data-band": "" } : {},
+						"data-orientation": I?.orientation ?? "vertical",
+						style: G.crosshair ? We({
+							"--slotted-chart-x": G.crosshair.x,
+							"--slotted-chart-y": G.crosshair.y,
+							"--slotted-chart-band-start": G.crosshair.band.start,
+							"--slotted-chart-band-size": G.crosshair.band.size,
+							"--slotted-chart-frame-start": G.crosshair.frame.start,
+							"--slotted-chart-frame-size": G.crosshair.frame.size
+						}) : void 0
+					}),
+					/* @__PURE__ */ m("div", {
+						"aria-hidden": "true",
+						"data-part": "canvas",
+						hidden: !z,
+						ref: ln
+					}),
+					G.markers.map((e) => /* @__PURE__ */ m("div", {
+						"aria-hidden": "true",
+						"data-part": "marker",
+						...Ue(e.color),
+						...e.selected ? { "data-selected": "" } : {},
+						...e.current ? { "data-current": "" } : {},
+						style: We({
+							"--slotted-chart-x": e.at.x,
+							"--slotted-chart-y": e.at.y
+						})
+					}, e.key)),
+					/* @__PURE__ */ m("div", {
+						"aria-hidden": "true",
+						"data-part": "tooltip",
+						ref: un,
+						...G.tooltip ? { "data-open": "" } : {},
+						...G.docked ? { "data-docked": "" } : {},
+						children: G.tooltip && I ? Rt?.(G.tooltip, I) ?? /* @__PURE__ */ m(qe, {
+							context: G.tooltip,
+							indicator: O.tooltip.indicator,
+							model: I,
+							totalLabel: D("total")
+						}) : null
+					}),
+					z && I?.shape === "pie" && (I.series[0]?.innerRadius ?? 0) > 0 ? /* @__PURE__ */ m("div", {
+						"aria-hidden": "true",
+						"data-part": "center",
+						children: Bt?.(I) ?? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
+							"data-part": "center-value",
+							children: I.series[0].format(I.total)
+						}), /* @__PURE__ */ m("span", {
+							"data-part": "center-label",
+							children: D("total")
+						})] })
+					}) : null,
+					$ ? /* @__PURE__ */ m("div", {
+						"aria-labelledby": y === void 0 ? void 0 : Bn,
+						"data-part": "table-region",
+						role: "region",
+						tabIndex: 0,
+						children: /* @__PURE__ */ h("table", {
+							"data-part": "table",
+							children: [
+								/* @__PURE__ */ m("caption", { children: $.omitted ? typeof y == "string" ? D("truncatedCaption", {
+									title: y,
+									shown: $.rows.length,
+									count: $.rows.length + $.omitted
+								}) : D("truncated", {
+									shown: $.rows.length,
+									count: $.rows.length + $.omitted
+								}) : typeof y == "string" ? y : null }),
+								/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ m("tr", { children: $.columns.map((e, t) => /* @__PURE__ */ s("th", {
+									...t > 0 ? { "data-numeric": "" } : {},
+									key: e.key,
+									scope: "col"
+								}, e.label)) }) }),
+								/* @__PURE__ */ m("tbody", { children: $.rows.map((e) => /* @__PURE__ */ s("tr", {
+									...e.key === Z ? { "data-current": "" } : {},
+									key: e.key
+								}, e.cells.map((e, t) => t === 0 ? /* @__PURE__ */ m("th", {
+									scope: "row",
+									children: e.text
+								}, "category") : /* @__PURE__ */ m("td", {
+									"data-numeric": "",
+									children: e.text
+								}, t)))) })
+							]
+						})
+					}) : null,
+					R ? /* @__PURE__ */ m(Qe, { kind: Un }) : null,
+					!R && L ? /* @__PURE__ */ m("div", {
+						"data-part": "error",
+						children: Ht?.() ?? /* @__PURE__ */ m($e, {
+							action: yt || sn ? D("retry") : void 0,
+							onAction: Wn,
+							status: "error",
+							text: D("error")
+						})
+					}) : null,
+					!R && !L && I?.empty ? /* @__PURE__ */ m("div", {
+						"data-part": "empty",
+						children: Vt?.(I.empty) ?? /* @__PURE__ */ m($e, {
+							action: I.empty === "all-hidden" ? D("showAll") : void 0,
+							onAction: (e) => Xt(Fe, "pointer", e),
+							status: I.empty === "all-hidden" ? "no-results" : "empty",
+							text: I.empty === "all-hidden" ? D("allHidden") : D("noData")
+						})
+					}) : null,
+					/* @__PURE__ */ m("p", {
+						"data-part": "summary",
+						id: Hn,
+						children: zn
+					})
+				]
+			})
+		] })
+	};
+	return Ut ? Ut(qn) : /* @__PURE__ */ m("figure", { ...qn });
+}
+function Ye({ children: e, entry: t, focused: n, onActivate: r, onFocusEntry: i, onBlurEntry: a, ...o }) {
+	let [s, c] = x();
+	return /* @__PURE__ */ m("button", {
+		...o,
+		"aria-pressed": t.visible,
+		...t.visible ? { "data-pressed": "" } : {},
+		onBlur: a,
+		onClick: (e) => r(e.shiftKey ? "isolate" : "toggle", c(), e.nativeEvent),
+		onFocus: i,
+		onKeyDown: (e) => {
+			e.key === "Enter" && e.shiftKey && (e.preventDefault(), r("isolate", "keyboard", e.nativeEvent));
+		},
+		ref: s,
+		tabIndex: n ? 0 : -1,
+		type: "button",
+		children: e
+	});
+}
+function Xe({ glyph: n, label: r, onPress: i, part: a, pressed: o }) {
+	let [s, c] = x();
+	return /* @__PURE__ */ m("button", {
+		"aria-label": r,
+		...o === void 0 ? {} : {
+			"aria-pressed": o,
+			...o ? { "data-pressed": "" } : {}
+		},
+		"data-part": a,
+		onClick: (e) => i(c(), e.nativeEvent),
+		ref: s,
+		title: r,
+		type: "button",
+		children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: n }) })
+	});
+}
+function S({ action: e, label: t, onPress: n }) {
+	let [r, i] = x();
+	return /* @__PURE__ */ m("button", {
+		"data-action": e,
+		"data-part": "menu-item",
+		onClick: (e) => n(i(), e.nativeEvent),
+		ref: r,
+		role: "menuitem",
+		type: "button",
+		children: t
+	});
+}
+function C({ shape: e = "block" }) {
+	return /* @__PURE__ */ m("span", {
+		"aria-hidden": "true",
+		"data-animation": "shimmer",
+		"data-loading": "",
+		"data-part": "root",
+		"data-shape": e,
+		"data-size": "md",
+		"data-ui": "skeleton"
+	});
+}
+function Ze() {
+	return /* @__PURE__ */ m(C, {});
+}
+function Qe({ kind: e }) {
+	let t = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ m(C, {}, t));
+	return /* @__PURE__ */ m("div", {
+		"aria-hidden": "true",
+		"data-kind": e,
+		"data-part": "skeleton",
+		children: /* @__PURE__ */ m("div", {
+			"data-animation": "shimmer",
+			"data-loading": "",
+			"data-part": "region",
+			"data-ui": "skeleton",
+			children: e === "pie" ? /* @__PURE__ */ m(C, { shape: "circle" }) : /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m("div", {
+					"data-skeleton": "y",
+					children: t(5)
+				}),
+				/* @__PURE__ */ m("div", {
+					"data-skeleton": "marks",
+					children: t(e === "bar" ? 7 : 2)
+				}),
+				/* @__PURE__ */ m("div", {
+					"data-skeleton": "x",
+					children: t(6)
+				})
+			] })
+		})
+	});
+}
+function $e({ action: e, onAction: t, status: n, text: r }) {
+	return /* @__PURE__ */ h("section", {
+		"data-align": "center",
+		"data-live": "polite",
+		"data-part": "root",
+		"data-reach": "section",
+		"data-status": n,
+		"data-ui": "result-state",
+		children: [
+			/* @__PURE__ */ m("div", {
+				"aria-hidden": "true",
+				"data-part": "media"
+			}),
+			/* @__PURE__ */ m("div", {
+				"data-part": "content",
+				role: "status",
+				children: /* @__PURE__ */ m("div", {
+					"data-part": "title",
+					children: r
+				})
+			}),
+			e ? /* @__PURE__ */ m("div", {
+				"data-part": "actions",
+				children: /* @__PURE__ */ m("button", {
+					"data-part": "root",
+					"data-size": "sm",
+					"data-tone": "secondary",
+					"data-ui": "button",
+					"data-variant": "outline",
+					onClick: (e) => t(e.nativeEvent),
+					type: "button",
+					children: /* @__PURE__ */ m("span", {
+						"data-part": "label",
+						children: e
+					})
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Ne as a, Pe as i, Je as n, qe as r, je as t };