vccs 0.0.1 → 0.1.0

package/dist/es/container/ResponsiveContainer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,112 @@
+import { isPercent as e } from "../utils/validate.mjs";
+import { normalizeStyle as t } from "../utils/style.mjs";
+import { provideSizeContext as n } from "./useSizeContext.mjs";
+import { Fragment as r, cloneVNode as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, ref as m, resolveDynamicComponent as h, toRef as g, useSlots as _ } from "vue";
+import { useThrottleFn as v } from "@vueuse/core";
+//#region src/container/ResponsiveContainer.vue?vue&type=script&setup=true&lang.ts
+var y = ["id"], b = /* @__PURE__ */ c({
+	name: "ResponsiveContainer",
+	inheritAttrs: !1,
+	__name: "ResponsiveContainer",
+	props: {
+		aspect: {},
+		width: { default: "100%" },
+		height: { default: "100%" },
+		minWidth: { default: 0 },
+		minHeight: {},
+		initialDimension: { default: () => ({
+			width: -1,
+			height: -1
+		}) },
+		maxHeight: {},
+		debounce: { default: 0 },
+		id: {},
+		class: {},
+		style: {},
+		onResize: {}
+	},
+	setup(c) {
+		let b = c, x = _(), S = g(b, "debounce"), C = m({
+			width: b.initialDimension.width,
+			height: b.initialDimension.height
+		}), w = a(() => e(b.width) ? C.value.width : b.width), T = a(() => {
+			let t = e(b.height) ? C.value.height : b.height;
+			return b.aspect && b.aspect > 0 && (b.width && (b.height == null || b.height === "auto") ? t = w.value / b.aspect : b.height && (b.width == null || b.width)), t;
+		}), E = a(() => {
+			let e = w.value;
+			return b.aspect && b.aspect > 0 && b.height && (b.width == null || b.width === "auto") && (e = T.value * b.aspect), e;
+		});
+		n({
+			sizes: C,
+			calculatedWidth: E,
+			calculatedHeight: T
+		});
+		function D(e, t) {
+			let n = Math.round(e), r = Math.round(t), { width: i, height: a } = C.value;
+			i === n && a === r || (C.value = {
+				width: n,
+				height: r
+			});
+		}
+		let O = v((e) => {
+			let { width: t, height: n } = e[0].contentRect;
+			D(t, n), b.onResize?.(t, n);
+		}, S, !0, !1), k = m(), A = null;
+		d(() => {
+			A = new ResizeObserver(O);
+			let { width: e, height: t } = k.value.getBoundingClientRect() ?? {
+				width: 0,
+				height: 0
+			};
+			D(e, t), A.observe(k.value);
+		}), f(() => {
+			A?.disconnect();
+		});
+		let j = a(() => {
+			let { width: e, height: t } = C.value;
+			return e >= 0 && t >= 0;
+		});
+		function M(e) {
+			let t = [];
+			for (let n of e) n.type === r && Array.isArray(n.children) ? t.push(...M(n.children)) : t.push(n);
+			return t;
+		}
+		function N() {
+			if (!j.value) return;
+			let e = E.value, n = T.value, r = x.default?.();
+			if (r) return M(r).map((r, a) => i(r, {
+				width: e,
+				height: n,
+				key: r.key || `responsive-child-${a}`,
+				style: {
+					...t({
+						maxHeight: C.value.height,
+						maxWidth: C.value.width
+					}),
+					height: "100%",
+					width: "100%",
+					...r.props?.style
+				}
+			}));
+		}
+		let P = a(() => ({
+			...b.style,
+			...t({
+				width: b.width,
+				height: b.height,
+				minWidth: b.minWidth,
+				minHeight: b.minHeight,
+				maxHeight: b.maxHeight
+			})
+		}));
+		return (e, t) => (p(), s("div", {
+			id: e.id ? `${e.id}` : void 0,
+			ref_key: "containerRef",
+			ref: k,
+			class: l(["vcharts-responsive-container", [b.class]]),
+			style: u(P.value)
+		}, [(p(), o(h(() => N())))], 14, y));
+	}
+});
+//#endregion
+export { b as default };

