@teachinglab/omd 0.7.26 → 0.7.27

package/canvas/ui/toolbar.js

@@ -45,12 +45,26 @@ export class Toolbar {
         
         // Create a jsvgGroup for the toolbar
         this.toolbarGroup = new jsvgGroup();
+        this.toolbarGroup.svgObject.style.cursor = 'none';
         
         // Stop pointer events from bubbling to canvas to prevent drawing while interacting with toolbar
         const stopPropagation = (e) => e.stopPropagation();
         this.toolbarGroup.svgObject.addEventListener('pointerdown', stopPropagation);
-        this.toolbarGroup.svgObject.addEventListener('pointermove', stopPropagation);
         this.toolbarGroup.svgObject.addEventListener('pointerup', stopPropagation);
+
+        // Keep the custom cursor alive while hovering toolbar controls.
+        this.toolbarGroup.svgObject.addEventListener('pointermove', (e) => {
+            e.stopPropagation();
+            this._syncCanvasCursor(e);
+        });
+        this.toolbarGroup.svgObject.addEventListener('pointerenter', (e) => {
+            this._syncCanvasCursor(e, true);
+        });
+        this.toolbarGroup.svgObject.addEventListener('pointerleave', () => {
+            if (this.canvas.cursor) {
+                this.canvas.cursor.hide();
+            }
+        });
         
         // Create background rectangle
         this.background = new jsvgRect();
@@ -311,4 +325,22 @@ export class Toolbar {
         }
         this.buttons.clear();
     }
+
+    _syncCanvasCursor(event, forceShow = false) {
+        if (!this.canvas?.cursor || !this.canvas?.clientToSVG) return;
+
+        const canvasCoords = this.canvas.clientToSVG(event.clientX, event.clientY);
+        this.canvas.cursor.setPosition(canvasCoords.x, canvasCoords.y);
+
+        if (forceShow) {
+            this.canvas.cursor.show();
+            const activeTool = this.canvas.toolManager?.getActiveTool?.();
+            if (activeTool?.getCursor) {
+                this.canvas.cursor.setShape(activeTool.getCursor());
+            }
+            if (activeTool?.config) {
+                this.canvas.cursor.updateFromToolConfig(activeTool.config);
+            }
+        }
+    }
 } 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teachinglab/omd",
-  "version": "0.7.26",
+  "version": "0.7.27",
   "description": "omd",
   "main": "./index.js",
   "module": "./index.js",