vccs 0.0.1 → 0.1.0

package/dist/es/state/selectors/selectChartOffsetInternal.mjs

@@ -0,0 +1,55 @@
+import { selectChartHeight as e, selectChartWidth as t, selectMargin as n } from "./containerSelectors.mjs";
+import { selectAllXAxes as r, selectAllYAxes as i } from "./selectAllAxes.mjs";
+import { selectLegendSettings as a, selectLegendSize as o } from "./legendSelectors.mjs";
+import { appendOffsetOfLegend as s } from "../../utils/legend.mjs";
+import { selectBrushHeight as c } from "./selectChartOffset.mjs";
+import { get as l } from "es-toolkit/compat";
+import { createSelector as u } from "@reduxjs/toolkit";
+//#region src/state/selectors/selectChartOffsetInternal.ts
+var d = u([
+	t,
+	e,
+	n,
+	c,
+	r,
+	i,
+	a,
+	o
+], (e, t, n, r, i, a, o, c) => {
+	let u = a.reduce((e, t) => {
+		let { orientation: n } = t;
+		if (!t.mirror && !t.hide) {
+			let r = typeof t.width == "number" ? t.width : 60;
+			return {
+				...e,
+				[n]: e[n] + r
+			};
+		}
+		return e;
+	}, {
+		left: n.left || 0,
+		right: n.right || 0
+	}), d = {
+		...i.reduce((e, t) => {
+			let { orientation: n } = t;
+			return !t.mirror && !t.hide ? {
+				...e,
+				[n]: l(e, `${n}`) + t.height
+			} : e;
+		}, {
+			top: n.top || 0,
+			bottom: n.bottom || 0
+		}),
+		...u
+	}, f = d.bottom;
+	d.bottom += r, d = s(d, o, c);
+	let p = e - d.left - d.right, m = t - d.top - d.bottom;
+	return {
+		brushBottom: f,
+		...d,
+		width: Math.max(p, 0),
+		height: Math.max(m, 0)
+	};
+});
+//#endregion
+export { d as selectChartOffsetInternal };

package/dist/es/state/selectors/selectTooltipEventType.mjs

@@ -0,0 +1,21 @@
+import { useAppSelector as e } from "../hooks.mjs";
+//#region src/state/selectors/selectTooltipEventType.ts
+function t(e) {
+	return e.options.defaultTooltipEventType;
+}
+function n(e) {
+	return e.options.validateTooltipEventTypes;
+}
+function r(e, t, n) {
+	if (e == null) return t;
+	let r = e ? "axis" : "item";
+	return n == null ? t : n.includes(r) ? r : t;
+}
+function i(e, i) {
+	return r(i, t(e), n(e));
+}
+function a(t) {
+	return e((e) => i(e, t));
+}
+//#endregion
+export { r as combineTooltipEventType, t as selectDefaultTooltipEventType, i as selectTooltipEventType, n as selectValidateTooltipEventTypes, a as useTooltipEventType };

package/dist/es/state/selectors/selectTooltipPayloadSearcher.mjs

@@ -0,0 +1,6 @@
+//#region src/state/selectors/selectTooltipPayloadSearcher.ts
+function e(e) {
+	return e.options.tooltipPayloadSearcher;
+}
+//#endregion
+export { e as selectTooltipPayloadSearcher };

package/dist/es/state/selectors/selectTooltipSettings.mjs

@@ -0,0 +1,4 @@
+//#region src/state/selectors/selectTooltipSettings.ts
+var e = (e) => e.tooltip.settings;
+//#endregion
+export { e as selectTooltipSettings };

package/dist/es/state/selectors/selectTooltipState.mjs

@@ -0,0 +1,4 @@
+//#region src/state/selectors/selectTooltipState.ts
+var e = (e) => e.tooltip;
+//#endregion
+export { e as selectTooltipState };

package/dist/es/state/selectors/selectors.mjs

