@teachinglab/omd 0.1.7 → 0.1.9

package/omd/utils/omdStepVisualizerInteractiveSteps.js

@@ -1,5 +1,5 @@
 import { omdColor } from '../../src/omdColor.js';
-import { jsvgLayoutGroup, jsvgTextBox } from '@teachinglab/jsvg';
+import { jsvgLayoutGroup, jsvgTextBox, jsvgRect } from '@teachinglab/jsvg';
 /**
  * Creates interactive step elements using jsvgLayoutGroup for multiple simplification steps
  * Each step is a separate jsvgTextBox that can have hover interactions with the omdSequence

package/package.json

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

package/src/omdBalanceHanger.js

@@ -103,11 +103,8 @@ export class omdBalanceHanger extends jsvgGroup
         const displayWidth = Math.max(300, contentWidth + padding);
         const displayHeight = Math.max(200, contentHeight + padding);
         this.setWidthAndHeight(displayWidth, displayHeight);
-        // Store desired viewBox on the group so the wrapper <svg> can use it
-        // Centered on (0,0) to accommodate negative/positive coordinates used above
         this.svgObject.setAttribute("viewBox", `${-displayWidth/2} ${-displayHeight/2} ${displayWidth} ${displayHeight}`);
-        // Ensure no extra offset; content already drawn around origin
-        this.setPosition(0, 0);
+        this.setPosition(-displayWidth / 2, -displayHeight / 2);
     }
 
     makeValueStack( values, xOffset, yOffset )