vccs 0.1.0 → 0.2.0

package/dist/es/state/tooltipSlice.mjs

@@ -1,25 +1,26 @@
-import { createSlice as e, current as t } from "@reduxjs/toolkit";
-import { castDraft as n } from "immer";
+import { createSlice, current } from "@reduxjs/toolkit";
+import { castDraft } from "immer";
 //#region src/state/tooltipSlice.ts
-var r = {
-	active: !1,
+var noInteraction = {
+	active: false,
 	index: null,
 	dataKey: void 0,
 	coordinate: void 0
-}, i = e({
+};
+var tooltipSlice = createSlice({
 	name: "tooltip",
 	initialState: {
 		itemInteraction: {
-			click: r,
-			hover: r
+			click: noInteraction,
+			hover: noInteraction
 		},
 		axisInteraction: {
-			click: r,
-			hover: r
+			click: noInteraction,
+			hover: noInteraction
 		},
-		keyboardInteraction: r,
+		keyboardInteraction: noInteraction,
 		syncInteraction: {
-			active: !1,
+			active: false,
 			index: null,
 			dataKey: void 0,
 			label: void 0,
@@ -30,46 +31,72 @@ var r = {
 			shared: void 0,
 			trigger: "hover",
 			axisId: 0,
-			active: !1,
+			active: false,
 			defaultIndex: void 0
 		}
 	},
 	reducers: {
-		addTooltipEntrySettings(e, t) {
-			e.tooltipItemPayloads.push(n(t.payload));
+		addTooltipEntrySettings(state, action) {
+			state.tooltipItemPayloads.push(castDraft(action.payload));
 		},
-		removeTooltipEntrySettings(e, r) {
-			let i = t(e).tooltipItemPayloads.indexOf(n(r.payload));
-			i > -1 && e.tooltipItemPayloads.splice(i, 1);
+		removeTooltipEntrySettings(state, action) {
+			const index = current(state).tooltipItemPayloads.indexOf(castDraft(action.payload));
+			if (index > -1) state.tooltipItemPayloads.splice(index, 1);
 		},
-		setTooltipSettingsState(e, t) {
-			e.settings = t.payload;
+		setTooltipSettingsState(state, action) {
+			state.settings = action.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;
+		setActiveMouseOverItemIndex(state, action) {
+			state.syncInteraction.active = false;
+			state.keyboardInteraction.active = false;
+			state.itemInteraction.hover.active = true;
+			state.itemInteraction.hover.index = action.payload.activeIndex;
+			state.itemInteraction.hover.dataKey = action.payload.activeDataKey;
+			state.itemInteraction.hover.coordinate = action.payload.activeCoordinate;
 		},
-		mouseLeaveChart(e) {
-			e.itemInteraction.hover.active = !1, e.axisInteraction.hover.active = !1;
+		mouseLeaveChart(state) {
+			state.itemInteraction.hover.active = false;
+			state.axisInteraction.hover.active = false;
 		},
-		mouseLeaveItem(e) {
-			e.itemInteraction.hover.active = !1;
+		mouseLeaveItem(state) {
+			state.itemInteraction.hover.active = false;
 		},
-		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;
+		setActiveClickItemIndex(state, action) {
+			state.syncInteraction.active = false;
+			state.itemInteraction.click.active = true;
+			state.keyboardInteraction.active = false;
+			state.itemInteraction.click.index = action.payload.activeIndex;
+			state.itemInteraction.click.dataKey = action.payload.activeDataKey;
+			state.itemInteraction.click.coordinate = action.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;
+		setMouseOverAxisIndex(state, action) {
+			state.syncInteraction.active = false;
+			state.axisInteraction.hover.active = true;
+			state.keyboardInteraction.active = false;
+			state.axisInteraction.hover.index = action.payload.activeIndex;
+			state.axisInteraction.hover.dataKey = action.payload.activeDataKey;
+			state.axisInteraction.hover.coordinate = action.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;
+		setMouseClickAxisIndex(state, action) {
+			state.syncInteraction.active = false;
+			state.keyboardInteraction.active = false;
+			state.axisInteraction.click.active = true;
+			state.axisInteraction.click.index = action.payload.activeIndex;
+			state.axisInteraction.click.dataKey = action.payload.activeDataKey;
+			state.axisInteraction.click.coordinate = action.payload.activeCoordinate;
 		},
-		setSyncInteraction(e, t) {
-			e.syncInteraction = t.payload;
+		setSyncInteraction(state, action) {
+			state.syncInteraction = action.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;
+		setKeyboardInteraction(state, action) {
+			state.keyboardInteraction.active = action.payload.active;
+			state.keyboardInteraction.index = action.payload.activeIndex;
+			state.keyboardInteraction.coordinate = action.payload.activeCoordinate;
+			state.keyboardInteraction.dataKey = action.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;
+});
+var { addTooltipEntrySettings, removeTooltipEntrySettings, setTooltipSettingsState, setActiveMouseOverItemIndex, mouseLeaveItem, mouseLeaveChart, setActiveClickItemIndex, setMouseOverAxisIndex, setMouseClickAxisIndex, setSyncInteraction, setKeyboardInteraction } = tooltipSlice.actions;
+var tooltipReducer = tooltipSlice.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 };
+export { addTooltipEntrySettings, mouseLeaveChart, mouseLeaveItem, noInteraction, removeTooltipEntrySettings, setActiveClickItemIndex, setActiveMouseOverItemIndex, setKeyboardInteraction, setMouseClickAxisIndex, setMouseOverAxisIndex, setSyncInteraction, setTooltipSettingsState, tooltipReducer };

package/dist/es/state/touchEventsMiddleware.mjs

@@ -1,38 +1,44 @@
-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";
+import { getChartPointer } from "../utils/chart.mjs";
+import { selectTooltipEventType } from "./selectors/selectTooltipEventType.mjs";
+import { setActiveMouseOverItemIndex, setMouseOverAxisIndex } from "./tooltipSlice.mjs";
+import { DATA_ITEM_DATAKEY_ATTRIBUTE_NAME, DATA_ITEM_INDEX_ATTRIBUTE_NAME } from "../utils/const.mjs";
+import { selectActivePropsFromChartPointer } from "./selectors/selectActivePropsFromChartPointer.mjs";
+import { selectTooltipCoordinate } from "./selectors/touchSelectors.mjs";
+import { createAction, createListenerMiddleware } 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
+var touchEventAction = createAction("touchMove");
+var touchEventMiddleware = createListenerMiddleware();
+touchEventMiddleware.startListening({
+	actionCreator: touchEventAction,
+	effect: (action, listenerApi) => {
+		const touchEvent = action.payload;
+		const state = listenerApi.getState();
+		const tooltipEventType = selectTooltipEventType(state, state.tooltip.settings.shared);
+		if (tooltipEventType === "axis") {
+			const activeProps = selectActivePropsFromChartPointer(state, getChartPointer({
+				clientX: touchEvent.touches[0].clientX,
+				clientY: touchEvent.touches[0].clientY,
+				currentTarget: touchEvent.target
 			}));
-			t?.activeIndex != null && l.dispatch(r({
-				activeIndex: t.activeIndex,
+			if (activeProps?.activeIndex != null) listenerApi.dispatch(setMouseOverAxisIndex({
+				activeIndex: activeProps.activeIndex,
 				activeDataKey: void 0,
-				activeCoordinate: t.activeCoordinate
+				activeCoordinate: activeProps.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
+		} else if (tooltipEventType === "item") {
+			const touch = touchEvent.touches[0];
+			const target = document.elementFromPoint(touch.clientX, touch.clientY);
+			if (!target || !target.getAttribute) return;
+			const itemIndex = target.getAttribute(DATA_ITEM_INDEX_ATTRIBUTE_NAME);
+			const dataKey = target.getAttribute(DATA_ITEM_DATAKEY_ATTRIBUTE_NAME);
+			const coordinate = selectTooltipCoordinate(listenerApi.getState(), itemIndex, dataKey);
+			listenerApi.dispatch(setActiveMouseOverItemIndex({
+				activeDataKey: dataKey,
+				activeIndex: itemIndex,
+				activeCoordinate: coordinate
 			}));
 		}
 	}
 });
 //#endregion
-export { u as touchEventAction, d as touchEventMiddleware };
+export { touchEventAction, touchEventMiddleware };

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

@@ -1,16 +1,19 @@
-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";
+import { isWellBehavedNumber } from "../../utils/validate.mjs";
+import { selectContainerScale } from "../selectors/containerSelectors.mjs";
+import { useAppDispatch, useAppSelector } from "../hooks.mjs";
+import { setScale } from "../layoutSlice.mjs";
+import { ref, watch } 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;
+function useReportScale() {
+	const dispatch = useAppDispatch();
+	const domRef = ref(null);
+	const scale = useAppSelector(selectContainerScale);
+	watch([domRef, scale], () => {
+		if (domRef.value == null) return;
+		const newScale = domRef.value.getBoundingClientRect().width / domRef.value.offsetWidth;
+		if (isWellBehavedNumber(newScale) && newScale !== scale.value) dispatch(setScale(newScale));
+	});
+	return domRef;
 }
 //#endregion
-export { s as useReportScale };
+export { useReportScale };

package/dist/es/synchronisation/syncSelectors.mjs

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

package/dist/es/synchronisation/useChartSynchronisation.mjs

@@ -1,24 +1,38 @@
-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";
+import { selectEventEmitter, selectSyncId } from "../state/selectors/rootPropsSelectors.mjs";
+import { setSyncInteraction } from "../state/tooltipSlice.mjs";
+import { useAppSelector } from "../state/hooks.mjs";
+import { selectTooltipDataKey } from "../state/selectors/selectors.mjs";
+import { TOOLTIP_SYNC_EVENT, eventCenter } from "../utils/events.mjs";
+import { selectSynchronisedTooltipState } from "./syncSelectors.mjs";
+import { computed, watchEffect } 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
+/**
+* Emits tooltip sync events to other charts (Vue version).
+* No events if syncId is undefined.
+* Ignores syncMethod (handled on receiver).
+*
+* @param tooltipParams computed object containing tooltip parameters
+* @returns void
+*/
+function useTooltipChartSynchronisation({ tooltipEventType, trigger, activeCoordinate, activeLabel, activeIndex, isTooltipActive }) {
+	const activeDataKey = useAppSelector((state) => selectTooltipDataKey(state, tooltipEventType.value, trigger));
+	const eventEmitterSymbol = useAppSelector(selectEventEmitter);
+	const syncId = useAppSelector(selectSyncId);
+	const tooltipState = useAppSelector(selectSynchronisedTooltipState);
+	const isReceivingSynchronisation = computed(() => tooltipState.value?.active);
+	watchEffect(() => {
+		if (isReceivingSynchronisation.value) return;
+		if (syncId.value == null) return;
+		if (eventEmitterSymbol.value == null) return;
+		const syncAction = setSyncInteraction({
+			active: isTooltipActive.value,
+			coordinate: activeCoordinate.value,
+			dataKey: activeDataKey.value,
+			index: activeIndex.value,
+			label: typeof activeLabel.value === "number" ? String(activeLabel.value) : activeLabel.value
 		});
-		o.emit(a, v.value, e, _.value);
+		eventCenter.emit(TOOLTIP_SYNC_EVENT, syncId.value, syncAction, eventEmitterSymbol.value);
 	});
 }
 //#endregion
-export { u as useTooltipChartSynchronisation };
+export { useTooltipChartSynchronisation };

package/dist/es/types/event.mjs

@@ -1,4 +1,166 @@
 //#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(".");
+var EventKeys = [
+	"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"
+];
 //#endregion
-export { e as EventKeys };
+export { EventKeys };

package/dist/es/utils/ReduceCSSCalc.mjs

@@ -1,6 +1,10 @@
-import { isNan as e } from "./validate.mjs";
+import { isNan } from "./validate.mjs";
 //#region src/utils/ReduceCSSCalc.ts
-var t = /(-?\d+(?:\.\d+)?[a-z%]*)([*/])(-?\d+(?:\.\d+)?[a-z%]*)/i, n = /(-?\d+(?:\.\d+)?[a-z%]*)([+-])(-?\d+(?:\.\d+)?[a-z%]*)/i, r = /^px|cm|vh|vw|em|rem|%|mm|in|pt|pc|ex|ch|vmin|vmax|Q$/, i = /(-?\d+(?:\.\d+)?)([a-z%]+)?/i, a = {
+var MULTIPLY_OR_DIVIDE_REGEX = /(-?\d+(?:\.\d+)?[a-z%]*)([*/])(-?\d+(?:\.\d+)?[a-z%]*)/i;
+var ADD_OR_SUBTRACT_REGEX = /(-?\d+(?:\.\d+)?[a-z%]*)([+-])(-?\d+(?:\.\d+)?[a-z%]*)/i;
+var CSS_LENGTH_UNIT_REGEX = /^px|cm|vh|vw|em|rem|%|mm|in|pt|pc|ex|ch|vmin|vmax|Q$/;
+var NUM_SPLIT_REGEX = /(-?\d+(?:\.\d+)?)([a-z%]+)?/i;
+var CONVERSION_RATES = {
 	cm: 96 / 2.54,
 	mm: 96 / 25.4,
 	pt: 96 / 72,
@@ -8,75 +12,103 @@ var t = /(-?\d+(?:\.\d+)?[a-z%]*)([*/])(-?\d+(?:\.\d+)?[a-z%]*)/i, n = /(-?\d+(?
 	in: 96,
 	Q: 96 / (2.54 * 40),
 	px: 1
-}, o = Object.keys(a), s = "NaN";
-function c(e, t) {
-	return e * a[t];
+};
+var FIXED_CSS_LENGTH_UNITS = Object.keys(CONVERSION_RATES);
+var STR_NAN = "NaN";
+function convertToPx(value, unit) {
+	return value * CONVERSION_RATES[unit];
 }
-var l = class t {
-	static parse(e) {
-		let [, n, r] = i.exec(e) ?? [];
-		return new t(parseFloat(n), r ?? "");
+var DecimalCSS = class DecimalCSS {
+	static parse(str) {
+		const [, numStr, unit] = NUM_SPLIT_REGEX.exec(str) ?? [];
+		return new DecimalCSS(parseFloat(numStr), unit ?? "");
 	}
-	constructor(t, n) {
-		this.num = t, this.unit = n, this.num = t, this.unit = n, e(t) && (this.unit = ""), n !== "" && !r.test(n) && (this.num = NaN, this.unit = ""), o.includes(n) && (this.num = c(t, n), this.unit = "px");
+	constructor(num, unit) {
+		this.num = num;
+		this.unit = unit;
+		this.num = num;
+		this.unit = unit;
+		if (isNan(num)) this.unit = "";
+		if (unit !== "" && !CSS_LENGTH_UNIT_REGEX.test(unit)) {
+			this.num = NaN;
+			this.unit = "";
+		}
+		if (FIXED_CSS_LENGTH_UNITS.includes(unit)) {
+			this.num = convertToPx(num, unit);
+			this.unit = "px";
+		}
 	}
-	add(e) {
-		return this.unit === e.unit ? new t(this.num + e.num, this.unit) : new t(NaN, "");
+	add(other) {
+		if (this.unit !== other.unit) return new DecimalCSS(NaN, "");
+		return new DecimalCSS(this.num + other.num, this.unit);
 	}
-	subtract(e) {
-		return this.unit === e.unit ? new t(this.num - e.num, this.unit) : new t(NaN, "");
+	subtract(other) {
+		if (this.unit !== other.unit) return new DecimalCSS(NaN, "");
+		return new DecimalCSS(this.num - other.num, this.unit);
 	}
-	multiply(e) {
-		return this.unit !== "" && e.unit !== "" && this.unit !== e.unit ? new t(NaN, "") : new t(this.num * e.num, this.unit || e.unit);
+	multiply(other) {
+		if (this.unit !== "" && other.unit !== "" && this.unit !== other.unit) return new DecimalCSS(NaN, "");
+		return new DecimalCSS(this.num * other.num, this.unit || other.unit);
 	}
-	divide(e) {
-		return this.unit !== "" && e.unit !== "" && this.unit !== e.unit ? new t(NaN, "") : new t(this.num / e.num, this.unit || e.unit);
+	divide(other) {
+		if (this.unit !== "" && other.unit !== "" && this.unit !== other.unit) return new DecimalCSS(NaN, "");
+		return new DecimalCSS(this.num / other.num, this.unit || other.unit);
 	}
 	toString() {
 		return `${this.num}${this.unit}`;
 	}
 	isNaN() {
-		return e(this.num);
+		return isNan(this.num);
 	}
 };
-function u(e) {
-	if (e.includes(s)) return s;
-	let r = e;
-	for (; r.includes("*") || r.includes("/");) {
-		let [, e, n, i] = t.exec(r) ?? [], a = l.parse(e ?? ""), o = l.parse(i ?? ""), c = n === "*" ? a.multiply(o) : a.divide(o);
-		if (c.isNaN()) return s;
-		r = r.replace(t, c.toString());
+function calculateArithmetic(expr) {
+	if (expr.includes(STR_NAN)) return STR_NAN;
+	let newExpr = expr;
+	while (newExpr.includes("*") || newExpr.includes("/")) {
+		const [, leftOperand, operator, rightOperand] = MULTIPLY_OR_DIVIDE_REGEX.exec(newExpr) ?? [];
+		const lTs = DecimalCSS.parse(leftOperand ?? "");
+		const rTs = DecimalCSS.parse(rightOperand ?? "");
+		const result = operator === "*" ? lTs.multiply(rTs) : lTs.divide(rTs);
+		if (result.isNaN()) return STR_NAN;
+		newExpr = newExpr.replace(MULTIPLY_OR_DIVIDE_REGEX, result.toString());
 	}
-	for (; r.includes("+") || /.-\d+(?:\.\d+)?/.test(r);) {
-		let [, e, t, i] = n.exec(r) ?? [], a = l.parse(e ?? ""), o = l.parse(i ?? ""), c = t === "+" ? a.add(o) : a.subtract(o);
-		if (c.isNaN()) return s;
-		r = r.replace(n, c.toString());
+	while (newExpr.includes("+") || /.-\d+(?:\.\d+)?/.test(newExpr)) {
+		const [, leftOperand, operator, rightOperand] = ADD_OR_SUBTRACT_REGEX.exec(newExpr) ?? [];
+		const lTs = DecimalCSS.parse(leftOperand ?? "");
+		const rTs = DecimalCSS.parse(rightOperand ?? "");
+		const result = operator === "+" ? lTs.add(rTs) : lTs.subtract(rTs);
+		if (result.isNaN()) return STR_NAN;
+		newExpr = newExpr.replace(ADD_OR_SUBTRACT_REGEX, result.toString());
 	}
-	return r;
+	return newExpr;
 }
-var d = /\(([^()]*)\)/;
-function f(e) {
-	let t = e, n;
-	for (; (n = d.exec(t)) != null;) {
-		let [, e] = n;
-		t = t.replace(d, u(e));
+var PARENTHESES_REGEX = /\(([^()]*)\)/;
+function calculateParentheses(expr) {
+	let newExpr = expr;
+	let match;
+	while ((match = PARENTHESES_REGEX.exec(newExpr)) != null) {
+		const [, parentheticalExpression] = match;
+		newExpr = newExpr.replace(PARENTHESES_REGEX, calculateArithmetic(parentheticalExpression));
 	}
-	return t;
+	return newExpr;
 }
-function p(e) {
-	let t = e.replace(/\s+/g, "");
-	return t = f(t), t = u(t), t;
+function evaluateExpression(expression) {
+	let newExpr = expression.replace(/\s+/g, "");
+	newExpr = calculateParentheses(newExpr);
+	newExpr = calculateArithmetic(newExpr);
+	return newExpr;
 }
-function m(e) {
+function safeEvaluateExpression(expression) {
 	try {
-		return p(e);
+		return evaluateExpression(expression);
 	} catch {
-		return s;
+		return STR_NAN;
 	}
 }
-function h(e) {
-	let t = m(e.slice(5, -1));
-	return t === s ? "" : t;
+function reduceCSSCalc(expression) {
+	const result = safeEvaluateExpression(expression.slice(5, -1));
+	if (result === STR_NAN) return "";
+	return result;
 }
 //#endregion
-export { h as reduceCSSCalc };
+export { reduceCSSCalc };