@@ -0,0 +1,85 @@
+import { selectChartDataWithIndexes as e } from "./dataSelectors.mjs";
+import { selectChartHeight as t, selectChartWidth as n } from "./containerSelectors.mjs";
+import { selectChartOffset as r } from "./selectChartOffset.mjs";
+import { selectChartName as i } from "./rootPropsSelectors.mjs";
+import { selectChartLayout as a } from "./common.mjs";
+import { calculateActiveTickIndex as o, calculateTooltipPos as s, getActiveCoordinate as c, inRange as l } from "../../utils/chart.mjs";
+import { combineActiveLabel as u } from "./combiners/combineActiveLabel.mjs";
+import { combineTooltipInteractionState as d } from "./combiners/combineTooltipInteractionState.mjs";
+import { combineActiveTooltipIndex as f } from "./combiners/combineActiveTooltipIndex.mjs";
+import { combineCoordinateForDefaultIndex as p } from "./combiners/combineCoordinateForDefaultIndex.mjs";
+import { combineTooltipPayloadConfigurations as m } from "./combiners/combineTooltipPayloadConfigurations.mjs";
+import { selectTooltipPayloadSearcher as h } from "./selectTooltipPayloadSearcher.mjs";
+import { selectTooltipState as g } from "./selectTooltipState.mjs";
+import { combineTooltipPayload as _, selectTooltipAxis as v, selectTooltipAxisDomain as y, selectTooltipAxisTicks as b, selectTooltipDisplayedData as x } from "./tooltipSelectors.mjs";
+import { useAppSelector as S } from "../hooks.mjs";
+import { createSelector as C } from "@reduxjs/toolkit";
+import { sortBy as w } from "lodash-es";
+//#region src/state/selectors/selectors.ts
+function T() {
+	return S(i);
+}
+function E(e, t) {
+	return t;
+}
+function D(e, t, n) {
+	return n;
+}
+function O(e, t, n, r) {
+	return r;
+}
+var k = C(b, (e) => w(e, (e) => e.coordinate)), A = C([
+	g,
+	E,
+	D,
+	O
+], d), j = C([
+	A,
+	x,
+	C([v], (e) => e?.dataKey),
+	y
+], f);
+function M(e, t, n) {
+	let r = g(e);
+	return t === "axis" ? n === "hover" ? r.axisInteraction.hover.dataKey : r.axisInteraction.click.dataKey : n === "hover" ? r.itemInteraction.hover.dataKey : r.itemInteraction.click.dataKey;
+}
+var N = C([
+	g,
+	E,
+	D,
+	O
+], m), P = C([
+	n,
+	t,
+	a,
+	r,
+	b,
+	O,
+	N,
+	h
+], p), F = C([A, P], (e, t) => e.coordinate ?? t), I = C(b, j, u), L = C([
+	N,
+	j,
+	e,
+	v,
+	I,
+	h,
+	E
+], _), R = C([A], (e) => ({
+	isActive: e.active,
+	activeIndex: e.index
+}));
+function z(e, t, n, r, i, a, u, d) {
+	if (!e || !t || !r || !i || !a) return;
+	let f = l(e.chartX, e.chartY, t, n, d);
+	if (!f) return;
+	let p = s(f, t);
+	if (p == null) return;
+	let m = o(p, u, a, r, i), h = c(t, a, m, f);
+	return {
+		activeIndex: String(m),
+		activeCoordinate: h
+	};
+}
+//#endregion
+export { z as combineActiveProps, F as selectActiveCoordinate, I as selectActiveLabel, P as selectCoordinateForDefaultIndex, R as selectIsTooltipActive, k as selectOrderedTooltipTicks, M as selectTooltipDataKey, L as selectTooltipPayload, T as useChartName };

package/dist/es/state/selectors/tooltipSelectors.mjs

