@teachinglab/omd 0.2.6 → 0.2.8

package/canvas/ui/toolbar.js

@@ -60,21 +60,6 @@ export class Toolbar {
         
     // Add to main SVG so it is rendered
     this.canvas.svg.appendChild(this.toolbarGroup.svgObject);
-        
-        
-        // Check if the SVG is actually in the DOM
-        setTimeout(() => {
-            
-            
-            // Check the actual SVG content
-            console.log('Toolbar SVG innerHTML:', this.toolbarGroup.svgObject.innerHTML);
-            console.log('Background SVG object:', this.background.svgObject);
-            console.log('Background SVG innerHTML:', this.background.svgObject.outerHTML);
-            
-            // Check if the background is visible
-            console.log('Background fill color:', this.background.svgObject.getAttribute('fill'));
-            console.log('Background width/height:', this.background.svgObject.getAttribute('width'), this.background.svgObject.getAttribute('height'));
-        }, 100);
     }
     
     /**

package/omd/config/omdConfigManager.js

@@ -27,8 +27,8 @@ const defaultConfig = {
     stepVisualizer: {
         dotSizes: {
             level0: 8,
-            level1: 6,
-            level2: 4
+            level1: 8,
+            level2: 8
         },
         fontWeights: {
             level0: 400,

package/omd/core/omdEquationStack.js

@@ -34,7 +34,9 @@ export class omdEquationStack extends jsvgGroup {
 
         // The sequence is the core. If a visualizer is needed, that's our sequence.
         if (options.stepVisualizer) {
-            this.sequence = new omdStepVisualizer(steps);
+            // Pass through step visualizer styling options
+            const stepVisualizerStyling = this.stylingOptions?.stepVisualizer || {};
+            this.sequence = new omdStepVisualizer(steps, stepVisualizerStyling);
         } else {
             this.sequence = new omdEquationSequenceNode(steps);
         }
@@ -44,6 +46,13 @@ export class omdEquationStack extends jsvgGroup {
             this.sequence.setDefaultEquationBackground(this.stylingOptions.equationBackground);
         }
 
+        // Apply step visualizer background styling if provided
+        if (options.stepVisualizer && this.stylingOptions?.stepVisualizerBackground) {
+            if (typeof this.sequence.setBackgroundStyle === 'function') {
+                this.sequence.setBackgroundStyle(this.stylingOptions.stepVisualizerBackground);
+            }
+        }
+
         // If a toolbar is needed, create it.
         if (this.toolbarOptions?.enabled) {
             // Default undo: call global hook if provided
@@ -508,7 +517,7 @@ export class omdEquationStack extends jsvgGroup {
             }
             if (seq.layoutManager) {
                 try {
-                    seq.layoutManager.updateVisualLayout();
+                    seq.layoutManager.updateVisualLayout(true); // Allow repositioning for equation stack changes
                     seq.layoutManager.updateVisualVisibility();
                     seq.layoutManager.updateAllLinePositions();
                 } catch (_) {}