Upload folder using huggingface_hub

.gitattributes

@@ -34,3 +34,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 src/images/demo_2.png filter=lfs diff=lfs merge=lfs -text
+src/images/demo.png filter=lfs diff=lfs merge=lfs -text

README.md

@@ -1,26 +1,11 @@
----
-tags:
-- gradio-custom-component
-- gradio-template-Image
-- bounding box
-- annotator
-- annotate
-- boxes
-title: gradio_image_annotation V0.2.3
-colorFrom: yellow
-colorTo: green
-sdk: docker
-pinned: false
-license: apache-2.0
-short_description: A Gradio component for image annotation
----
-
 
 # `gradio_image_annotation`
 <a href="https://pypi.org/project/gradio_image_annotation/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_image_annotation"></a>  
 
 A Gradio component that can be used to annotate images with bounding boxes.
 
+![Demo preview](images/demo.png)
+
 ## Installation
 
 ```bash

src/README.md

@@ -4,6 +4,8 @@
 
 A Gradio component that can be used to annotate images with bounding boxes.
 
+![Demo preview](images/demo.png)
+
 ## Installation
 
 ```bash

src/frontend/shared/Canvas.svelte

@@ -217,7 +217,6 @@
 		box.startCreating(event, rect.left, rect.top);
 		if (singleBox) {
 			value.boxes = [box];
-			setDragMode();
 		} else {
 			value.boxes = [box, ...value.boxes];
 		}
@@ -240,8 +239,13 @@
 		if (selectedBox >= 0 && selectedBox < value.boxes.length) {
 			if (value.boxes[selectedBox].getArea() < 1) {
 				onDeleteBox();
-			} else if (!disableEditBoxes){
-				newModalVisible = true;
+			} else {
+				if (!disableEditBoxes) {
+					newModalVisible = true;
+				}
+				if (singleBox) {
+					setDragMode();
+				}
 			}
 		}
 	}

src/frontend/shared/ImageAnnotator.svelte

@@ -50,12 +50,6 @@
 		dispatch("upload");
 	}
 
-	function handle_clear(): void {
-		clear();
-		dispatch("clear");
-		dispatch("change");
-	}
-
 	async function handle_save(img_blob: Blob | any): Promise<void> {
 		const f = await upload.load_files([new File([img_blob], `webcam.png`)]);
 		const image = f?.[0] || null;
@@ -101,6 +95,8 @@
 
 	function clear() {
 		value = null;
+		dispatch("clear");
+		dispatch("change");
 	}
 </script>
 
@@ -196,7 +192,7 @@
 		<SelectSource
 			{sources}
 			bind:active_source
-			{handle_clear}
+			handle_clear={clear}
 			handle_select={handle_select_source}
 		/>
 	{/if}

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_image_annotation"
-version = "0.2.3"
+version = "0.2.4"
 description = "A Gradio component that can be used to annotate images with bounding boxes."
 readme = "README.md"
 license = "MIT"