@eaprelsky/nocturna-wheel 3.0.1 → 3.0.2

package/dist/nocturna-wheel.es.js

@@ -287,7 +287,7 @@ class IconProvider {
 /**
  * IconData.js
  * Auto-generated module containing inline SVG icons as data URLs
- * Generated at: 2025-11-14T10:26:57.036Z
+ * Generated at: 2025-11-14T16:02:20.923Z
  * 
  * This file is automatically generated by the build process.
  * Do not edit manually - changes will be overwritten.
@@ -1986,10 +1986,21 @@ class ZodiacRenderer extends BaseRenderer {
         ];
 
         circles.forEach(circleData => {
+            // Determine stroke color and width based on circle type
+            let strokeColor = "#999";
+            let strokeWidth = "0.5";
+            if (circleData.class === "chart-outer-circle") {
+                strokeColor = "#666";
+                strokeWidth = "1";
+            }
+            
             const circle = this.svgUtils.createSVGElement("circle", {
                 cx: this.centerX,
                 cy: this.centerY,
                 r: circleData.r,
+                fill: "transparent", // Explicitly set transparent fill to avoid default black
+                stroke: strokeColor, // Explicitly set stroke to ensure visibility
+                "stroke-width": strokeWidth, // Explicitly set stroke width
                 class: `zodiac-element ${circleData.class}` // Add base class
             });
             parentGroup.appendChild(circle);
@@ -2024,6 +2035,8 @@ class ZodiacRenderer extends BaseRenderer {
                 y1: point1.y,
                 x2: point2.x,
                 y2: point2.y,
+                stroke: "#999", // Explicitly set stroke to ensure visibility
+                "stroke-width": "0.75", // Explicitly set stroke width
                 class: `zodiac-element zodiac-division-line ${specialClass}`
             });
 
@@ -2215,12 +2228,34 @@ class HouseRenderer extends BaseRenderer {
             const innerPoint = this.svgUtils.pointOnCircle(this.centerX, this.centerY, this.innerRadius, angle);
             const middlePoint = this.svgUtils.pointOnCircle(this.centerX, this.centerY, this.middleRadius, angle);
             
+            // Determine stroke color and width based on line type
+            let innerStrokeColor = "#999";
+            let innerStrokeWidth = "0.75";
+            
+            let outerStrokeColor = "#999";
+            let outerStrokeWidth = "0.75";
+            let outerStrokeDasharray = null;
+            
+            if (axisClass.includes('axis')) {
+                // Cardinal points (ASC, DSC, IC, MC) - solid, darker
+                innerStrokeColor = "#555";
+                innerStrokeWidth = "1";
+                outerStrokeColor = "#555";
+                outerStrokeWidth = "1";
+                // Axes are always solid
+            } else {
+                // Regular lines - outer lines are dashed
+                outerStrokeDasharray = "2,2";
+            }
+            
             // Create line from inner to middle circle
             const innerLine = this.svgUtils.createSVGElement("line", {
                 x1: innerPoint.x,
                 y1: innerPoint.y,
                 x2: middlePoint.x,
                 y2: middlePoint.y,
+                stroke: innerStrokeColor, // Explicitly set stroke to ensure visibility
+                "stroke-width": innerStrokeWidth, // Explicitly set stroke width
                 class: `house-element house-division-line ${axisClass}`
             });
             
@@ -2242,13 +2277,21 @@ class HouseRenderer extends BaseRenderer {
             const extendedPoint = this.svgUtils.pointOnCircle(this.centerX, this.centerY, this.extendedRadius, angle);
             
             // Create line from outer circle to extended point
-            const outerLine = this.svgUtils.createSVGElement("line", {
+            const outerLineAttrs = {
                 x1: outerPoint.x,
                 y1: outerPoint.y,
                 x2: extendedPoint.x,
                 y2: extendedPoint.y,
+                stroke: outerStrokeColor, // Explicitly set stroke to ensure visibility
+                "stroke-width": outerStrokeWidth, // Explicitly set stroke width
                 class: `house-element house-division-line outer ${axisClass}`
-            });
+            };
+            
+            if (outerStrokeDasharray) {
+                outerLineAttrs["stroke-dasharray"] = outerStrokeDasharray;
+            }
+            
+            const outerLine = this.svgUtils.createSVGElement("line", outerLineAttrs);
             
             // Ensure cardinal points render above zodiac lines
             if (axisClass.includes('axis')) {
@@ -5338,6 +5381,9 @@ class ChartRenderer {
             cx: centerX,
             cy: centerY,
             r: radius,
+            fill: "transparent", // Explicitly set transparent fill to avoid default black
+            stroke: "#999", // Explicitly set stroke to ensure visibility
+            "stroke-width": "0.5", // Explicitly set stroke width
             class: 'zodiac-element chart-innermost-circle'
         });
         zodiacGroup.appendChild(innermostCircle);
@@ -5742,11 +5788,21 @@ function cleanup() {
   }
 }
 
-// Initialize the chart when the DOM is ready
-document.addEventListener('DOMContentLoaded', initChart);
+// Auto-initialization is DISABLED in production builds to prevent conflicts.
+// This demo code should only run in development mode with Vite dev server.
+// In production, users explicitly create their own chart instances.
 
-// Handle hot module replacement for Vite
+// Handle hot module replacement for Vite (development only)
 if (import.meta.hot) {
+  // Initialize the chart when the DOM is ready (ONLY in development)
+  document.addEventListener('DOMContentLoaded', () => {
+    const container = document.getElementById('chart-container');
+    if (container && container.children.length === 0) {
+      console.log('DEV MODE: Auto-initializing demo chart');
+      initChart();
+    }
+  });
+
   import.meta.hot.accept((newModule) => {
     console.log('HMR update for main.js');
     cleanup();