@euphrasiologist/lwphylo 1.2.10 → 1.2.12

package/dist/drawPhylogeny.esm.js

@@ -40,6 +40,21 @@ function describeArc(cx, cy, radius, startAngle, endAngle) {
   return `M ${p0.x} ${p0.y} A ${radius} ${radius} 0 ${largeArcFlag} ${sweepFlag} ${p1.x} ${p1.y}`;
 }
 
+// src/radial/describeArcSweep.js
+const TAU$1 = Math.PI * 2;
+const norm$1 = (t) => ((t % TAU$1) + TAU$1) % TAU$1;
+
+function describeArcSweep(cx, cy, r, a0, a1, sweep /*0=CCW,1=CW*/) {
+  const delta = sweep === 0 ? norm$1(a1 - a0) : norm$1(a0 - a1);
+  if (!(r > 0) || delta < 1e-9) return "";
+  const largeArcFlag = delta > Math.PI ? 1 : 0;
+
+  const x0 = cx + r * Math.cos(a0), y0 = cy - r * Math.sin(a0);
+  const x1 = cx + r * Math.cos(a1), y1 = cy - r * Math.sin(a1);
+
+  return `M ${x0} ${y0} A ${r} ${r} 0 ${largeArcFlag} ${sweep} ${x1} ${y1}`;
+}
+
 /**
  * Recursive function for pre-order traversal of tree (returns array)
  */
@@ -1109,6 +1124,7 @@ function drawPhylogeny(
       .scaleLinear()
       .domain([-scaleRadial, scaleRadial])
       .range([h, 0]);
+
     const radiusPx = (r) => r * (w / (2 * scaleRadial));
 
     // ===== INDEXES / HELPERS =====
@@ -1162,14 +1178,24 @@ function drawPhylogeny(
       .data(rad.arcs)
       .join("path")
       .attr("d", (d) =>
-        describeArc(
-          centerX,
-          centerY,
-          Math.max(0, radiusPx(d.radius)),
-          d.start,
-          d.end
-        )
+        d.sweep == null
+          ? describeArc(
+            centerX,
+            centerY,
+            radiusPx(d.radius),
+            d.start,
+            d.end
+          )
+          : describeArcSweep(
+            centerX,
+            centerY,
+            radiusPx(d.radius),
+            d.start,
+            d.end,
+            d.sweep
+          )
       )
+
       .attr("fill", "none")
       .attr("stroke", "#777")
       .attr("stroke-width", strokeWidth);
@@ -1293,7 +1319,7 @@ function drawPhylogeny(
 
       // label hover
       labels
-        .on("mouseenter", function(event, d) {
+        .on("mouseenter", function(_event, d) {
           drawRadialPath(d, hoverLines, hoverArcs, hoverStroke, hoverWidth);
           d3.select(this).select("text").attr("font-weight", 600);
         })
@@ -1350,15 +1376,23 @@ function drawPhylogeny(
         if (a) {
           arcLayer
             .append("path")
-            .attr(
-              "d",
-              describeArc(
-                centerX,
-                centerY,
-                Math.max(0, radiusPx(a.radius)),
-                a.start,
-                a.end
-              )
+            .attr("d", (d) =>
+              d.sweep == null
+                ? describeArc(
+                  centerX,
+                  centerY,
+                  radiusPx(d.radius),
+                  d.start,
+                  d.end
+                )
+                : describeArcSweep(
+                  centerX,
+                  centerY,
+                  radiusPx(d.radius),
+                  d.start,
+                  d.end,
+                  d.sweep
+                )
             )
             .attr("fill", "none")
             .attr("stroke", stroke)