vccs 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/es/cartesian/bar/components/BarRectangles.mjs

@@ -148,7 +148,7 @@ var BarRectangles = /* @__PURE__ */ defineComponent({
 				emit("mouseenter", bar, index, event);
 			},
 			mouseleave: ({ bar, index }, _position, event) => {
-				tooltip.clear("hover");
+				tooltip.clear("hover", "item");
 				emit("mouseleave", bar, index, event);
 			}
 		});

package/dist/es/cartesian/funnel/Funnel.mjs

@@ -156,7 +156,7 @@ var FunnelView = /* @__PURE__ */ defineComponent({
 			});
 		}
 		function handleTrapezoidLeave() {
-			tooltip.clear("hover");
+			tooltip.clear("hover", "item");
 		}
 		return () => {
 			if (props.hide) return null;

package/dist/es/cartesian/scatter/Scatter.mjs

@@ -125,7 +125,7 @@ var ScatterView = /* @__PURE__ */ defineComponent({
 			});
 		};
 		const onMouseLeaveSymbol = () => {
-			tooltip.clear("hover");
+			tooltip.clear("hover", "item");
 		};
 		let symbolData = [];
 		const listeners = delegateItemEvents((index) => symbolData[index], {

package/dist/es/chart/CellGridLayer.mjs

@@ -203,7 +203,7 @@ var CellGridLayer = /* @__PURE__ */ defineComponent({
 				coordinate: void 0,
 				active: false
 			});
-			else tooltip.clear("hover");
+			else tooltip.clear("hover", "item");
 		}
 		function onEnter(cell, index, event) {
 			keyboard.value = false;

package/dist/es/chart/JourneySankey.mjs

@@ -369,7 +369,7 @@ function useJourneySankey(props, slots, emit) {
 	}
 	function leave() {
 		hover.value = void 0;
-		tooltip.clear("hover");
+		tooltip.clear("hover", "item");
 	}
 	function leaveNode(node, event) {
 		leave();

package/dist/es/chart/Sankey.mjs

@@ -292,11 +292,11 @@ function useSankey(props, slots, emit) {
 		emit("link-mouseenter", link, index, e);
 	}
 	function handleNodeMouseLeave(node, index, e) {
-		tooltip.clear("hover");
+		tooltip.clear("hover", "item");
 		emit("node-mouseleave", node, index, e);
 	}
 	function handleLinkMouseLeave(link, index, e) {
-		tooltip.clear("hover");
+		tooltip.clear("hover", "item");
 		emit("link-mouseleave", link, index, e);
 	}
 	function handleNodeClick(node, index, e) {

package/dist/es/chart/Sparkline.mjs

@@ -247,7 +247,7 @@ function useSparkline(props, emit) {
 	function setActive(index, keyboard = false) {
 		const point = index === null ? void 0 : points.value[index];
 		if (!point && !keyboard) {
-			tooltip.clear("hover");
+			tooltip.clear("hover", "item");
 			return;
 		}
 		const action = {

package/dist/es/chart/SunburstChart.mjs

@@ -201,7 +201,7 @@ function useSunburst(props, slots, emit) {
 		});
 	}
 	function handleMouseLeave(node, e) {
-		tooltip.clear("hover");
+		tooltip.clear("hover", "item");
 		emit("node-mouseleave", node, indexOf(node), e);
 	}
 	function handleClick(node, e) {

package/dist/es/chart/Treemap.mjs

@@ -278,7 +278,7 @@ function useTreemap(props, slots, emit) {
 		emit("node-mouseenter", node, index, e);
 	}
 	function handleNodeMouseLeave(node, index, e) {
-		tooltip.clear("hover");
+		tooltip.clear("hover", "item");
 		emit("node-mouseleave", node, index, e);
 	}
 	function handleNodeClick(node, index, e) {

package/dist/es/events/sync.mjs

@@ -10,8 +10,7 @@ function useTooltipChartSynchronisation(source, enabled) {
 	const activeDataKey = computed(() => tooltip.target.value?.entry?.value?.settings.dataKey);
 	const eventEmitterSymbol = presentation.emitter;
 	const syncId = presentation.syncId;
-	const tooltipState = computed(() => tooltip.syncInteraction.value);
-	const isReceivingSynchronisation = computed(() => tooltipState.value?.active);
+	const isReceivingSynchronisation = computed(() => tooltip.receivingSynchronisation.value);
 	watchEffect(() => {
 		if (!enabled()) return;
 		if (isReceivingSynchronisation.value) return;

package/dist/es/events/usePointEvents.mjs

@@ -30,7 +30,7 @@ function usePointEvents(emit) {
 				emit("mouseenter", entry, index, event);
 			},
 			onMouseleave: (event) => {
-				tooltip.clear("hover");
+				tooltip.clear("hover", "item");
 				emit("mouseleave", entry, index, event);
 			}
 		};

package/dist/es/model/tooltip.mjs

@@ -286,8 +286,9 @@ function createTooltip(inputs) {
 			coordinate: input.coordinate
 		};
 	}
-	function clear(channel) {
+	function clear(channel, scope) {
 		if (channel === "hover" && settings.value.trigger !== "hover") return;
+		if (scope === "item" && selection.value?.target.entry === void 0) return;
 		request(null);
 		if (channel === "keyboard") {
 			selection.value = null;
@@ -371,10 +372,7 @@ function createTooltip(inputs) {
 			index: selection.value.requestedIndex,
 			active: selection.value.active
 		} : noInteraction),
-		syncInteraction: computed(() => ({
-			...selection.value?.channel === "sync" ? interaction.value : noInteraction,
-			label: label.value
-		})),
+		receivingSynchronisation: computed(() => selection.value?.channel === "sync"),
 		activeIndexFor,
 		coordinateFor,
 		activate,

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

@@ -139,7 +139,7 @@ var PieView = /* @__PURE__ */ defineComponent({
 			});
 		}
 		function handleSectorLeave() {
-			tooltip.clear("hover");
+			tooltip.clear("hover", "item");
 		}
 		let sectorList = items.value;
 		const listeners = delegateItemEvents((position) => sectorList[position]?.value, {

package/dist/es/polar/radial-bar/RadialBar.mjs

@@ -217,7 +217,7 @@ var RadialBarView = /* @__PURE__ */ defineComponent({
 					emit("mouseenter", sector, sector.index, event);
 				};
 				const onMouseleave = (event) => {
-					tooltip.clear("hover");
+					tooltip.clear("hover", "item");
 					emit("mouseleave", sector, sector.index, event);
 				};
 				if (slots.shape) return createVNode("g", mergeProps({ "key": items.value[i].key }, { [DATA_ITEM_INDEX_ATTRIBUTE_NAME]: sector.index }, {

package/dist/model/tooltip.d.ts

@@ -228,18 +228,11 @@ export declare function useTooltipController(): {
     entries: import('./registry.js').Registry<TooltipPayloadConfiguration>;
     announcement: import('vue').ShallowRef<string, string>;
     keyboardInteraction: ComputedRef<TooltipInteraction>;
-    syncInteraction: ComputedRef<{
-        label: string | undefined;
-        configuration?: TooltipPayloadConfiguration;
-        active: boolean;
-        index: TooltipActiveIndex;
-        dataKey: import('../types/base.js').ChartDataKey | undefined;
-        coordinate: Coordinate | undefined;
-    }>;
+    receivingSynchronisation: ComputedRef<boolean>;
     activeIndexFor: (entry: Entry) => ComputedRef<number | null>;
     coordinateFor: (candidate: Target | undefined, fallback?: Coordinate) => Coordinate | undefined;
     activate: (channel: Channel, input: TooltipTargetRequest) => void;
-    clear: (channel: Channel) => void;
+    clear: (channel: Channel, scope?: "item") => void;
 };
 export declare function useTooltipSource(): TooltipSource;
 export declare function provideTooltipEntry(entry: Entry): void;
@@ -435,17 +428,10 @@ export declare function createTooltip(inputs: TooltipInputs): {
     entries: import('./registry.js').Registry<TooltipPayloadConfiguration>;
     announcement: import('vue').ShallowRef<string, string>;
     keyboardInteraction: ComputedRef<TooltipInteraction>;
-    syncInteraction: ComputedRef<{
-        label: string | undefined;
-        configuration?: TooltipPayloadConfiguration;
-        active: boolean;
-        index: TooltipActiveIndex;
-        dataKey: import('../types/base.js').ChartDataKey | undefined;
-        coordinate: Coordinate | undefined;
-    }>;
+    receivingSynchronisation: ComputedRef<boolean>;
     activeIndexFor: (entry: Entry) => ComputedRef<number | null>;
     coordinateFor: (candidate: Target | undefined, fallback?: Coordinate) => Coordinate | undefined;
     activate: (channel: Channel, input: TooltipTargetRequest) => void;
-    clear: (channel: Channel) => void;
+    clear: (channel: Channel, scope?: "item") => void;
 };
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vccs",
   "type": "module",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "description": "Composable charting components for Vue 3 — an unofficial port of Recharts",
   "author": "rick-hup",
   "license": "MIT",