@gradio/imageeditor 0.18.8 → 0.18.9

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @gradio/imageeditor
 
+## 0.18.9
+
+### Fixes
+
+- [#12981](https://github.com/gradio-app/gradio/pull/12981) [`8bc7513`](https://github.com/gradio-app/gradio/commit/8bc75137b24ba8a8571b49b9b006741819c0518b) - Fix ImageEditor brush preview dead area on vertical images.  Thanks @MaxwellCalkin!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/image@0.26.1
+
 ## 0.18.8
 
 ### Dependency updates

package/dist/shared/brush/brush-textures.js

@@ -286,10 +286,9 @@ export class BrushTextures {
      * Reinitializes textures when needed (e.g., after resizing).
      */
     reinitialize() {
-        if (this.image_editor_context.image_container.width !==
-            this.dimensions.width ||
-            this.image_editor_context.image_container.height !==
-                this.dimensions.height) {
+        const local_bounds = this.image_editor_context.image_container.getLocalBounds();
+        if (Math.round(local_bounds.width) !== Math.round(this.dimensions.width) ||
+            Math.round(local_bounds.height) !== Math.round(this.dimensions.height)) {
             this.initialize_textures();
         }
     }

package/dist/shared/brush/brush.js

@@ -128,7 +128,16 @@ export class BrushTool {
         const mode_changed = this.state.mode !== new_mode;
         const needs_brush_tool = tool === "erase" || tool === "draw";
         const textures_initialized = this.brush_textures?.textures_initialized ?? false;
-        if (needs_brush_tool && (mode_changed || !textures_initialized)) {
+        let dimensions_changed = false;
+        if (this.brush_textures && textures_initialized) {
+            const current_bounds = this.image_editor_context.image_container.getLocalBounds();
+            const tex_dims = this.brush_textures.get_dimensions();
+            dimensions_changed =
+                Math.round(current_bounds.width) !== Math.round(tex_dims.width) ||
+                    Math.round(current_bounds.height) !== Math.round(tex_dims.height);
+        }
+        if (needs_brush_tool &&
+            (mode_changed || !textures_initialized || dimensions_changed)) {
             this.brush_textures?.initialize_textures();
         }
         if (this.state.mode !== new_mode) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/imageeditor",
-  "version": "0.18.8",
+  "version": "0.18.9",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -11,16 +11,16 @@
     "pixi-filters": "^6.1.4",
     "pixi.js": "^8.14.0",
     "tinycolor2": "^1.6.0",
-    "@gradio/atoms": "^0.22.2",
-    "@gradio/client": "^2.1.0",
+    "@gradio/atoms": "^0.23.0",
     "@gradio/icons": "^0.15.1",
-    "@gradio/statustracker": "^0.13.0",
-    "@gradio/image": "^0.26.0",
-    "@gradio/upload": "^0.17.7",
-    "@gradio/utils": "^0.12.1"
+    "@gradio/client": "^2.1.0",
+    "@gradio/image": "^0.26.1",
+    "@gradio/statustracker": "^0.13.1",
+    "@gradio/utils": "^0.12.2",
+    "@gradio/upload": "^0.17.8"
   },
   "devDependencies": {
-    "@gradio/preview": "^0.16.1"
+    "@gradio/preview": "^0.16.2"
   },
   "main_changeset": true,
   "main": "./Index.svelte",

package/shared/brush/brush-textures.ts

@@ -399,11 +399,11 @@ export class BrushTextures {
 	 * Reinitializes textures when needed (e.g., after resizing).
 	 */
 	reinitialize(): void {
+		const local_bounds =
+			this.image_editor_context.image_container.getLocalBounds();
 		if (
-			this.image_editor_context.image_container.width !==
-				this.dimensions.width ||
-			this.image_editor_context.image_container.height !==
-				this.dimensions.height
+			Math.round(local_bounds.width) !== Math.round(this.dimensions.width) ||
+			Math.round(local_bounds.height) !== Math.round(this.dimensions.height)
 		) {
 			this.initialize_textures();
 		}

package/shared/brush/brush.ts

@@ -169,7 +169,20 @@ export class BrushTool implements Tool {
 		const textures_initialized =
 			this.brush_textures?.textures_initialized ?? false;
 
-		if (needs_brush_tool && (mode_changed || !textures_initialized)) {
+		let dimensions_changed = false;
+		if (this.brush_textures && textures_initialized) {
+			const current_bounds =
+				this.image_editor_context.image_container.getLocalBounds();
+			const tex_dims = this.brush_textures.get_dimensions();
+			dimensions_changed =
+				Math.round(current_bounds.width) !== Math.round(tex_dims.width) ||
+				Math.round(current_bounds.height) !== Math.round(tex_dims.height);
+		}
+
+		if (
+			needs_brush_tool &&
+			(mode_changed || !textures_initialized || dimensions_changed)
+		) {
 			this.brush_textures?.initialize_textures();
 		}