@eaprelsky/nocturna-wheel 3.0.1 → 3.0.2

package/dist/nocturna-wheel.bundle.js

@@ -293,7 +293,7 @@
     /**
      * IconData.js
      * Auto-generated module containing inline SVG icons as data URLs
-     * Generated at: 2025-11-14T10:26:57.781Z
+     * Generated at: 2025-11-14T16:02:21.686Z
      * 
      * This file is automatically generated by the build process.
      * Do not edit manually - changes will be overwritten.
@@ -1992,10 +1992,21 @@
             ];
 
             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);
@@ -2030,6 +2041,8 @@
                     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}`
                 });
 
@@ -2221,12 +2234,34 @@
                 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}`
                 });
                 
@@ -2248,13 +2283,21 @@
                 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')) {
@@ -5344,6 +5387,9 @@
                 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);
@@ -5748,11 +5794,21 @@
       }
     }
 
-    // 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 (undefined) {
+      // 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();
+        }
+      });
+
       undefined.accept((newModule) => {
         console.log('HMR update for main.js');
         cleanup();