link strokeOpacity

Author: mbostock

src/marks/link.js

@@ -1,7 +1,7 @@
 import {ascending} from "d3";
 import {create} from "d3";
 import {filter} from "../defined.js";
-import {Mark, maybeColor, title} from "../mark.js";
+import {Mark, maybeColor, maybeNumber, title} from "../mark.js";
 import {Style, applyDirectStyles, applyIndirectStyles, applyTransform, applyAttr} from "../style.js";
 
 export class Link extends Mark {
@@ -15,10 +15,12 @@ export class Link extends Mark {
       z,
       title,
       stroke,
+      strokeOpacity,
       ...options
     } = {}
   ) {
     const [vstroke, cstroke] = maybeColor(stroke, "currentColor");
+    const [vstrokeOpacity, cstrokeOpacity] = maybeNumber(strokeOpacity);
     super(
       data,
       [
@@ -28,18 +30,23 @@ export class Link extends Mark {
         {name: "y2", value: y2, scale: "y"},
         {name: "z", value: z, optional: true},
         {name: "title", value: title, optional: true},
-        {name: "stroke", value: vstroke, scale: "color", optional: true}
+        {name: "stroke", value: vstroke, scale: "color", optional: true},
+        {name: "strokeOpacity", value: vstrokeOpacity, scale: "opacity", optional: true}
       ],
       options
     );
-    Style(this, {stroke: cstroke, ...options});
+    Style(this, {
+      stroke: cstroke,
+      strokeOpacity: cstrokeOpacity,
+      ...options
+    });
   }
   render(
     I,
     {x, y},
-    {x1: X1, y1: Y1, x2: X2, y2: Y2, z: Z, title: L, stroke: S}
+    {x1: X1, y1: Y1, x2: X2, y2: Y2, z: Z, title: L, stroke: S, strokeOpacity: SO}
   ) {
-    const index = filter(I, X1, Y1, X2, Y2, S);
+    const index = filter(I, X1, Y1, X2, Y2, S, SO);
     if (Z) index.sort((i, j) => ascending(Z[i], Z[j]));
     return create("svg:g")
         .call(applyIndirectStyles, this)
@@ -53,6 +60,7 @@ export class Link extends Mark {
             .attr("x2", i => X2[i])
             .attr("y2", i => Y2[i])
             .call(applyAttr, "stroke", S && (i => S[i]))
+            .call(applyAttr, "stroke-opacity", SO && (i => SO[i]))
             .call(title(L)))
       .node();
   }