@teachinglab/omd 0.7.23 → 0.7.25

package/canvas/ui/cursor.js

@@ -196,12 +196,13 @@ export class Cursor {
         const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
         group.setAttribute('data-shape', 'pointer');
         
-        // Standard arrow pointer cursor
+        // Use the same pointer cursor as the toolbar icon
         const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-        path.setAttribute('d', 'M 2,2 L 2,16 L 7,11 L 10,18 L 12,17 L 9,10 L 16,10 Z');
+        path.setAttribute('d', 'M1.63448 2.04462C1.60922 1.98633 1.60208 1.92179 1.61397 1.85938C1.62585 1.79697 1.65623 1.73958 1.70116 1.69466C1.74608 1.64973 1.80347 1.61935 1.86588 1.60747C1.92829 1.59558 1.99283 1.60272 2.05112 1.62798L12.2911 5.78798C12.3534 5.81335 12.4061 5.85768 12.4417 5.91469C12.4774 5.9717 12.4941 6.03849 12.4897 6.10557C12.4852 6.17266 12.4597 6.23663 12.4169 6.28842C12.374 6.3402 12.3159 6.37717 12.2508 6.39406L8.33144 7.40526C8.11 7.46219 7.90784 7.5774 7.74599 7.73891C7.58415 7.90042 7.46852 8.10234 7.41112 8.32366L6.40056 12.2443C6.38367 12.3094 6.3467 12.3675 6.29492 12.4104C6.24313 12.4532 6.17916 12.4787 6.11207 12.4832C6.04499 12.4876 5.9782 12.4709 5.92119 12.4352C5.86419 12.3996 5.81985 12.3469 5.79448 12.2846L1.63448 2.04462Z');
         path.setAttribute('fill', 'white');
         path.setAttribute('stroke', '#000000');
-        path.setAttribute('stroke-width', '1.2');
+        path.setAttribute('stroke-width', '1.28');
+        path.setAttribute('stroke-linecap', 'round');
         path.setAttribute('stroke-linejoin', 'round');
         
         group.appendChild(path);

package/canvas/ui/toolbar.js

@@ -28,6 +28,11 @@ export class Toolbar {
             this._updateActiveButton(event.detail.name);
         });
         
+        // Listen for canvas resize events to reposition toolbar
+        this.canvas.on('resized', () => {
+            this._updatePosition();
+        });
+        
         
     }
     

package/package.json

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

package/src/omd.js

@@ -28,6 +28,7 @@ import { omdRectangle } from "./omdShapes.js";
 import { omdEllipse } from "./omdShapes.js";
 import { omdCircle } from "./omdShapes.js";
 import { omdRegularPolygon } from "./omdShapes.js";
+import { omdLabel } from "./omdLabel.js";
 import { jsvgContainer } from "@teachinglab/jsvg";
 
 export class omd extends jsvgContainer
@@ -172,6 +173,9 @@ export class omd extends jsvgContainer
             case "regularPolygon":
                 N = new omdRegularPolygon();
                 break;
+            case "label":
+                N = new omdLabel();
+                break;
             default:
                 console.error(`Unsupported OMD type: ${omdType}. Available types: number, variable, operator, term, expression, powerExpression, rationalExpression, function, equation, numberLine, balanceHanger, tapeDiagram, numberTile, ratioChart, coordinatePlane, spinner, table, tileEquation, rightTriangle, isoscelesTriangle, rectangle, ellipse, circle, regularPolygon`);
                 return;