@@ -0,0 +1,220 @@
+import { isCategoricalAxis as e } from "../../utils/validate.mjs";
+import { selectChartDataWithIndexes as t } from "./dataSelectors.mjs";
+import { selectChartHeight as n, selectChartWidth as r } from "./containerSelectors.mjs";
+import { selectChartOffset as i } from "./selectChartOffset.mjs";
+import { selectChartName as a, selectStackOffsetType as o } from "./rootPropsSelectors.mjs";
+import { combineAxisRangeWithReverse as s } from "./combiners/combineAxisRangeWithReverse.mjs";
+import { findEntryInArray as c, mathSign as l } from "../../utils/data.mjs";
+import { selectChartLayout as u } from "./common.mjs";
+import { getTooltipEntry as d, getValueByDataKey as f } from "../../utils/chart.mjs";
+import { combineAppliedNumericalValuesIncludingErrorValues as p, combineAppliedValues as m, combineAreasDomain as h, combineAxisDomain as g, combineAxisDomainWithNiceTicks as _, combineCategoricalDomain as v, combineDisplayedData as y, combineDomainOfStackGroups as ee, combineDotsDomain as te, combineDuplicateDomain as ne, combineGraphicalItemsData as re, combineGraphicalItemsSettings as ie, combineLinesDomain as ae, combineNiceTicks as b, combineNumericalDomain as x, combineRealScaleType as S, combineScaleFunction as oe, combineStackGroups as se, filterGraphicalNotStackedItems as ce, filterReferenceElements as C, getDomainDefinition as le, itemAxisPredicate as ue, mergeDomains as de, selectAxisRange as fe, selectAxisSettings as pe, selectHasBar as me, selectReferenceAreas as he, selectReferenceDots as ge, selectReferenceLines as _e } from "./axisSelectors.mjs";
+import { combineTooltipEventType as ve, selectDefaultTooltipEventType as ye, selectValidateTooltipEventTypes as be } from "./selectTooltipEventType.mjs";
+import { combineActiveLabel as w } from "./combiners/combineActiveLabel.mjs";
+import { selectTooltipSettings as T } from "./selectTooltipSettings.mjs";
+import { combineTooltipInteractionState as E } from "./combiners/combineTooltipInteractionState.mjs";
+import { combineActiveTooltipIndex as D } from "./combiners/combineActiveTooltipIndex.mjs";
+import { combineCoordinateForDefaultIndex as O } from "./combiners/combineCoordinateForDefaultIndex.mjs";
+import { combineTooltipPayloadConfigurations as k } from "./combiners/combineTooltipPayloadConfigurations.mjs";
+import { selectTooltipPayloadSearcher as A } from "./selectTooltipPayloadSearcher.mjs";
+import { selectTooltipState as j } from "./selectTooltipState.mjs";
+import { createSelector as M } from "@reduxjs/toolkit";
+//#region src/state/selectors/tooltipSelectors.ts
+function N(e, t, n) {
+	return Array.isArray(e) && e && t + n !== 0 ? e.slice(t, n + 1) : e;
+}
+function xe(e, t) {
+	return e ?? t;
+}
+function P(e, t, n, r, i, a, o) {
+	if (t == null || a == null) return;
+	let { chartData: s, computedData: l, dataStartIndex: u, dataEndIndex: p } = n;
+	return e.reduce((e, { dataDefinedOnItem: n, settings: m }) => {
+		let h = N(xe(n, s), u, p), g = m?.dataKey ?? r?.dataKey, _ = m?.nameKey, v;
+		return r?.dataKey && !r?.allowDuplicatedCategory && Array.isArray(h) && i != null && o === "axis" && (v = c(h, r.dataKey, i)), v ??= a(h, t, l, _), Array.isArray(v) ? v.forEach((t) => {
+			let n = {
+				...m,
+				name: t.name,
+				unit: t.unit,
+				color: void 0,
+				fill: void 0
+			};
+			e.push(d({
+				tooltipEntrySettings: n,
+				dataKey: t.dataKey,
+				payload: t.payload,
+				value: f(t.payload, t.dataKey),
+				name: t.name
+			}));
+		}) : e.push(d({
+			tooltipEntrySettings: m,
+			dataKey: g,
+			payload: v,
+			value: f(v, g),
+			name: f(v, _) ?? m?.name
+		})), e;
+	}, []);
+}
+function F(e) {
+	let t = u(e);
+	return t === "horizontal" ? "xAxis" : t === "vertical" ? "yAxis" : t === "centric" ? "angleAxis" : "radiusAxis";
+}
+var I = (e) => e.tooltip.settings.axisId;
+function L(e) {
+	return pe(e, F(e), I(e));
+}
+var R = M([
+	L,
+	me,
+	a
+], S), z = M([
+	M([(e) => e.graphicalItems.cartesianItems, (e) => e.graphicalItems.polarItems], (e, t) => [...e, ...t]),
+	L,
+	M([F, I], ue)
+], ie), B = M([M([z], re), t], y), V = M([
+	B,
+	L,
+	z
+], m), Se = M([L], le), Ce = M([
+	M([
+		B,
+		z,
+		o
+	], se),
+	t,
+	F
+], ee), we = M([
+	B,
+	L,
+	M([z], ce),
+	F
+], p), Te = M([M([
+	ge,
+	F,
+	I
+], C), F], te), Ee = M([M([
+	he,
+	F,
+	I
+], C), F], h), H = M([
+	L,
+	u,
+	B,
+	V,
+	o,
+	F,
+	M([
+		L,
+		Se,
+		Ce,
+		we,
+		M([
+			Te,
+			M([M([
+				_e,
+				F,
+				I
+			], C), F], ae),
+			Ee
+		], de)
+	], x)
+], g), De = M([
+	L,
+	H,
+	M([
+		H,
+		L,
+		R
+	], b),
+	F
+], _);
+function U(e) {
+	return fe(e, F(e), I(e), !1);
+}
+var W = M([L, U], s), G = M([
+	L,
+	R,
+	De,
+	W
+], oe), Oe = M([
+	u,
+	V,
+	L,
+	F
+], ne), ke = M([
+	u,
+	V,
+	L,
+	F
+], v);
+function Ae(t, n, r, i, a, o, s, c) {
+	if (!n) return null;
+	let { type: u } = n, d = e(t, c);
+	if (!i) return null;
+	let f = r === "scaleBand" && i.bandwidth ? i.bandwidth() / 2 : 2, p = u === "category" && i.bandwidth ? i.bandwidth() / f : 0;
+	return p = c === "angleAxis" && a != null && a?.length >= 2 ? l(a[0] - a[1]) * 2 * p : p, d && s ? s.map((e, t) => ({
+		coordinate: i(e) + p,
+		value: e,
+		index: t,
+		offset: p
+	})) : i.domain().map((e, t) => ({
+		coordinate: i(e) + p,
+		value: o ? o[e] : e,
+		index: t,
+		offset: p
+	}));
+}
+var K = M([
+	u,
+	L,
+	R,
+	G,
+	U,
+	Oe,
+	ke,
+	F
+], Ae), q = M([
+	ye,
+	be,
+	T
+], (e, t, n) => ve(n.shared, e, t)), J = (e) => e.tooltip.settings.trigger, Y = (e) => e.tooltip.settings.defaultIndex, X = M([
+	j,
+	q,
+	J,
+	Y
+], E), Z = M([
+	X,
+	B,
+	M([L], (e) => e?.dataKey),
+	H
+], D), Q = M([K, Z], w), je = M([X], (e) => {
+	if (e) return e.dataKey;
+}), $ = M([
+	j,
+	q,
+	J,
+	Y
+], k), Me = M([X, M([
+	r,
+	n,
+	u,
+	i,
+	K,
+	Y,
+	$,
+	A
+], O)], (e, t) => e.coordinate ?? t), Ne = M([X], (e) => e.active);
+M([M([
+	$,
+	Z,
+	t,
+	L,
+	Q,
+	A,
+	q
+], P)], (e) => {
+	if (e == null) return;
+	let t = e.map((e) => e.payload).filter((e) => e != null);
+	return Array.from(new Set(t));
+});
+//#endregion
+export { P as combineTooltipPayload, Q as selectActiveLabel, Me as selectActiveTooltipCoordinate, je as selectActiveTooltipDataKey, Z as selectActiveTooltipIndex, Ne as selectIsTooltipActive, L as selectTooltipAxis, H as selectTooltipAxisDomain, W as selectTooltipAxisRangeWithReverse, G as selectTooltipAxisScale, K as selectTooltipAxisTicks, F as selectTooltipAxisType, B as selectTooltipDisplayedData };

