@eaprelsky/nocturna-wheel 4.0.0 → 4.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-23T10:05:26.626Z
+     * Generated at: 2025-12-21T14:49:28.184Z
      * 
      * This file is automatically generated by the build process.
      * Do not edit manually - changes will be overwritten.
@@ -2337,21 +2337,26 @@
                 // Offset needed to place Ascendant (house 1 cusp) at 0 degrees (top side)
                 ascendantAlignmentOffset = (360 - ascendantLon) % 360;
             }
-            
-            // Add Roman numerals for house numbers
+
+            // Render house numbers at the CENTER of each house sector.
+            // If house cusp data is available, compute the midpoint between cusp[i] and cusp[i+1] (with proper 0/360 wrap).
+            // Otherwise, fall back to equal 30° houses.
             for (let i = 0; i < 12; i++) {
-                // Get house angle with rotation
-                let baseHouseAngle;
+                const houseNumber = i + 1;
+
+                let midAngle;
                 if (this.houseData && this.houseData.length >= 12) {
-                    baseHouseAngle = this.getHouseLongitude(this.houseData[i]);
+                    const startLon = this.getHouseLongitude(this.houseData[i]);
+                    const endLon = this.getHouseLongitude(this.houseData[(i + 1) % 12]);
+                    const arc = (endLon - startLon + 360) % 360; // always move forward through the zodiac
+                    const midLon = (startLon + arc / 2) % 360;
+                    midAngle = (midLon + ascendantAlignmentOffset + rotationAngle) % 360;
                 } else {
-                    baseHouseAngle = i * 30; // Default if no data
+                    // Equal houses: center of each 30° segment
+                    midAngle = (i * 30 + 15 + rotationAngle) % 360;
                 }
-                 // Apply alignment offset and user rotation
-                const houseAngle = (baseHouseAngle + ascendantAlignmentOffset + rotationAngle) % 360;
                 
-                // Offset text from house line clockwise
-                const angle = (houseAngle + 15) % 360; // Place in middle of house segment, apply modulo
+                const angle = midAngle;
                 
                 // Calculate position for house number
                 const point = this.svgUtils.pointOnCircle(this.centerX, this.centerY, this.numberRadius, angle);
@@ -2384,11 +2389,11 @@
                     text.setAttribute("dominant-baseline", "middle");
                 }
                 
-                // Set house number as text (Roman numeral)
-                text.textContent = AstrologyUtils.houseToRoman(i + 1);
+                // Set house number as text (Roman numeral) - now based on visual position
+                text.textContent = AstrologyUtils.houseToRoman(houseNumber);
                 
                 // Add tooltip with house information
-                this.svgUtils.addTooltip(text, `House ${i + 1}`);
+                this.svgUtils.addTooltip(text, `House ${houseNumber}`);
                 
                 parentGroup.appendChild(text);
                 elements.push(text);
@@ -2847,8 +2852,8 @@
             const adjustedPositions = [...positions];
             
             // The minimum angular distance needed to prevent overlap at base radius
-            // Add safety factor to ensure visual separation
-            const minAngularDistance = (minDistance / baseRadius) * (180 / Math.PI) * 1.3; // 30% extra spacing
+            // minDistance already includes the desired spacing (iconSize * 1.5)
+            const minAngularDistance = (minDistance / baseRadius) * (180 / Math.PI);
             console.log(`PlanetPositionCalculator: Minimum angular distance: ${minAngularDistance.toFixed(2)}°`);
             
             // Sort positions by longitude for overlap detection
@@ -3025,8 +3030,8 @@
             let centerAngle = (sumAngles / n) % 360;
             
             // Determine minimum arc needed for n planets with minimum spacing
-            // Add extra spacing factor to ensure planets don't overlap
-            const minRequiredArc = (n - 1) * minAngularDistance * 1.2; // 20% extra spacing
+            // minAngularDistance already includes the desired spacing
+            const minRequiredArc = (n - 1) * minAngularDistance;
             
             // Always use at least the minimum required arc
             const spanToUse = Math.max(minRequiredArc, totalArc);
@@ -3114,7 +3119,8 @@
             // Define parameters for collision detection and distribution
             const iconSize = 24;
             const baseRadius = planets[0].iconRadius; // Use the iconRadius from the first planet
-            const minDistance = iconSize * 1.2;
+            // Minimum distance = icon diameter + half diameter (0.5 * iconSize spacing between icons)
+            const minDistance = iconSize * 1.5;
             
             // Prepare planets array in format expected by PlanetPositionCalculator
             const positions = planets.map((planet, index) => ({
@@ -3296,7 +3302,8 @@
             // Define parameters for collision detection and distribution
             const iconSize = 18; // Smaller size for secondary planets
             const baseRadius = planets[0].iconRadius; // Use the iconRadius from the first planet
-            const minDistance = iconSize * 1.1; // Slightly tighter packing
+            // Minimum distance = icon diameter + half diameter (0.5 * iconSize spacing between icons)
+            const minDistance = iconSize * 1.5;
             
             // Prepare planets array in format expected by PlanetPositionCalculator
             const positions = planets.map((planet, index) => ({