From 0879be78b3ae220cb303ac275c8fd47d085aad18 Mon Sep 17 00:00:00 2001
From: Hannah <hannahblair@users.noreply.github.com>
Date: Wed, 20 Nov 2024 23:34:40 +0000
Subject: [PATCH] Ensure `show_label` param is used in HighlightedText (#10004)

* use show_label param

* add changeset

* add changeset

* * remove empty label spacing
* increase empty area

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
---
 .changeset/thick-teams-attend.md | 6 ++++++
 js/highlightedtext/Index.svelte  | 9 ++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/thick-teams-attend.md

diff --git a/.changeset/thick-teams-attend.md b/.changeset/thick-teams-attend.md
new file mode 100644
index 0000000000..64729426f9
--- /dev/null
+++ b/.changeset/thick-teams-attend.md
@@ -0,0 +1,6 @@
+---
+"@gradio/highlightedtext": patch
+"gradio": patch
+---
+
+fix:Ensure `show_label` param is used in HighlightedText
diff --git a/js/highlightedtext/Index.svelte b/js/highlightedtext/Index.svelte
index ed153d61f7..6a1ba63de5 100644
--- a/js/highlightedtext/Index.svelte
+++ b/js/highlightedtext/Index.svelte
@@ -36,6 +36,7 @@
 	export let _selectable = false;
 	export let combine_adjacent = false;
 	export let interactive: boolean;
+	export let show_label = true;
 
 	$: if (!color_map && Object.keys(color_map).length) {
 		color_map = color_map;
@@ -73,12 +74,13 @@
 			{...loading_status}
 			on:clear_status={() => gradio.dispatch("clear_status", loading_status)}
 		/>
-		{#if label}
+		{#if label && show_label}
 			<BlockLabel
 				Icon={TextHighlight}
 				{label}
 				float={false}
 				disable={container === false}
+				{show_label}
 			/>
 		{/if}
 
@@ -115,12 +117,13 @@
 			i18n={gradio.i18n}
 			on:clear_status={() => gradio.dispatch("clear_status", loading_status)}
 		/>
-		{#if label}
+		{#if label && show_label}
 			<BlockLabel
 				Icon={TextHighlight}
 				{label}
 				float={false}
 				disable={container === false}
+				{show_label}
 			/>
 		{/if}
 
@@ -133,7 +136,7 @@
 				{color_map}
 			/>
 		{:else}
-			<Empty>
+			<Empty size="small" unpadded_box={true}>
 				<TextHighlight />
 			</Empty>
 		{/if}