package/dist/es/state/selectors/touchSelectors.mjs

@@ -0,0 +1,16 @@
+import { selectTooltipPayloadSearcher as e } from "./selectTooltipPayloadSearcher.mjs";
+import { selectTooltipState as t } from "./selectTooltipState.mjs";
+import { createSelector as n } from "@reduxjs/toolkit";
+var r = n([
+	n([t], (e) => e.tooltipItemPayloads),
+	e,
+	(e, t, n) => t,
+	(e, t, n) => n
+], (e, t, n, r) => {
+	let i = e.find((e) => e.settings.dataKey === r);
+	if (i == null) return;
+	let { positions: a } = i;
+	if (a != null) return t?.(a, n);
+});
+//#endregion
+export { r as selectTooltipCoordinate };

package/dist/es/state/store.mjs

@@ -0,0 +1,55 @@
+import { tooltipReducer as e } from "./tooltipSlice.mjs";
+import { graphicalItemsReducer as t } from "./graphicalItemsSlice.mjs";
+import { legendReducer as n } from "./legendSlice.mjs";
+import { cartesianAxisReducer as r } from "./cartesianAxisSlice.mjs";
+import { referenceElementsReducer as i } from "./referenceElementsSlice.mjs";
+import { optionsReducer as a } from "./optionsSlice.mjs";
+import { chartDataReducer as o } from "./chartDataSlice.mjs";
+import { chartLayoutReducer as s } from "./layoutSlice.mjs";
+import { mouseClickMiddleware as c, mouseMoveMiddleware as l } from "./mouseEventsMiddleware.mjs";
+import { reduxDevtoolsJsonStringifyReplacer as u } from "./reduxDevtoolsJsonStringifyReplacer.mjs";
+import { brushReducer as d } from "./brushSlice.mjs";
+import { rootPropsReducer as f } from "./rootPropsSlice.mjs";
+import { polarAxisReducer as p } from "./polarAxisSlice.mjs";
+import { polarOptionsReducer as m } from "./polarOptionsSlice.mjs";
+import { keyboardEventsMiddleware as h } from "./keyboardEventsMiddleware.mjs";
+import { externalEventsMiddleware as g } from "./externalEventsMiddleware.mjs";
+import { touchEventMiddleware as _ } from "./touchEventsMiddleware.mjs";
+import { combineReducers as v, configureStore as y } from "@reduxjs/toolkit";
+//#region src/state/store.ts
+var b = v({
+	brush: d,
+	cartesianAxis: r,
+	chartData: o,
+	graphicalItems: t,
+	layout: s,
+	legend: n,
+	options: a,
+	polarAxis: p,
+	polarOptions: m,
+	referenceElements: i,
+	rootProps: f,
+	tooltip: e
+});
+function x(e, t = "Chart") {
+	return y({
+		reducer: b,
+		preloadedState: e,
+		middleware: (e) => e({
+			serializableCheck: !1,
+			immutableCheck: !1
+		}).concat([
+			c.middleware,
+			l.middleware,
+			h.middleware,
+			g,
+			_.middleware
+		]),
+		devTools: {
+			serialize: { replacer: u },
+			name: `v-charts-${t}`
+		}
+	});
+}
+//#endregion
+export { x as createRechartsStore };

