@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/chart-04i6NZQA.js

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