Prevent label change event from triggering itself

CHANGELOG.md

@@ -44,6 +44,7 @@ No changes to highlight.
 
 ## Bug Fixes:
 
+- Fix bug where Label change event was triggering itself by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4371](https://github.com/gradio-app/gradio/pull/4371)
 - Make `Blocks.load` behave like other event listeners (allows chaining `then` off of it) [@anentropic](https://github.com/anentropic/) in [PR 4304](https://github.com/gradio-app/gradio/pull/4304)
 - Respect `interactive=True` in output components of a `gr.Interface` by [@abidlabs](https://github.com/abidlabs) in [PR 4356](https://github.com/gradio-app/gradio/pull/4356). 
 - Remove unused frontend code by [@akx](https://github.com/akx) in [PR 4275](https://github.com/gradio-app/gradio/pull/4275)

js/app/src/components/Label/Label.svelte

@@ -12,9 +12,9 @@
 	export let visible: boolean = true;
 	export let color: undefined | string = undefined;
 	export let value: {
-		label: string;
+		label?: string;
 		confidences?: Array<{ label: string; confidence: number }>;
-	};
+	} = {};
 	export let label: string = "Label";
 	export let style: Styles = {};
 
@@ -24,7 +24,8 @@
 
 	const dispatch = createEventDispatcher<{ change: undefined }>();
 
-	$: value, dispatch("change");
+	$: ({ confidences, label: _label } = value);
+	$: _label, confidences, dispatch("change");
 </script>
 
 <Block

js/label/src/Label.svelte

@@ -3,7 +3,7 @@
 	import { createEventDispatcher } from "svelte";
 
 	export let value: {
-		label: string;
+		label?: string;
 		confidences?: Array<{ label: string; confidence: number }>;
 	};