package/dist/es/state/tooltipSlice.mjs

@@ -0,0 +1,75 @@
+import { createSlice as e, current as t } from "@reduxjs/toolkit";
+import { castDraft as n } from "immer";
+//#region src/state/tooltipSlice.ts
+var r = {
+	active: !1,
+	index: null,
+	dataKey: void 0,
+	coordinate: void 0
+}, i = e({
+	name: "tooltip",
+	initialState: {
+		itemInteraction: {
+			click: r,
+			hover: r
+		},
+		axisInteraction: {
+			click: r,
+			hover: r
+		},
+		keyboardInteraction: r,
+		syncInteraction: {
+			active: !1,
+			index: null,
+			dataKey: void 0,
+			label: void 0,
+			coordinate: void 0
+		},
+		tooltipItemPayloads: [],
+		settings: {
+			shared: void 0,
+			trigger: "hover",
+			axisId: 0,
+			active: !1,
+			defaultIndex: void 0
+		}
+	},
+	reducers: {
+		addTooltipEntrySettings(e, t) {
+			e.tooltipItemPayloads.push(n(t.payload));
+		},
+		removeTooltipEntrySettings(e, r) {
+			let i = t(e).tooltipItemPayloads.indexOf(n(r.payload));
+			i > -1 && e.tooltipItemPayloads.splice(i, 1);
+		},
+		setTooltipSettingsState(e, t) {
+			e.settings = t.payload;
+		},
+		setActiveMouseOverItemIndex(e, t) {
+			e.syncInteraction.active = !1, e.keyboardInteraction.active = !1, e.itemInteraction.hover.active = !0, e.itemInteraction.hover.index = t.payload.activeIndex, e.itemInteraction.hover.dataKey = t.payload.activeDataKey, e.itemInteraction.hover.coordinate = t.payload.activeCoordinate;
+		},
+		mouseLeaveChart(e) {
+			e.itemInteraction.hover.active = !1, e.axisInteraction.hover.active = !1;
+		},
+		mouseLeaveItem(e) {
+			e.itemInteraction.hover.active = !1;
+		},
+		setActiveClickItemIndex(e, t) {
+			e.syncInteraction.active = !1, e.itemInteraction.click.active = !0, e.keyboardInteraction.active = !1, e.itemInteraction.click.index = t.payload.activeIndex, e.itemInteraction.click.dataKey = t.payload.activeDataKey, e.itemInteraction.click.coordinate = t.payload.activeCoordinate;
+		},
+		setMouseOverAxisIndex(e, t) {
+			e.syncInteraction.active = !1, e.axisInteraction.hover.active = !0, e.keyboardInteraction.active = !1, e.axisInteraction.hover.index = t.payload.activeIndex, e.axisInteraction.hover.dataKey = t.payload.activeDataKey, e.axisInteraction.hover.coordinate = t.payload.activeCoordinate;
+		},
+		setMouseClickAxisIndex(e, t) {
+			e.syncInteraction.active = !1, e.keyboardInteraction.active = !1, e.axisInteraction.click.active = !0, e.axisInteraction.click.index = t.payload.activeIndex, e.axisInteraction.click.dataKey = t.payload.activeDataKey, e.axisInteraction.click.coordinate = t.payload.activeCoordinate;
+		},
+		setSyncInteraction(e, t) {
+			e.syncInteraction = t.payload;
+		},
+		setKeyboardInteraction(e, t) {
+			e.keyboardInteraction.active = t.payload.active, e.keyboardInteraction.index = t.payload.activeIndex, e.keyboardInteraction.coordinate = t.payload.activeCoordinate, e.keyboardInteraction.dataKey = t.payload.activeDataKey;
+		}
+	}
+}), { addTooltipEntrySettings: a, removeTooltipEntrySettings: o, setTooltipSettingsState: s, setActiveMouseOverItemIndex: c, mouseLeaveItem: l, mouseLeaveChart: u, setActiveClickItemIndex: d, setMouseOverAxisIndex: f, setMouseClickAxisIndex: p, setSyncInteraction: m, setKeyboardInteraction: h } = i.actions, g = i.reducer;
+//#endregion
+export { a as addTooltipEntrySettings, u as mouseLeaveChart, l as mouseLeaveItem, r as noInteraction, o as removeTooltipEntrySettings, d as setActiveClickItemIndex, c as setActiveMouseOverItemIndex, h as setKeyboardInteraction, p as setMouseClickAxisIndex, f as setMouseOverAxisIndex, m as setSyncInteraction, s as setTooltipSettingsState, g as tooltipReducer };