package/dist/es/container/Surface.mjs

@@ -0,0 +1,58 @@
+import { createVNode as e, defineComponent as t, mergeProps as n } from "vue";
+//#region src/container/Surface.tsx
+var r = /* @__PURE__ */ t({
+	name: "Surface",
+	props: {
+		width: {
+			type: Number,
+			required: !0
+		},
+		height: {
+			type: Number,
+			required: !0
+		},
+		viewBox: {
+			type: Object,
+			default: void 0
+		},
+		class: {
+			type: String,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			default: void 0
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		desc: {
+			type: String,
+			default: void 0
+		}
+	},
+	setup(t, { slots: r, attrs: i }) {
+		return () => {
+			let { width: a, height: o, viewBox: s, class: c, style: l, title: u, desc: d, ...f } = t, p = s || {
+				width: a,
+				height: o,
+				x: 0,
+				y: 0
+			};
+			return e("svg", n({
+				class: ["vcharts-surface", c],
+				width: a,
+				height: o,
+				style: l,
+				viewBox: `${p.x} ${p.y} ${p.width} ${p.height}`
+			}, f, i), [
+				u && e("title", null, [u]),
+				d && e("desc", null, [d]),
+				r.default?.()
+			]);
+		};
+	}
+});
+//#endregion
+export { r as default };

package/dist/es/container/useSizeContext.mjs

@@ -0,0 +1,5 @@
+import { createContext as e } from "../utils/createContext.mjs";
+//#region src/container/useSizeContext.ts
+var [t, n] = e("SizeContext");
+//#endregion
+export { n as provideSizeContext };

package/dist/es/context/ChartDataContextProvider.mjs

@@ -0,0 +1,21 @@
+import { useAppDispatch as e } from "../state/hooks.mjs";
+import { setChartData as t } from "../state/chartDataSlice.mjs";
+import { defineComponent as n, onUnmounted as r, watch as i } from "vue";
+//#region src/context/ChartDataContextProvider.ts
+var a = n({
+	name: "ChartDataContextProvider",
+	props: { chartData: {
+		type: Array,
+		required: !0
+	} },
+	setup(n) {
+		let a = e();
+		return i(() => n.chartData, (e) => {
+			a(t(Array.from(e)));
+		}, { immediate: !0 }), r(() => {
+			a(t(void 0));
+		}), () => null;
+	}
+});
+//#endregion
+export { a as ChartDataContextProvider };

package/dist/es/context/PanoramaContextProvider.mjs

@@ -0,0 +1,19 @@
+import { createContext as e } from "../utils/createContext.mjs";
+import { defineComponent as t } from "vue";
+//#region src/context/PanoramaContextProvider.ts
+var [n, r] = e("PanoramaContext");
+function i() {
+	return n(!1);
+}
+t({
+	name: "PanoramaContextProvider",
+	props: { isPanorama: {
+		type: Boolean,
+		required: !0
+	} },
+	setup(e, { slots: t }) {
+		return r(!0), () => t.default?.();
+	}
+});
+//#endregion
+export { i as useIsPanorama };

package/dist/es/context/accessibilityContext.mjs

@@ -0,0 +1,5 @@
+import { useAppSelector as e } from "../state/hooks.mjs";
+//#region src/context/accessibilityContext.tsx
+var t = () => e((e) => e.rootProps.accessibilityLayer);
+//#endregion
+export { t as useAccessibilityLayer };

package/dist/es/context/cartesianLabelListContext.mjs

@@ -0,0 +1,5 @@
+import { createContext as e } from "../utils/createContext.mjs";
+//#region src/context/cartesianLabelListContext.ts
+var [t, n] = e("CartesianLabelListContext");
+//#endregion
+export { n as provideCartesianLabelListData, t as useCartesianLabelListData };

package/dist/es/context/chartLayoutContext.mjs

@@ -0,0 +1,46 @@
+import { useIsPanorama as e } from "./PanoramaContextProvider.mjs";
+import { selectChartHeight as t, selectChartWidth as n } from "../state/selectors/containerSelectors.mjs";
+import { selectChartOffset as r, selectChartViewBox as i } from "../state/selectors/selectChartOffset.mjs";
+import { selectBrushDimensions as a, selectBrushSettings as o } from "../state/selectors/brushSelectors.mjs";
+import { selectChartLayout as s } from "../state/selectors/common.mjs";
+import { useAppSelector as c } from "../state/hooks.mjs";
+import { selectChartOffsetInternal as l } from "../state/selectors/selectChartOffsetInternal.mjs";
+import { computed as u } from "vue";
+//#region src/context/chartLayoutContext.tsx
+function d() {
+	return c(r);
+}
+var f = () => c(s);
+function p() {
+	let t = e(), n = c(i), r = c(a), s = c(o);
+	return u(() => {
+		if (!t || !r.value || !s.value) return n.value;
+		let e = s.value.padding;
+		return {
+			width: r.value.width - e.left - e.right,
+			height: r.value.height - e.top - e.bottom,
+			x: e.left,
+			y: e.top
+		};
+	});
+}
+function m() {
+	return c(n);
+}
+function h() {
+	return c(t);
+}
+function g() {
+	return c(l);
+}
+var _ = {
+	top: 0,
+	right: 0,
+	bottom: 0,
+	left: 0
+};
+function v() {
+	return c((e) => e.layout.margin ?? _);
+}
+//#endregion
+export { h as useChartHeight, f as useChartLayout, m as useChartWidth, v as useMargin, d as useOffset, g as useOffsetInternal, p as useViewBox };

package/dist/es/context/cursorLayerContext.mjs

@@ -0,0 +1,5 @@
+import { createContext as e } from "../utils/createContext.mjs";
+//#region src/context/cursorLayerContext.ts
+var [t, n] = e("CursorLayerContext");
+//#endregion
+export { n as provideCursorLayerRef, t as useCursorLayerRef };

package/dist/es/context/graphicalLayerContext.mjs

@@ -0,0 +1,5 @@
+import { createContext as e } from "../utils/createContext.mjs";
+//#region src/context/graphicalLayerContext.ts
+var [t, n] = e("GraphicalLayerContext");
+//#endregion
+export { n as provideGraphicalLayerRef, t as useGraphicalLayerRef };

package/dist/es/context/labelLayerContext.mjs

@@ -0,0 +1,5 @@
+import { createContext as e } from "../utils/createContext.mjs";
+//#region src/context/labelLayerContext.ts
+var [t, n] = e("LabelLayerContext");
+//#endregion
+export { n as provideLabelLayerRef, t as useLabelLayerRef };

package/dist/es/context/polarLabelViewBoxContext.mjs

@@ -0,0 +1,8 @@
+import { computed as e, inject as t } from "vue";
+//#region src/context/polarLabelViewBoxContext.ts
+var n = Symbol("polar-label-view-box");
+function r() {
+	return t(n, e(() => void 0));
+}
+//#endregion
+export { n as POLAR_LABEL_VIEW_BOX_KEY, r as usePolarLabelViewBox };

package/dist/es/context/useTooltipAxis.mjs

@@ -0,0 +1,15 @@
+import { getBandSizeOfAxis as e } from "../utils/chart.mjs";
+import { selectTooltipAxis as t, selectTooltipAxisScale as n, selectTooltipAxisTicks as r } from "../state/selectors/tooltipSelectors.mjs";
+import { useAppSelector as i } from "../state/hooks.mjs";
+import { computed as a } from "vue";
+//#region src/context/useTooltipAxis.ts
+var o = () => i(t);
+function s() {
+	let t = o(), s = i(r), c = i(n);
+	return a(() => e({
+		...t.value,
+		scale: c.value
+	}, s.value));
+}
+//#endregion
+export { s as useTooltipAxisBandSize };

package/dist/es/events/useChartSynchronisation.mjs

@@ -0,0 +1,88 @@
+import { selectEventEmitter as e, selectSyncId as t, selectSyncMethod as n } from "../state/selectors/rootPropsSelectors.mjs";
+import { setSyncInteraction as r } from "../state/tooltipSlice.mjs";
+import { selectTooltipAxisTicks as i } from "../state/selectors/tooltipSelectors.mjs";
+import { useAppDispatch as a, useAppSelector as o } from "../state/hooks.mjs";
+import { useChartLayout as s, useViewBox as c } from "../context/chartLayoutContext.mjs";
+import { createEventEmitter as l } from "../state/optionsSlice.mjs";
+import { setDataStartEndIndexes as u } from "../state/chartDataSlice.mjs";
+import { BRUSH_SYNC_EVENT as d, TOOLTIP_SYNC_EVENT as f, eventCenter as p } from "../utils/events.mjs";
+import { onMounted as m, watch as h } from "vue";
+//#region src/events/useChartSynchronisation.tsx
+function g() {
+	let l = o(t), u = o(e), d = a(), m = o(n), g = o(i), _ = s(), v = c();
+	h([
+		o((e) => e.rootProps.class),
+		u,
+		l,
+		m,
+		g,
+		_,
+		v
+	], (e, t, n) => {
+		if (l.value == null) return;
+		let i = (e, t, n) => {
+			if (u.value === n || l.value !== e) return;
+			if (m.value === "index") {
+				d(t);
+				return;
+			}
+			if (g.value == null) return;
+			let i;
+			if (typeof m.value == "function") {
+				let e = {
+					activeTooltipIndex: t.payload.index == null ? void 0 : Number(t.payload.index),
+					isTooltipActive: t.payload.active,
+					activeIndex: t.payload.index == null ? void 0 : Number(t.payload.index),
+					activeLabel: t.payload.label,
+					activeDataKey: t.payload.dataKey,
+					activeCoordinate: t.payload.coordinate
+				}, n = m.value(g.value, e);
+				i = g.value[n];
+			} else m.value === "value" && (i = g.value.find((e) => String(e.value) === t.payload.label));
+			if (i == null || t.payload.active === !1) {
+				d(r({
+					active: !1,
+					coordinate: void 0,
+					dataKey: void 0,
+					index: null,
+					label: void 0
+				}));
+				return;
+			}
+			let { x: a, y: o } = t.payload.coordinate, s = Math.min(a, v.value?.x + v.value?.width), c = Math.min(o, v.value?.y + v.value?.height), f = {
+				x: _.value === "horizontal" ? i.coordinate : s,
+				y: _.value === "horizontal" ? c : i.coordinate
+			};
+			d(r({
+				active: t.payload.active,
+				coordinate: f,
+				dataKey: t.payload.dataKey,
+				index: String(i.index),
+				label: t.payload.label
+			}));
+		};
+		p.on(f, i), n(() => {
+			p.off(f, i);
+		});
+	});
+}
+function _() {
+	let n = o(t), r = o(e), i = a();
+	h([n, r], (e, t, a) => {
+		if (n == null) return;
+		let o = (e, t, a) => {
+			r.value !== a && n.value === e && i(u(t));
+		};
+		p.on(d, o), a(() => {
+			p.off(d, o);
+		});
+	});
+}
+function v() {
+	let e = a();
+	m(() => {
+		e(l());
+	}), g(), _();
+}
+//#endregion
+export { v as useSynchronisedEventsFromOtherCharts };

package/dist/es/hooks/useSetupGraphicalItem.mjs

@@ -0,0 +1,57 @@
+import { useIsPanorama as e } from "../context/PanoramaContextProvider.mjs";
+import { getTooltipNameProp as t } from "../utils/chart.mjs";
+import { SetCartesianGraphicalItem as n } from "../state/SetGraphicalItem.mjs";
+import { SetLegendPayload as r } from "../state/SetLegendPayload.mjs";
+import { SetTooltipEntrySettings as i } from "../state/SetTooltipEntrySettings.mjs";
+import { computed as a, useAttrs as o } from "vue";
+//#region src/hooks/useSetupGraphicalItem.ts
+function s(e, t) {
+	return e && e !== "none" ? e : t;
+}
+function c(e, t, n) {
+	return e === "bar" ? n : s(t, n);
+}
+function l(s, l, d) {
+	let f = o(), p = e(), m = a(() => [{
+		inactive: s.hide,
+		dataKey: s.dataKey,
+		type: s.legendType,
+		color: c(l, f.stroke ?? s.stroke, f.fill ?? s.fill),
+		value: t(s.name, s.dataKey),
+		payload: { ...s }
+	}]);
+	n(a(() => ({
+		...s,
+		isPanorama: p,
+		type: l,
+		errorBars: d?.errorBars?.value
+	}))), r(m), d?.skipTooltip || i({
+		fn: u,
+		args: a(() => ({
+			...s,
+			...f,
+			_itemType: l
+		}))
+	});
+}
+function u(e) {
+	let { dataKey: n, data: r, stroke: i, fill: a, name: o, hide: s, unit: l, _itemType: u } = e;
+	return {
+		dataDefinedOnItem: r,
+		positions: void 0,
+		settings: {
+			stroke: i,
+			strokeWidth: e["stroke-width"],
+			fill: a,
+			dataKey: n,
+			nameKey: void 0,
+			name: t(o, n),
+			hide: s,
+			type: e.tooltipType,
+			color: c(u, i, a),
+			unit: l
+		}
+	};
+}
+//#endregion
+export { l as useSetupGraphicalItem };

package/dist/es/index.mjs

@@ -0,0 +1,42 @@
+import { Curve as e, CurveVueProps as t, getPath as n } from "./shape/Curve.mjs";
+import { Dot as r } from "./shape/Dot.mjs";
+import { Label as i } from "./components/label/Label.mjs";
+import { LabelList as a } from "./components/label/LabelList.mjs";
+import { Area as o } from "./cartesian/area/Area.mjs";
+import { CartesianAxis as s } from "./cartesian/cartesian-axis/CartesianAxis.mjs";
+import { XAxis as c } from "./cartesian/axis/XAxis.mjs";
+import { YAxis as l } from "./cartesian/axis/YAxis.mjs";
+import { Rectangle as u } from "./shape/Rectangle.mjs";
+import { createErrorBarRegistry as d, provideErrorBarContext as f, provideErrorBarRegistry as p, useErrorBarContext as m, useErrorBarRegistry as h } from "./cartesian/error-bar/ErrorBarContext.mjs";
+import { Cell as g } from "./components/Cell.mjs";
+import { Bar as _ } from "./cartesian/bar/Bar.mjs";
+import { CartesianGrid as v } from "./cartesian/cartesian-grid/CartesianGrid.mjs";
+import { ErrorBar as y, ErrorBarVueProps as b } from "./cartesian/error-bar/ErrorBar.mjs";
+import { LineContextKey as x, provideLineContext as S, useLine as C, useLineContext as w } from "./cartesian/line/hooks/useLine.mjs";
+import { Line as T } from "./cartesian/line/Line.mjs";
+import { ReferenceArea as E } from "./cartesian/reference-area/ReferenceArea.mjs";
+import { ReferenceLine as D } from "./cartesian/reference-line/ReferenceLine.mjs";
+import { Symbols as O } from "./shape/Symbols.mjs";
+import { Scatter as k } from "./cartesian/scatter/Scatter.mjs";
+import { ZAxis as A } from "./cartesian/z-axis/ZAxis.mjs";
+import { AreaChart as j } from "./chart/AreaChart.mjs";
+import { BarChart as M } from "./chart/BarChart.mjs";
+import { ComposedChart as N } from "./chart/ComposedChart.mjs";
+import { LineChart as P } from "./chart/LineChart.mjs";
+import { PieChart as F } from "./chart/PieChart.mjs";
+import { RadarChart as I } from "./chart/RadarChart.mjs";
+import { ScatterChart as L } from "./chart/ScatterChart.mjs";
+import { RadialBarChart as R } from "./chart/RadialBarChart.mjs";
+import z from "./container/ResponsiveContainer.mjs";
+import B from "./components/legend/Legend.mjs";
+import { Cross as V } from "./shape/Cross.mjs";
+import { Sector as H } from "./shape/Sector.mjs";
+import U, { getUniqPayload as W } from "./components/Tooltip.mjs";
+import { PieVueProps as G } from "./polar/pie/type.mjs";
+import { Pie as K } from "./polar/pie/Pie.mjs";
+import { Radar as q } from "./polar/radar/Radar.mjs";
+import { PolarGrid as J } from "./polar/radar/PolarGrid.mjs";
+import { PolarAngleAxis as Y } from "./polar/radar/PolarAngleAxis.mjs";
+import { PolarRadiusAxis as X } from "./polar/radar/PolarRadiusAxis.mjs";
+import { RadialBar as Z } from "./polar/radial-bar/RadialBar.mjs";
+export { o as Area, j as AreaChart, _ as Bar, M as BarChart, s as CartesianAxis, v as CartesianGrid, g as Cell, N as ComposedChart, V as Cross, e as Curve, t as CurveVueProps, r as Dot, y as ErrorBar, b as ErrorBarVueProps, i as Label, a as LabelList, B as Legend, T as Line, P as LineChart, x as LineContextKey, K as Pie, F as PieChart, G as PieVueProps, Y as PolarAngleAxis, J as PolarGrid, X as PolarRadiusAxis, q as Radar, I as RadarChart, Z as RadialBar, R as RadialBarChart, u as Rectangle, E as ReferenceArea, D as ReferenceLine, z as ResponsiveContainer, k as Scatter, L as ScatterChart, H as Sector, O as Symbols, U as Tooltip, c as XAxis, l as YAxis, A as ZAxis, d as createErrorBarRegistry, n as getPath, W as getUniqPayload, f as provideErrorBarContext, p as provideErrorBarRegistry, S as provideLineContext, m as useErrorBarContext, h as useErrorBarRegistry, C as useLine, w as useLineContext };

package/dist/es/polar/pie/Pie.mjs

@@ -0,0 +1,145 @@
+import { selectChartOffset as e } from "../../state/selectors/selectChartOffset.mjs";
+import { polarToCartesian as t } from "../../utils/polar.mjs";
+import { mouseLeaveItem as n, setActiveMouseOverItemIndex as r } from "../../state/tooltipSlice.mjs";
+import { useAppDispatch as i, useAppSelector as a } from "../../state/hooks.mjs";
+import { Layer as o } from "../../container/Layer.mjs";
+import { Animate as s } from "../../animation/Animate.mjs";
+import { SetPolarGraphicalItem as c } from "../../state/SetGraphicalItem.mjs";
+import { SetLegendPayload as l } from "../../state/SetLegendPayload.mjs";
+import { SetTooltipEntrySettings as u } from "../../state/SetTooltipEntrySettings.mjs";
+import { Sector as d } from "../../shape/Sector.mjs";
+import { computePieSectors as f, selectDisplayedData as p, selectPieLegend as m, selectSynchronisedPieSettings as h } from "../../state/selectors/pieSelectors.mjs";
+import { PieVueProps as g } from "./type.mjs";
+import { computed as _, createVNode as v, defineComponent as y, mergeProps as b, ref as x, watch as S } from "vue";
+//#region src/polar/pie/Pie.tsx
+var C = 20, w = /* @__PURE__ */ y({
+	name: "Pie",
+	props: g,
+	inheritAttrs: !1,
+	slots: Object,
+	setup(g, { attrs: y, slots: w }) {
+		let T = i(), E = _(() => g.activeIndex !== -1), D = x(g.activeIndex);
+		S(() => g.activeIndex, (e) => {
+			D.value = e;
+		});
+		let O = _(() => ({
+			data: g.data,
+			dataKey: g.dataKey,
+			nameKey: g.nameKey,
+			cx: g.cx,
+			cy: g.cy,
+			innerRadius: g.innerRadius,
+			outerRadius: g.outerRadius,
+			startAngle: g.startAngle,
+			endAngle: g.endAngle,
+			paddingAngle: g.paddingAngle,
+			minAngle: g.minAngle,
+			fill: g.fill,
+			legendType: g.legendType,
+			tooltipType: g.tooltipType,
+			presentationProps: {}
+		}));
+		c(_(() => ({
+			type: "pie",
+			data: g.data ?? [],
+			dataKey: g.dataKey,
+			hide: g.hide,
+			angleAxisId: 0,
+			radiusAxisId: 0
+		})));
+		let k = a((e) => p(e, O.value)), A = a((e) => h(e, O.value)), j = a((t) => e(t)), M = a((e) => m(e, O.value));
+		l(_(() => M.value ?? []));
+		let N = _(() => {
+			if (!(A.value == null || k.value == null)) return f({
+				offset: j.value,
+				pieSettings: O.value,
+				displayedData: k.value
+			});
+		});
+		u({
+			fn: (e) => e,
+			args: _(() => ({
+				dataDefinedOnItem: k.value ?? [],
+				positions: N.value?.map((e) => e.tooltipPosition),
+				settings: {
+					dataKey: g.dataKey,
+					nameKey: g.nameKey,
+					name: String(g.dataKey ?? ""),
+					hide: g.hide,
+					type: g.tooltipType,
+					color: g.fill,
+					fill: g.fill,
+					stroke: g.stroke,
+					unit: ""
+				}
+			}))
+		});
+		function P(e, t) {
+			E.value || (D.value = t), T(r({
+				activeIndex: String(t),
+				activeDataKey: g.dataKey,
+				activeCoordinate: e.tooltipPosition
+			}));
+		}
+		function F() {
+			E.value || (D.value = -1), T(n());
+		}
+		function I(e, n) {
+			let r = t(e.cx, e.cy, e.outerRadius, e.midAngle), i = t(e.cx, e.cy, e.outerRadius + C, e.midAngle), a = i.x > e.cx ? "start" : i.x < e.cx ? "end" : "middle";
+			return v("g", { key: `label-${n}` }, [v("line", {
+				x1: r.x,
+				y1: r.y,
+				x2: i.x,
+				y2: i.y,
+				stroke: e.fill,
+				fill: "none"
+			}, null), v("text", {
+				x: i.x,
+				y: i.y,
+				"text-anchor": a,
+				"dominant-baseline": "middle",
+				fill: e.fill
+			}, [String(e.value)])]);
+		}
+		return () => {
+			let e = N.value;
+			if (!e || e.length === 0) return null;
+			let t = y.stroke ?? g.stroke;
+			return v(o, { class: ["v-charts-pie", g.className] }, { default: () => [v(s, {
+				isActive: g.isAnimationActive,
+				from: 0,
+				to: 1,
+				transition: { duration: 1.5 }
+			}, { default: (n) => {
+				let r = e[0]?.startAngle ?? 0, i = e.map((e, i) => {
+					let a = i > 0 ? e.paddingAngle : 0, o = (e.endAngle - e.startAngle) * n, s = r + a, c = r + o + a;
+					r = c;
+					let l = w.shape ? w.shape({
+						...e,
+						startAngle: s,
+						endAngle: c,
+						stroke: t,
+						isActive: D.value === i
+					}) : v(d, b(y, {
+						cx: e.cx,
+						cy: e.cy,
+						innerRadius: e.innerRadius,
+						outerRadius: e.outerRadius,
+						startAngle: s,
+						endAngle: c,
+						fill: e.fill,
+						stroke: t
+					}), null);
+					return v("g", {
+						key: `sector-${i}`,
+						onMouseenter: () => P(e, i),
+						onMouseleave: F
+					}, [l]);
+				});
+				return n >= 1 && g.label && i.push(...e.map(I)), i;
+			} })] });
+		};
+	}
+});
+//#endregion
+export { w as Pie };