package/dist/es/state/touchEventsMiddleware.mjs

@@ -0,0 +1,38 @@
+import { getChartPointer as e } from "../utils/chart.mjs";
+import { selectTooltipEventType as t } from "./selectors/selectTooltipEventType.mjs";
+import { setActiveMouseOverItemIndex as n, setMouseOverAxisIndex as r } from "./tooltipSlice.mjs";
+import { DATA_ITEM_DATAKEY_ATTRIBUTE_NAME as i, DATA_ITEM_INDEX_ATTRIBUTE_NAME as a } from "../utils/const.mjs";
+import { selectActivePropsFromChartPointer as o } from "./selectors/selectActivePropsFromChartPointer.mjs";
+import { selectTooltipCoordinate as s } from "./selectors/touchSelectors.mjs";
+import { createAction as c, createListenerMiddleware as l } from "@reduxjs/toolkit";
+//#region src/state/touchEventsMiddleware.ts
+var u = c("touchMove"), d = l();
+d.startListening({
+	actionCreator: u,
+	effect: (c, l) => {
+		let u = c.payload, d = l.getState(), f = t(d, d.tooltip.settings.shared);
+		if (f === "axis") {
+			let t = o(d, e({
+				clientX: u.touches[0].clientX,
+				clientY: u.touches[0].clientY,
+				currentTarget: u.target
+			}));
+			t?.activeIndex != null && l.dispatch(r({
+				activeIndex: t.activeIndex,
+				activeDataKey: void 0,
+				activeCoordinate: t.activeCoordinate
+			}));
+		} else if (f === "item") {
+			let e = u.touches[0], t = document.elementFromPoint(e.clientX, e.clientY);
+			if (!t || !t.getAttribute) return;
+			let r = t.getAttribute(a), o = t.getAttribute(i), c = s(l.getState(), r, o);
+			l.dispatch(n({
+				activeDataKey: o,
+				activeIndex: r,
+				activeCoordinate: c
+			}));
+		}
+	}
+});
+//#endregion
+export { u as touchEventAction, d as touchEventMiddleware };

package/dist/es/state/utils/useReportScale.mjs

@@ -0,0 +1,16 @@
+import { isWellBehavedNumber as e } from "../../utils/validate.mjs";
+import { selectContainerScale as t } from "../selectors/containerSelectors.mjs";
+import { useAppDispatch as n, useAppSelector as r } from "../hooks.mjs";
+import { setScale as i } from "../layoutSlice.mjs";
+import { ref as a, watch as o } from "vue";
+//#region src/state/utils/useReportScale.ts
+function s() {
+	let s = n(), c = a(null), l = r(t);
+	return o([c, l], () => {
+		if (c.value == null) return;
+		let t = c.value.getBoundingClientRect().width / c.value.offsetWidth;
+		e(t) && t !== l.value && s(i(t));
+	}), c;
+}
+//#endregion
+export { s as useReportScale };

package/dist/es/synchronisation/syncSelectors.mjs

@@ -0,0 +1,6 @@
+//#region src/synchronisation/syncSelectors.ts
+function e(e) {
+	return e.tooltip.syncInteraction;
+}
+//#endregion
+export { e as selectSynchronisedTooltipState };

package/dist/es/synchronisation/useChartSynchronisation.mjs

@@ -0,0 +1,24 @@
+import { selectEventEmitter as e, selectSyncId as t } from "../state/selectors/rootPropsSelectors.mjs";
+import { setSyncInteraction as n } from "../state/tooltipSlice.mjs";
+import { useAppSelector as r } from "../state/hooks.mjs";
+import { selectTooltipDataKey as i } from "../state/selectors/selectors.mjs";
+import { TOOLTIP_SYNC_EVENT as a, eventCenter as o } from "../utils/events.mjs";
+import { selectSynchronisedTooltipState as s } from "./syncSelectors.mjs";
+import { computed as c, watchEffect as l } from "vue";
+//#region src/synchronisation/useChartSynchronisation.tsx
+function u({ tooltipEventType: u, trigger: d, activeCoordinate: f, activeLabel: p, activeIndex: m, isTooltipActive: h }) {
+	let g = r((e) => i(e, u.value, d)), _ = r(e), v = r(t), y = r(s), b = c(() => y.value?.active);
+	l(() => {
+		if (b.value || v.value == null || _.value == null) return;
+		let e = n({
+			active: h.value,
+			coordinate: f.value,
+			dataKey: g.value,
+			index: m.value,
+			label: typeof p.value == "number" ? String(p.value) : p.value
+		});
+		o.emit(a, v.value, e, _.value);
+	});
+}
+//#endregion
+export { u as useTooltipChartSynchronisation };

package/dist/es/types/event.mjs

@@ -0,0 +1,4 @@
+//#region src/types/event.ts
+var e = /* @__PURE__ */ "dangerouslySetInnerHTML.onCopy.onCopyCapture.onCut.onCutCapture.onPaste.onPasteCapture.onCompositionEnd.onCompositionEndCapture.onCompositionStart.onCompositionStartCapture.onCompositionUpdate.onCompositionUpdateCapture.onFocus.onFocusCapture.onBlur.onBlurCapture.onChange.onChangeCapture.onBeforeInput.onBeforeInputCapture.onInput.onInputCapture.onReset.onResetCapture.onSubmit.onSubmitCapture.onInvalid.onInvalidCapture.onLoad.onLoadCapture.onError.onErrorCapture.onKeyDown.onKeyDownCapture.onKeyPress.onKeyPressCapture.onKeyUp.onKeyUpCapture.onAbort.onAbortCapture.onCanPlay.onCanPlayCapture.onCanPlayThrough.onCanPlayThroughCapture.onDurationChange.onDurationChangeCapture.onEmptied.onEmptiedCapture.onEncrypted.onEncryptedCapture.onEnded.onEndedCapture.onLoadedData.onLoadedDataCapture.onLoadedMetadata.onLoadedMetadataCapture.onLoadStart.onLoadStartCapture.onPause.onPauseCapture.onPlay.onPlayCapture.onPlaying.onPlayingCapture.onProgress.onProgressCapture.onRateChange.onRateChangeCapture.onSeeked.onSeekedCapture.onSeeking.onSeekingCapture.onStalled.onStalledCapture.onSuspend.onSuspendCapture.onTimeUpdate.onTimeUpdateCapture.onVolumeChange.onVolumeChangeCapture.onWaiting.onWaitingCapture.onAuxClick.onAuxClickCapture.onClick.onClickCapture.onContextMenu.onContextMenuCapture.onDoubleClick.onDoubleClickCapture.onDrag.onDragCapture.onDragEnd.onDragEndCapture.onDragEnter.onDragEnterCapture.onDragExit.onDragExitCapture.onDragLeave.onDragLeaveCapture.onDragOver.onDragOverCapture.onDragStart.onDragStartCapture.onDrop.onDropCapture.onMouseDown.onMouseDownCapture.onMouseEnter.onMouseLeave.onMouseMove.onMouseMoveCapture.onMouseOut.onMouseOutCapture.onMouseOver.onMouseOverCapture.onMouseUp.onMouseUpCapture.onSelect.onSelectCapture.onTouchCancel.onTouchCancelCapture.onTouchEnd.onTouchEndCapture.onTouchMove.onTouchMoveCapture.onTouchStart.onTouchStartCapture.onPointerDown.onPointerDownCapture.onPointerMove.onPointerMoveCapture.onPointerUp.onPointerUpCapture.onPointerCancel.onPointerCancelCapture.onPointerEnter.onPointerEnterCapture.onPointerLeave.onPointerLeaveCapture.onPointerOver.onPointerOverCapture.onPointerOut.onPointerOutCapture.onGotPointerCapture.onGotPointerCaptureCapture.onLostPointerCapture.onLostPointerCaptureCapture.onScroll.onScrollCapture.onWheel.onWheelCapture.onAnimationStart.onAnimationStartCapture.onAnimationEnd.onAnimationEndCapture.onAnimationIteration.onAnimationIterationCapture.onTransitionEnd.onTransitionEndCapture".split(".");
+//#endregion
+export { e as EventKeys };