Merge branch 'master' into link-layers

ci/release/changelogs/next.md

@@ -1,10 +1,15 @@
 #### Features 🚀
 
+- `border-radius` is now supported on connections (ELK and TALA only, since Dagre uses curves). [#913](https://github.com/terrastruct/d2/pull/913)
+
 #### Improvements 🧹
 
 - PDF exports now support external links on shapes [#891](https://github.com/terrastruct/d2/issues/891)
+- SVGs are fit to top left by default to avoid issues with zooming. [#954](https://github.com/terrastruct/d2/pull/954)
+- Person shapes now have labels below them and don't need to expand as much. [#960](https://github.com/terrastruct/d2/pull/960)
 
 #### Bugfixes ⛑️
 
 - Fixes a regression where PNG backgrounds could be cut off in the appendix. [#941](https://github.com/terrastruct/d2/pull/941)
 - Fixes zooming not working in watch mode. [#944](https://github.com/terrastruct/d2/pull/944)
+- [API] Fixes `DeleteIDDeltas` giving duplicate deltas in rare cases. [#957](https://github.com/terrastruct/d2/pull/957)

d2exporter/export.go

@@ -206,6 +206,10 @@ func toConnection(edge *d2graph.Edge) d2target.Connection {
 		}
 	}
 
+	if edge.Attributes.Style.BorderRadius != nil {
+		connection.BorderRadius, _ = strconv.ParseFloat(edge.Attributes.Style.BorderRadius.Value, 64)
+	}
+
 	if edge.Attributes.Style.Opacity != nil {
 		connection.Opacity, _ = strconv.ParseFloat(edge.Attributes.Style.Opacity.Value, 64)
 	}

d2graph/d2graph.go

@@ -455,6 +455,18 @@ func (obj *Object) IsContainer() bool {
 	return len(obj.Children) > 0
 }
 
+func (obj *Object) HasOutsideBottomLabel() bool {
+	if obj == nil || obj.Attributes == nil {
+		return false
+	}
+	switch obj.Attributes.Shape.Value {
+	case d2target.ShapeImage, d2target.ShapePerson:
+		return true
+	default:
+		return false
+	}
+}
+
 func (obj *Object) AbsID() string {
 	if obj.Parent != nil && obj.Parent.ID != "" {
 		return obj.Parent.AbsID() + "." + obj.ID
@@ -1334,7 +1346,13 @@ func (g *Graph) SetDimensions(mtexts []*d2target.MText, ruler *textmeasure.Ruler
 			}
 		}
 
-		fitWidth, fitHeight := s.GetDimensionsToFit(contentBox.Width, contentBox.Height, paddingX, paddingY)
+		var fitWidth, fitHeight float64
+		if shapeType == shape.PERSON_TYPE {
+			fitWidth = contentBox.Width + paddingX
+			fitHeight = contentBox.Height + paddingY
+		} else {
+			fitWidth, fitHeight = s.GetDimensionsToFit(contentBox.Width, contentBox.Height, paddingX, paddingY)
+		}
 		obj.Width = math.Max(float64(desiredWidth), fitWidth)
 		obj.Height = math.Max(float64(desiredHeight), fitHeight)
 		if s.AspectRatio1() {

d2layouts/d2dagrelayout/layout.go

@@ -149,7 +149,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 
 		height := obj.Height
 		if obj.LabelWidth != nil && obj.LabelHeight != nil {
-			if obj.Attributes.Shape.Value == d2target.ShapeImage || obj.Attributes.Icon != nil {
+			if obj.HasOutsideBottomLabel() || obj.Attributes.Icon != nil {
 				height += float64(*obj.LabelHeight) + label.PADDING
 			}
 			if len(obj.ChildrenArray) > 0 {
@@ -217,7 +217,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		if obj.LabelWidth != nil && obj.LabelHeight != nil {
 			if len(obj.ChildrenArray) > 0 {
 				obj.LabelPosition = go2.Pointer(string(label.OutsideTopCenter))
-			} else if obj.Attributes.Shape.Value == d2target.ShapeImage {
+			} else if obj.HasOutsideBottomLabel() {
 				obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter))
 				// remove the extra height we added to the node when passing to dagre
 				obj.Height -= float64(*obj.LabelHeight) + label.PADDING

d2layouts/d2elklayout/layout.go

@@ -179,7 +179,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		height := obj.Height
 		width := obj.Width
 		if obj.LabelWidth != nil && obj.LabelHeight != nil {
-			if obj.Attributes.Shape.Value == d2target.ShapeImage || obj.Attributes.Icon != nil {
+			if obj.HasOutsideBottomLabel() || obj.Attributes.Icon != nil {
 				height += float64(*obj.LabelHeight) + label.PADDING
 			}
 			width = go2.Max(width, float64(*obj.LabelWidth))
@@ -332,7 +332,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
 		if obj.LabelWidth != nil && obj.LabelHeight != nil {
 			if len(obj.ChildrenArray) > 0 {
 				obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
-			} else if obj.Attributes.Shape.Value == d2target.ShapeImage {
+			} else if obj.HasOutsideBottomLabel() {
 				obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter))
 				obj.Height -= float64(*obj.LabelHeight) + label.PADDING
 			} else if obj.Attributes.Icon != nil {

d2layouts/d2near/layout.go

@@ -8,7 +8,6 @@ import (
 	"strings"
 
 	"oss.terrastruct.com/d2/d2graph"
-	"oss.terrastruct.com/d2/d2target"
 	"oss.terrastruct.com/d2/lib/geo"
 	"oss.terrastruct.com/d2/lib/label"
 	"oss.terrastruct.com/util-go/go2"
@@ -43,7 +42,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, constantNears []*d2graph.Obje
 
 	// These shapes skipped core layout, which means they also skipped label placements
 	for _, obj := range constantNears {
-		if obj.Attributes.Shape.Value == d2target.ShapeImage {
+		if obj.HasOutsideBottomLabel() {
 			obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter))
 		} else if obj.Attributes.Icon != nil {
 			obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))

d2layouts/d2sequence/sequence_diagram.go

@@ -335,9 +335,8 @@ func (sd *sequenceDiagram) adjustGroupLabel(group *d2graph.Object) {
 func (sd *sequenceDiagram) placeActors() {
 	centerX := sd.actors[0].Width / 2.
 	for rank, actor := range sd.actors {
-		shape := actor.Attributes.Shape.Value
 		var yOffset float64
-		if shape == d2target.ShapeImage || shape == d2target.ShapePerson {
+		if actor.HasOutsideBottomLabel() {
 			actor.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter))
 			yOffset = sd.maxActorHeight - actor.Height
 			if actor.LabelHeight != nil {

d2oracle/edit.go

@@ -24,7 +24,7 @@ import (
 func Create(g *d2graph.Graph, key string) (_ *d2graph.Graph, newKey string, err error) {
 	defer xdefer.Errorf(&err, "failed to create %#v", key)
 
-	newKey, edge, err := generateUniqueKey(g, key)
+	newKey, edge, err := generateUniqueKey(g, key, nil, nil)
 	if err != nil {
 		return nil, "", err
 	}
@@ -681,6 +681,8 @@ func renameConflictsToParent(g *d2graph.Graph, key *d2ast.KeyPath) (*d2graph.Gra
 			absKeys = append(absKeys, absKey)
 		}
 
+		var newIDs []string
+		renames := make(map[string]string)
 		for _, absKey := range absKeys {
 			ida := d2graph.Key(absKey)
 			absKeyStr := strings.Join(ida, ".")
@@ -700,10 +702,11 @@ func renameConflictsToParent(g *d2graph.Graph, key *d2ast.KeyPath) (*d2graph.Gra
 			hoistedAbsKey.Path = append(hoistedAbsKey.Path, ref.Key.Path[:ref.KeyPathIndex]...)
 			hoistedAbsKey.Path = append(hoistedAbsKey.Path, absKey.Path[len(absKey.Path)-1])
 
-			uniqueKeyStr, _, err := generateUniqueKey(g, strings.Join(d2graph.Key(hoistedAbsKey), "."))
+			uniqueKeyStr, _, err := generateUniqueKey(g, strings.Join(d2graph.Key(hoistedAbsKey), "."), obj, newIDs)
 			if err != nil {
 				return nil, err
 			}
+			newIDs = append(newIDs, uniqueKeyStr)
 			uniqueKey, err := d2parser.ParseKey(uniqueKeyStr)
 			if err != nil {
 				return nil, err
@@ -714,10 +717,29 @@ func renameConflictsToParent(g *d2graph.Graph, key *d2ast.KeyPath) (*d2graph.Gra
 
 			renamedKeyStr := strings.Join(d2graph.Key(renamedKey), ".")
 			if absKeyStr != renamedKeyStr {
-				g, err = move(g, absKeyStr, renamedKeyStr)
-				if err != nil {
-					return nil, err
-				}
+				renames[absKeyStr] = renamedKeyStr
+			}
+		}
+		// We need to rename in a conflict-free order
+		// E.g. imagine you have children `Text 4` and `Text`.
+		// `Text 4` would get renamed to `Text` and `Text` gets renamed to `Text 2`
+		// But if we follow that order, then both would get named to `Text 2`
+		// So order such that the ones that have a conflict are done last, after the no-conflict ones are done
+		// A cycle would never occur, as the uniqueness constraint is guaranteed
+		var renameOrder []string
+		for k, v := range renames {
+			// conflict
+			if _, ok := renames[v]; ok {
+				renameOrder = append(renameOrder, k)
+			} else {
+				renameOrder = append([]string{k}, renameOrder...)
+			}
+		}
+		for _, k := range renameOrder {
+			var err error
+			g, err = move(g, k, renames[k])
+			if err != nil {
+				return nil, err
 			}
 		}
 	}
@@ -1094,7 +1116,7 @@ func move(g *d2graph.Graph, key, newKey string) (*d2graph.Graph, error) {
 	if key == newKey {
 		return g, nil
 	}
-	newKey, _, err := generateUniqueKey(g, newKey)
+	newKey, _, err := generateUniqueKey(g, newKey, nil, nil)
 	if err != nil {
 		return nil, err
 	}
@@ -1664,7 +1686,13 @@ func ReconnectEdgeIDDelta(g *d2graph.Graph, edgeID, srcID, dstID string) (string
 	return newID, nil
 }
 
-func generateUniqueKey(g *d2graph.Graph, prefix string) (key string, edge bool, _ error) {
+// generateUniqueKey generates a unique key by appending a number after `prefix` such that it doesn't conflict with any IDs in `g`
+// If `ignored` is not nil, a conflict with the ignored object is allowed. An example use case is to generate a unique ID for a child being
+// hoisted out of its container, and you know the container is going to be deleted.
+//
+// If `included` is not nil, the generated key must also not conflict with a key in `included`, on top of not conflicting with any IDs in `g`.
+// This is for when an operation needs to generate multiple unique keys in one go, like deleting a container and giving new IDs to all children
+func generateUniqueKey(g *d2graph.Graph, prefix string, ignored *d2graph.Object, included []string) (key string, edge bool, _ error) {
 	mk, err := d2parser.ParseMapKey(prefix)
 	if err != nil {
 		return "", false, err
@@ -1704,7 +1732,7 @@ func generateUniqueKey(g *d2graph.Graph, prefix string) (key string, edge bool,
 		mk.Key = &d2ast.KeyPath{
 			Path: []*d2ast.StringBox{d2ast.MakeValueBox(d2ast.RawString(xrand.Base64(16), true)).StringBox()},
 		}
-	} else if _, ok := g.Root.HasChild(d2graph.Key(mk.Key)); ok {
+	} else if obj, ok := g.Root.HasChild(d2graph.Key(mk.Key)); ok && obj != ignored {
 		// The key may already have an index, e.g. "x 2"
 		spaced := strings.Split(prefix, " ")
 		if _, err := strconv.Atoi(spaced[len(spaced)-1]); err == nil {
@@ -1719,9 +1747,18 @@ func generateUniqueKey(g *d2graph.Graph, prefix string) (key string, edge bool,
 	k2 := cloneKey(mk.Key)
 	i := 0
 	for {
-		_, ok := g.Root.HasChild(d2graph.Key(k2))
-		if !ok {
-			return d2format.Format(k2), false, nil
+		conflictsWithIncluded := false
+		for _, s := range included {
+			if d2format.Format(k2) == s {
+				conflictsWithIncluded = true
+				break
+			}
+		}
+		if !conflictsWithIncluded {
+			obj, ok := g.Root.HasChild(d2graph.Key(k2))
+			if !ok || obj == ignored {
+				return d2format.Format(k2), false, nil
+			}
 		}
 
 		rr := fmt.Sprintf("%s %d", mk.Key.Path[len(mk.Key.Path)-1].Unbox().ScalarString(), i+2)
@@ -1784,7 +1821,7 @@ func MoveIDDeltas(g *d2graph.Graph, key, newKey string) (deltas map[string]strin
 		return nil, err
 	}
 
-	newKey, _, err = generateUniqueKey(g, newKey)
+	newKey, _, err = generateUniqueKey(g, newKey, nil, nil)
 	if err != nil {
 		return nil, err
 	}
@@ -1804,6 +1841,7 @@ func MoveIDDeltas(g *d2graph.Graph, key, newKey string) (deltas map[string]strin
 	// Conflict IDs are when a container is moved and the children conflict with something in parent
 	conflictNewIDs := make(map[*d2graph.Object]string)
 	conflictOldIDs := make(map[*d2graph.Object]string)
+	var newIDs []string
 	if mk.Key != nil {
 		var ok bool
 		obj, ok = g.Root.HasChild(d2graph.Key(mk.Key))
@@ -1829,8 +1867,17 @@ func MoveIDDeltas(g *d2graph.Graph, key, newKey string) (deltas map[string]strin
 			if err != nil {
 				return nil, err
 			}
-			if _, ok := g.Root.HasChild(d2graph.Key(hoistedMK.Key)); ok {
-				newKey, _, err := generateUniqueKey(g, hoistedAbsID)
+
+			conflictsWithNewID := false
+			for _, id := range newIDs {
+				if id == d2format.Format(hoistedMK.Key) {
+					conflictsWithNewID = true
+					break
+				}
+			}
+
+			if _, ok := g.Root.HasChild(d2graph.Key(hoistedMK.Key)); ok || conflictsWithNewID {
+				newKey, _, err := generateUniqueKey(g, hoistedAbsID, nil, newIDs)
 				if err != nil {
 					return nil, err
 				}
@@ -1841,6 +1888,9 @@ func MoveIDDeltas(g *d2graph.Graph, key, newKey string) (deltas map[string]strin
 				newAK := d2graph.Key(newMK.Key)
 				conflictOldIDs[ch] = ch.ID
 				conflictNewIDs[ch] = newAK[len(newAK)-1]
+				newIDs = append(newIDs, d2format.Format(newMK.Key))
+			} else {
+				newIDs = append(newIDs, d2format.Format(hoistedMK.Key))
 			}
 		}
 	}
@@ -1955,6 +2005,7 @@ func DeleteIDDeltas(g *d2graph.Graph, key string) (deltas map[string]string, err
 	obj := g.Root
 	conflictNewIDs := make(map[*d2graph.Object]string)
 	conflictOldIDs := make(map[*d2graph.Object]string)
+	var newIDs []string
 	if mk.Key != nil {
 		ida := d2graph.Key(mk.Key)
 		// Deleting a reserved field cannot possibly have any deltas
@@ -1984,8 +2035,17 @@ func DeleteIDDeltas(g *d2graph.Graph, key string) (deltas map[string]string, err
 			if err != nil {
 				return nil, err
 			}
-			if _, ok := g.Root.HasChild(d2graph.Key(hoistedMK.Key)); ok {
-				newKey, _, err := generateUniqueKey(g, hoistedAbsID)
+
+			conflictsWithNewID := false
+			for _, id := range newIDs {
+				if id == d2format.Format(hoistedMK.Key) {
+					conflictsWithNewID = true
+					break
+				}
+			}
+
+			if conflictingObj, ok := g.Root.HasChild(d2graph.Key(hoistedMK.Key)); (ok && conflictingObj != obj) || conflictsWithNewID {
+				newKey, _, err := generateUniqueKey(g, hoistedAbsID, obj, newIDs)
 				if err != nil {
 					return nil, err
 				}
@@ -1996,6 +2056,9 @@ func DeleteIDDeltas(g *d2graph.Graph, key string) (deltas map[string]string, err
 				newAK := d2graph.Key(newMK.Key)
 				conflictOldIDs[ch] = ch.ID
 				conflictNewIDs[ch] = newAK[len(newAK)-1]
+				newIDs = append(newIDs, d2format.Format(newMK.Key))
+			} else {
+				newIDs = append(newIDs, d2format.Format(hoistedMK.Key))
 			}
 		}
 	}
@@ -2134,7 +2197,7 @@ func RenameIDDeltas(g *d2graph.Graph, key, newName string) (deltas map[string]st
 	}
 
 	mk.Key.Path[len(mk.Key.Path)-1].Unbox().SetString(newName)
-	uniqueKeyStr, _, err := generateUniqueKey(g, strings.Join(d2graph.Key(mk.Key), "."))
+	uniqueKeyStr, _, err := generateUniqueKey(g, strings.Join(d2graph.Key(mk.Key), "."), nil, nil)
 	if err != nil {
 		return nil, err
 	}

d2oracle/edit_test.go

@@ -4815,6 +4815,44 @@ A -> B
 			key: `x.left`,
 
 			exp: `x
+`,
+		},
+		{
+			name: "conflicts_generated",
+			text: `Text 4
+Square: {
+  Text 4: {
+    Text 2
+  }
+  Text
+}
+`,
+			key: `Square`,
+
+			exp: `Text 4
+
+Text: {
+  Text 2
+}
+Text 2
+`,
+		},
+		{
+			name: "conflicts_generated_continued",
+			text: `Text 4
+
+Text: {
+  Text 2
+}
+Text 2
+`,
+			key: `Text`,
+
+			exp: `Text 4
+
+Text
+
+Text 2
 `,
 		},
 		{
@@ -5141,6 +5179,10 @@ x.a -> x.b
 				t.Fatal(err)
 			}
 
+			if hasRepeatedValue(deltas) {
+				t.Fatalf("deltas set more than one value equal to another: %s", string(xjson.Marshal(deltas)))
+			}
+
 			ds, err := diff.Strings(tc.exp, string(xjson.Marshal(deltas)))
 			if err != nil {
 				t.Fatal(err)
@@ -5340,6 +5382,57 @@ x.y.z.w.e.p.l -> x.y.z.1.2.3.4
   "x.y.z.(w.e.p.l -> 1.2.3.4)[4]": "x.y.z.(w.e.p.l -> 1.2.3.4)[3]",
   "x.y.z.(w.e.p.l -> 1.2.3.4)[5]": "x.y.z.(w.e.p.l -> 1.2.3.4)[4]",
   "x.y.z.(w.e.p.l -> 1.2.3.4)[6]": "x.y.z.(w.e.p.l -> 1.2.3.4)[5]"
+}`,
+		},
+		{
+			name: "delete_generated_id_conflicts",
+
+			text: `Text 2: {
+	Text
+	Text 3
+}
+Text
+`,
+			key: "Text 2",
+
+			exp: `{
+  "Text 2.Text": "Text 2",
+  "Text 2.Text 3": "Text 3"
+}`,
+		},
+		{
+			name: "delete_generated_id_conflicts_2",
+
+			text: `Text 4
+Square: {
+  Text 4: {
+    Text 2
+  }
+  Text
+}
+`,
+			key: "Square",
+
+			exp: `{
+  "Square.Text": "Text 2",
+  "Square.Text 4": "Text",
+  "Square.Text 4.Text 2": "Text.Text 2"
+}`,
+		},
+		{
+			name: "delete_generated_id_conflicts_2_continued",
+
+			text: `Text 4
+
+Text: {
+  Text 2
+}
+Text 2
+`,
+			key: "Text",
+
+			exp: `{
+  "Text.Text 2": "Text"
 }`,
 		},
 	}
@@ -5371,6 +5464,10 @@ x.y.z.w.e.p.l -> x.y.z.1.2.3.4
 				t.Fatal(err)
 			}
 
+			if hasRepeatedValue(deltas) {
+				t.Fatalf("deltas set more than one value equal to another: %s", string(xjson.Marshal(deltas)))
+			}
+
 			ds, err := diff.Strings(tc.exp, string(xjson.Marshal(deltas)))
 			if err != nil {
 				t.Fatal(err)
@@ -5382,6 +5479,17 @@ x.y.z.w.e.p.l -> x.y.z.1.2.3.4
 	}
 }
 
+func hasRepeatedValue(m map[string]string) bool {
+	seen := make(map[string]struct{}, len(m))
+	for _, v := range m {
+		if _, ok := seen[v]; ok {
+			return true
+		}
+		seen[v] = struct{}{}
+	}
+	return false
+}
+
 func TestRenameIDDeltas(t *testing.T) {
 	t.Parallel()
 
@@ -5523,6 +5631,10 @@ x.y.z.w.e.p.l -> x.y.z.1.2.3.4
 				t.Fatal(err)
 			}
 
+			if hasRepeatedValue(deltas) {
+				t.Fatalf("deltas set more than one value equal to another: %s", string(xjson.Marshal(deltas)))
+			}
+
 			ds, err := diff.Strings(tc.exp, string(xjson.Marshal(deltas)))
 			if err != nil {
 				t.Fatal(err)

d2renderers/d2sketch/testdata/class/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 624 570"><svg id="d2-svg" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }

d2renderers/d2sketch/testdata/class_dark/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 624 570"><svg id="d2-svg" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }

d2renderers/d2sketch/testdata/double-border/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 942 367"><svg id="d2-svg" width="942" height="367" viewBox="-101 -100 942 367"><rect x="-101.000000" y="-100.000000" width="942.000000" height="367.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 942 367"><svg id="d2-svg" width="942" height="367" viewBox="-101 -100 942 367"><rect x="-101.000000" y="-100.000000" width="942.000000" height="367.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }

d2renderers/d2sketch/testdata/overlay/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 758 268"><svg id="d2-svg" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 758 268"><svg id="d2-svg" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-bold {
 	font-family: "font-bold";
 }

d2renderers/d2svg/d2svg.go

@@ -419,7 +419,9 @@ func pathData(connection d2target.Connection, srcAdj, dstAdj *geo.Point) string
 			currVector := prevTarget.VectorTo(currTarget)
 
 			dist := geo.EuclideanDistance(prevTarget.X, prevTarget.Y, currTarget.X, currTarget.Y)
-			units := math.Min(10, dist/2)
+
+			connectionBorderRadius := connection.BorderRadius
+			units := math.Min(connectionBorderRadius, dist/2)
 
 			prevTranslations := prevVector.Unit().Multiply(units).ToPoint()
 			currTranslations := currVector.Unit().Multiply(units).ToPoint()
@@ -430,7 +432,7 @@ func pathData(connection d2target.Connection, srcAdj, dstAdj *geo.Point) string
 			))
 
 			// If the segment length is too small, instead of drawing 2 arcs, just skip this segment and bezier curve to the next one
-			if units < 10 && i < len(route)-2 {
+			if units < connectionBorderRadius && i < len(route)-2 {
 				nextTarget := route[i+2]
 				nextVector := geo.NewVector(nextTarget.X-currTarget.X, nextTarget.Y-currTarget.Y)
 				i++
@@ -1765,7 +1767,7 @@ func Render(diagram *d2target.Diagram, opts *RenderOpts) ([]byte, error) {
 		dimensions = fmt.Sprintf(` width="%d" height="%d"`, w, h)
 	}
 
-	fitToScreenWrapper := fmt.Sprintf(`<svg %s preserveAspectRatio="xMidYMid meet" viewBox="0 0 %d %d"%s>`,
+	fitToScreenWrapper := fmt.Sprintf(`<svg %s preserveAspectRatio="xMinYMin meet" viewBox="0 0 %d %d"%s>`,
 		`xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"`,
 		w, h,
 		dimensions,

d2renderers/d2svg/dark_theme/testdata/class/dark_theme.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 624 570"><svg id="d2-svg" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 624 570"><svg id="d2-svg" width="624" height="570" viewBox="-101 -101 624 570"><rect x="-101.000000" y="-101.000000" width="624.000000" height="570.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }

d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1095 479"><svg id="d2-svg" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1095 479"><svg id="d2-svg" width="1095" height="479" viewBox="-100 -101 1095 479"><rect x="-100.000000" y="-101.000000" width="1095.000000" height="479.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
@@ -774,7 +774,7 @@
   margin: 0 -1.6em 0.25em 0.2em;
 }
 </style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="162.000000" y="3.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="189.000000" y="41.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="276.000000" y="24.000000" width="347" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>linux: because a PC is a terrible thing to waste</p>
-</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="162.000000" y="211.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="189.000000" y="249.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="users" style='opacity:0.400000'><g class="shape" ><rect x="683.000000" y="0.000000" width="211.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="683.000000" y="0.000000" width="211.000000" height="36.000000" class="class_header fill-N1" /><text x="693.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="693.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="796.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="874.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="683.000000" x2="894.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.000000 71.000000 C 189.000000 127.000000 189.000000 155.500000 189.000000 207.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#928565738)" /><text x="189.000000" y="137.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="189.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="189.000000" dy="19.500000">just how to work the computer.</tspan></text></g><mask id="928565738" maskUnits="userSpaceOnUse" x="-100" y="-101" width="1095" height="479">
+</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="162.000000" y="211.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="189.000000" y="249.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="users" style='opacity:0.400000'><g class="shape" ><rect x="683.000000" y="0.000000" width="211.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="683.000000" y="0.000000" width="211.000000" height="36.000000" class="class_header fill-N1" /><text x="693.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="693.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="796.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="874.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="683.000000" x2="894.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.000000 71.000000 C 189.000000 127.000000 189.000000 155.500000 189.000000 207.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#710463437)" /><text x="189.000000" y="137.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="189.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="189.000000" dy="19.500000">just how to work the computer.</tspan></text></g><mask id="710463437" maskUnits="userSpaceOnUse" x="-100" y="-101" width="1095" height="479">
 <rect x="-100" y="-101" width="1095" height="479" fill="white"></rect>
 <rect x="0.000000" y="121.000000" width="378" height="39" fill="black"></rect>
 </mask></svg></svg>

d2renderers/d2svg/dark_theme/testdata/overlay/dark_theme.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 758 268"><svg id="d2-svg" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 758 268"><svg id="d2-svg" width="758" height="268" viewBox="-101 -101 758 268"><rect x="-101.000000" y="-101.000000" width="758.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-bold {
 	font-family: "font-bold";
 }

d2target/d2target.go

@@ -293,11 +293,12 @@ type Connection struct {
 	DstArrow Arrowhead `json:"dstArrow"`
 	DstLabel string    `json:"dstLabel"`
 
-	Opacity     float64 `json:"opacity"`
-	StrokeDash  float64 `json:"strokeDash"`
-	StrokeWidth int     `json:"strokeWidth"`
-	Stroke      string  `json:"stroke"`
-	Fill        string  `json:"fill,omitempty"`
+	Opacity      float64 `json:"opacity"`
+	StrokeDash   float64 `json:"strokeDash"`
+	StrokeWidth  int     `json:"strokeWidth"`
+	Stroke       string  `json:"stroke"`
+	Fill         string  `json:"fill,omitempty"`
+	BorderRadius float64 `json:"borderRadius,omitempty"`
 
 	Text
 	LabelPosition   string  `json:"labelPosition"`
@@ -315,12 +316,13 @@ type Connection struct {
 
 func BaseConnection() *Connection {
 	return &Connection{
-		SrcArrow:    NoArrowhead,
-		DstArrow:    NoArrowhead,
-		Route:       make([]*geo.Point, 0),
-		Opacity:     1,
-		StrokeDash:  0,
-		StrokeWidth: 2,
+		SrcArrow:     NoArrowhead,
+		DstArrow:     NoArrowhead,
+		Route:        make([]*geo.Point, 0),
+		Opacity:      1,
+		StrokeDash:   0,
+		StrokeWidth:  2,
+		BorderRadius: 10,
 		Text: Text{
 			Italic:     true,
 			FontFamily: "DEFAULT",

e2etests/stable_test.go

@@ -12,6 +12,32 @@ var testMarkdown string
 
 func testStable(t *testing.T) {
 	tcs := []testCase{
+		{
+			name: "elk_border_radius",
+			script: `
+				a -> b
+				a -> c: {
+					style: {
+						border-radius: 0
+					}
+				}
+				a -> e: {
+					style: {
+						border-radius: 5
+					}
+				}
+				a -> f: {
+					style: {
+						border-radius: 10
+					}
+				}
+				a -> g: {
+					style: {
+						border-radius: 20
+					}
+				}
+			`,
+		},
 		{
 			name: "connected_container",
 			script: `a.b -> c.d -> f.h.g

e2etests/testdata/measured/empty-class/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 114 46"><svg id="d2-svg" width="114" height="46" viewBox="-1 -1 114 46"><rect x="-1.000000" y="-1.000000" width="114.000000" height="46.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 114 46"><svg id="d2-svg" width="114" height="46" viewBox="-1 -1 114 46"><rect x="-1.000000" y="-1.000000" width="114.000000" height="46.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }

e2etests/testdata/measured/empty-shape/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 102 102"><svg id="d2-svg" width="102" height="102" viewBox="-1 -1 102 102"><rect x="-1.000000" y="-1.000000" width="102.000000" height="102.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 102 102"><svg id="d2-svg" width="102" height="102" viewBox="-1 -1 102 102"><rect x="-1.000000" y="-1.000000" width="102.000000" height="102.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }

e2etests/testdata/measured/empty-sql_table/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 52 14"><svg id="d2-svg" width="52" height="14" viewBox="-1 -1 52 14"><rect x="-1.000000" y="-1.000000" width="52.000000" height="14.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 52 14"><svg id="d2-svg" width="52" height="14" viewBox="-1 -1 52 14"><rect x="-1.000000" y="-1.000000" width="52.000000" height="14.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }

e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 370 85"><svg id="d2-svg" width="370" height="85" viewBox="-1 -18 370 85"><rect x="-1.000000" y="-18.000000" width="370.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 370 85"><svg id="d2-svg" width="370" height="85" viewBox="-1 -18 370 85"><rect x="-1.000000" y="-18.000000" width="370.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }

e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 290 85"><svg id="d2-svg" width="290" height="85" viewBox="11 -6 290 85"><rect x="11.000000" y="-6.000000" width="290.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 85"><svg id="d2-svg" width="290" height="85" viewBox="11 -6 290 85"><rect x="11.000000" y="-6.000000" width="290.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .appendix-icon {
 	filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
 }

e2etests/testdata/regression/class_font_style_sequence/dagre/board.exp.json

@@ -61,6 +61,7 @@
       "strokeDash": 6,
       "strokeWidth": 2,
       "stroke": "B2",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/class_font_style_sequence/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 119 164"><svg id="d2-svg" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 119 164"><svg id="d2-svg" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }
@@ -17,7 +17,7 @@
   mix-blend-mode: multiply;
   opacity: 0.5;
 }
-.fill-N1{fill:#0A0F25;}.fill-N2{fill:#676C7E;}.fill-N3{fill:#9499AB;}.fill-N4{fill:#CFD2DD;}.fill-N5{fill:#DEE1EB;}.fill-N6{fill:#EEF1F8;}.fill-N7{fill:#FFFFFF;}.fill-B1{fill:#0D32B2;}.fill-B2{fill:#0D32B2;}.fill-B3{fill:#E3E9FD;}.fill-B4{fill:#E3E9FD;}.fill-B5{fill:#EDF0FD;}.fill-B6{fill:#F7F8FE;}.fill-AA2{fill:#4A6FF3;}.fill-AA4{fill:#EDF0FD;}.fill-AA5{fill:#F7F8FE;}.fill-AB4{fill:#EDF0FD;}.fill-AB5{fill:#F7F8FE;}.stroke-N1{stroke:#0A0F25;}.stroke-N2{stroke:#676C7E;}.stroke-N3{stroke:#9499AB;}.stroke-N4{stroke:#CFD2DD;}.stroke-N5{stroke:#DEE1EB;}.stroke-N6{stroke:#EEF1F8;}.stroke-N7{stroke:#FFFFFF;}.stroke-B1{stroke:#0D32B2;}.stroke-B2{stroke:#0D32B2;}.stroke-B3{stroke:#E3E9FD;}.stroke-B4{stroke:#E3E9FD;}.stroke-B5{stroke:#EDF0FD;}.stroke-B6{stroke:#F7F8FE;}.stroke-AA2{stroke:#4A6FF3;}.stroke-AA4{stroke:#EDF0FD;}.stroke-AA5{stroke:#F7F8FE;}.stroke-AB4{stroke:#EDF0FD;}.stroke-AB5{stroke:#F7F8FE;}.background-color-N1{background-color:#0A0F25;}.background-color-N2{background-color:#676C7E;}.background-color-N3{background-color:#9499AB;}.background-color-N4{background-color:#CFD2DD;}.background-color-N5{background-color:#DEE1EB;}.background-color-N6{background-color:#EEF1F8;}.background-color-N7{background-color:#FFFFFF;}.background-color-B1{background-color:#0D32B2;}.background-color-B2{background-color:#0D32B2;}.background-color-B3{background-color:#E3E9FD;}.background-color-B4{background-color:#E3E9FD;}.background-color-B5{background-color:#EDF0FD;}.background-color-B6{background-color:#F7F8FE;}.background-color-AA2{background-color:#4A6FF3;}.background-color-AA4{background-color:#EDF0FD;}.background-color-AA5{background-color:#F7F8FE;}.background-color-AB4{background-color:#EDF0FD;}.background-color-AB5{background-color:#F7F8FE;}.color-N1{color:#0A0F25;}.color-N2{color:#676C7E;}.color-N3{color:#9499AB;}.color-N4{color:#CFD2DD;}.color-N5{color:#DEE1EB;}.color-N6{color:#EEF1F8;}.color-N7{color:#FFFFFF;}.color-B1{color:#0D32B2;}.color-B2{color:#0D32B2;}.color-B3{color:#E3E9FD;}.color-B4{color:#E3E9FD;}.color-B5{color:#EDF0FD;}.color-B6{color:#F7F8FE;}.color-AA2{color:#4A6FF3;}.color-AA4{color:#EDF0FD;}.color-AA5{color:#F7F8FE;}.color-AB4{color:#EDF0FD;}.color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="105.750000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1142233560)" /></g><mask id="1142233560" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
+.fill-N1{fill:#0A0F25;}.fill-N2{fill:#676C7E;}.fill-N3{fill:#9499AB;}.fill-N4{fill:#CFD2DD;}.fill-N5{fill:#DEE1EB;}.fill-N6{fill:#EEF1F8;}.fill-N7{fill:#FFFFFF;}.fill-B1{fill:#0D32B2;}.fill-B2{fill:#0D32B2;}.fill-B3{fill:#E3E9FD;}.fill-B4{fill:#E3E9FD;}.fill-B5{fill:#EDF0FD;}.fill-B6{fill:#F7F8FE;}.fill-AA2{fill:#4A6FF3;}.fill-AA4{fill:#EDF0FD;}.fill-AA5{fill:#F7F8FE;}.fill-AB4{fill:#EDF0FD;}.fill-AB5{fill:#F7F8FE;}.stroke-N1{stroke:#0A0F25;}.stroke-N2{stroke:#676C7E;}.stroke-N3{stroke:#9499AB;}.stroke-N4{stroke:#CFD2DD;}.stroke-N5{stroke:#DEE1EB;}.stroke-N6{stroke:#EEF1F8;}.stroke-N7{stroke:#FFFFFF;}.stroke-B1{stroke:#0D32B2;}.stroke-B2{stroke:#0D32B2;}.stroke-B3{stroke:#E3E9FD;}.stroke-B4{stroke:#E3E9FD;}.stroke-B5{stroke:#EDF0FD;}.stroke-B6{stroke:#F7F8FE;}.stroke-AA2{stroke:#4A6FF3;}.stroke-AA4{stroke:#EDF0FD;}.stroke-AA5{stroke:#F7F8FE;}.stroke-AB4{stroke:#EDF0FD;}.stroke-AB5{stroke:#F7F8FE;}.background-color-N1{background-color:#0A0F25;}.background-color-N2{background-color:#676C7E;}.background-color-N3{background-color:#9499AB;}.background-color-N4{background-color:#CFD2DD;}.background-color-N5{background-color:#DEE1EB;}.background-color-N6{background-color:#EEF1F8;}.background-color-N7{background-color:#FFFFFF;}.background-color-B1{background-color:#0D32B2;}.background-color-B2{background-color:#0D32B2;}.background-color-B3{background-color:#E3E9FD;}.background-color-B4{background-color:#E3E9FD;}.background-color-B5{background-color:#EDF0FD;}.background-color-B6{background-color:#F7F8FE;}.background-color-AA2{background-color:#4A6FF3;}.background-color-AA4{background-color:#EDF0FD;}.background-color-AA5{background-color:#F7F8FE;}.background-color-AB4{background-color:#EDF0FD;}.background-color-AB5{background-color:#F7F8FE;}.color-N1{color:#0A0F25;}.color-N2{color:#676C7E;}.color-N3{color:#9499AB;}.color-N4{color:#CFD2DD;}.color-N5{color:#DEE1EB;}.color-N6{color:#EEF1F8;}.color-N7{color:#FFFFFF;}.color-B1{color:#0D32B2;}.color-B2{color:#0D32B2;}.color-B3{color:#E3E9FD;}.color-B4{color:#E3E9FD;}.color-B5{color:#EDF0FD;}.color-B6{color:#F7F8FE;}.color-AA2{color:#4A6FF3;}.color-AA4{color:#EDF0FD;}.color-AA5{color:#F7F8FE;}.color-AB4{color:#EDF0FD;}.color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="105.750000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#878916677)" /></g><mask id="878916677" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
 <rect x="11" y="51" width="119" height="164" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/regression/class_font_style_sequence/elk/board.exp.json

@@ -61,6 +61,7 @@
       "strokeDash": 6,
       "strokeWidth": 2,
       "stroke": "B2",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/class_font_style_sequence/elk/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 119 164"><svg id="d2-svg" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 119 164"><svg id="d2-svg" width="119" height="164" viewBox="11 51 119 164"><rect x="11.000000" y="51.000000" width="119.000000" height="164.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }
@@ -17,7 +17,7 @@
   mix-blend-mode: multiply;
   opacity: 0.5;
 }
-.fill-N1{fill:#0A0F25;}.fill-N2{fill:#676C7E;}.fill-N3{fill:#9499AB;}.fill-N4{fill:#CFD2DD;}.fill-N5{fill:#DEE1EB;}.fill-N6{fill:#EEF1F8;}.fill-N7{fill:#FFFFFF;}.fill-B1{fill:#0D32B2;}.fill-B2{fill:#0D32B2;}.fill-B3{fill:#E3E9FD;}.fill-B4{fill:#E3E9FD;}.fill-B5{fill:#EDF0FD;}.fill-B6{fill:#F7F8FE;}.fill-AA2{fill:#4A6FF3;}.fill-AA4{fill:#EDF0FD;}.fill-AA5{fill:#F7F8FE;}.fill-AB4{fill:#EDF0FD;}.fill-AB5{fill:#F7F8FE;}.stroke-N1{stroke:#0A0F25;}.stroke-N2{stroke:#676C7E;}.stroke-N3{stroke:#9499AB;}.stroke-N4{stroke:#CFD2DD;}.stroke-N5{stroke:#DEE1EB;}.stroke-N6{stroke:#EEF1F8;}.stroke-N7{stroke:#FFFFFF;}.stroke-B1{stroke:#0D32B2;}.stroke-B2{stroke:#0D32B2;}.stroke-B3{stroke:#E3E9FD;}.stroke-B4{stroke:#E3E9FD;}.stroke-B5{stroke:#EDF0FD;}.stroke-B6{stroke:#F7F8FE;}.stroke-AA2{stroke:#4A6FF3;}.stroke-AA4{stroke:#EDF0FD;}.stroke-AA5{stroke:#F7F8FE;}.stroke-AB4{stroke:#EDF0FD;}.stroke-AB5{stroke:#F7F8FE;}.background-color-N1{background-color:#0A0F25;}.background-color-N2{background-color:#676C7E;}.background-color-N3{background-color:#9499AB;}.background-color-N4{background-color:#CFD2DD;}.background-color-N5{background-color:#DEE1EB;}.background-color-N6{background-color:#EEF1F8;}.background-color-N7{background-color:#FFFFFF;}.background-color-B1{background-color:#0D32B2;}.background-color-B2{background-color:#0D32B2;}.background-color-B3{background-color:#E3E9FD;}.background-color-B4{background-color:#E3E9FD;}.background-color-B5{background-color:#EDF0FD;}.background-color-B6{background-color:#F7F8FE;}.background-color-AA2{background-color:#4A6FF3;}.background-color-AA4{background-color:#EDF0FD;}.background-color-AA5{background-color:#F7F8FE;}.background-color-AB4{background-color:#EDF0FD;}.background-color-AB5{background-color:#F7F8FE;}.color-N1{color:#0A0F25;}.color-N2{color:#676C7E;}.color-N3{color:#9499AB;}.color-N4{color:#CFD2DD;}.color-N5{color:#DEE1EB;}.color-N6{color:#EEF1F8;}.color-N7{color:#FFFFFF;}.color-B1{color:#0D32B2;}.color-B2{color:#0D32B2;}.color-B3{color:#E3E9FD;}.color-B4{color:#E3E9FD;}.color-B5{color:#EDF0FD;}.color-B6{color:#F7F8FE;}.color-AA2{color:#4A6FF3;}.color-AA4{color:#EDF0FD;}.color-AA5{color:#F7F8FE;}.color-AB4{color:#EDF0FD;}.color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="105.750000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1142233560)" /></g><mask id="1142233560" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
+.fill-N1{fill:#0A0F25;}.fill-N2{fill:#676C7E;}.fill-N3{fill:#9499AB;}.fill-N4{fill:#CFD2DD;}.fill-N5{fill:#DEE1EB;}.fill-N6{fill:#EEF1F8;}.fill-N7{fill:#FFFFFF;}.fill-B1{fill:#0D32B2;}.fill-B2{fill:#0D32B2;}.fill-B3{fill:#E3E9FD;}.fill-B4{fill:#E3E9FD;}.fill-B5{fill:#EDF0FD;}.fill-B6{fill:#F7F8FE;}.fill-AA2{fill:#4A6FF3;}.fill-AA4{fill:#EDF0FD;}.fill-AA5{fill:#F7F8FE;}.fill-AB4{fill:#EDF0FD;}.fill-AB5{fill:#F7F8FE;}.stroke-N1{stroke:#0A0F25;}.stroke-N2{stroke:#676C7E;}.stroke-N3{stroke:#9499AB;}.stroke-N4{stroke:#CFD2DD;}.stroke-N5{stroke:#DEE1EB;}.stroke-N6{stroke:#EEF1F8;}.stroke-N7{stroke:#FFFFFF;}.stroke-B1{stroke:#0D32B2;}.stroke-B2{stroke:#0D32B2;}.stroke-B3{stroke:#E3E9FD;}.stroke-B4{stroke:#E3E9FD;}.stroke-B5{stroke:#EDF0FD;}.stroke-B6{stroke:#F7F8FE;}.stroke-AA2{stroke:#4A6FF3;}.stroke-AA4{stroke:#EDF0FD;}.stroke-AA5{stroke:#F7F8FE;}.stroke-AB4{stroke:#EDF0FD;}.stroke-AB5{stroke:#F7F8FE;}.background-color-N1{background-color:#0A0F25;}.background-color-N2{background-color:#676C7E;}.background-color-N3{background-color:#9499AB;}.background-color-N4{background-color:#CFD2DD;}.background-color-N5{background-color:#DEE1EB;}.background-color-N6{background-color:#EEF1F8;}.background-color-N7{background-color:#FFFFFF;}.background-color-B1{background-color:#0D32B2;}.background-color-B2{background-color:#0D32B2;}.background-color-B3{background-color:#E3E9FD;}.background-color-B4{background-color:#E3E9FD;}.background-color-B5{background-color:#EDF0FD;}.background-color-B6{background-color:#F7F8FE;}.background-color-AA2{background-color:#4A6FF3;}.background-color-AA4{background-color:#EDF0FD;}.background-color-AA5{background-color:#F7F8FE;}.background-color-AB4{background-color:#EDF0FD;}.background-color-AB5{background-color:#F7F8FE;}.color-N1{color:#0A0F25;}.color-N2{color:#676C7E;}.color-N3{color:#9499AB;}.color-N4{color:#CFD2DD;}.color-N5{color:#DEE1EB;}.color-N6{color:#EEF1F8;}.color-N7{color:#FFFFFF;}.color-B1{color:#0D32B2;}.color-B2{color:#0D32B2;}.color-B3{color:#E3E9FD;}.color-B4{color:#E3E9FD;}.color-B5{color:#EDF0FD;}.color-B6{color:#F7F8FE;}.color-AA2{color:#4A6FF3;}.color-AA4{color:#EDF0FD;}.color-AA5{color:#F7F8FE;}.color-AB4{color:#EDF0FD;}.color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="105.750000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#878916677)" /></g><mask id="878916677" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
 <rect x="11" y="51" width="119" height="164" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/regression/code_leading_trailing_newlines/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 681 152"><svg id="d2-svg" width="681" height="152" viewBox="-1 -1 681 152"><rect x="-1.000000" y="-1.000000" width="681.000000" height="152.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 681 152"><svg id="d2-svg" width="681" height="152" viewBox="-1 -1 681 152"><rect x="-1.000000" y="-1.000000" width="681.000000" height="152.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }

e2etests/testdata/regression/code_leading_trailing_newlines/elk/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 601 152"><svg id="d2-svg" width="601" height="152" viewBox="11 11 601 152"><rect x="11.000000" y="11.000000" width="601.000000" height="152.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 601 152"><svg id="d2-svg" width="601" height="152" viewBox="11 11 601 152"><rect x="11.000000" y="11.000000" width="601.000000" height="152.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }

e2etests/testdata/regression/dagre-disconnect/dagre/board.exp.json

@@ -1083,6 +1083,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1167,6 +1168,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1251,6 +1253,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1335,6 +1338,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1419,6 +1423,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1503,6 +1508,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1587,6 +1593,7 @@
       "strokeDash": 0,
       "strokeWidth": 8,
       "stroke": "red",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1659,6 +1666,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "1\n2\n3\n4",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/dagre-disconnect/elk/board.exp.json

@@ -1083,6 +1083,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1122,6 +1123,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1177,6 +1179,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1224,6 +1227,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1271,6 +1275,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1310,6 +1315,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1349,6 +1355,7 @@
       "strokeDash": 0,
       "strokeWidth": 8,
       "stroke": "red",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -1388,6 +1395,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "1\n2\n3\n4",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json

@@ -263,6 +263,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "red",
+      "borderRadius": 10,
       "label": "line 1\nline 2\nline 3\nline 4",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -311,6 +312,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -359,6 +361,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json

@@ -263,6 +263,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "red",
+      "borderRadius": 10,
       "label": "line 1\nline 2\nline 3\nline 4",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -310,6 +311,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -349,6 +351,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/dagre_edge_label_spacing/dagre/board.exp.json

@@ -263,6 +263,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Triggers",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -311,6 +312,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Builds zip & pushes it",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -359,6 +361,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Pulls zip to deploy",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -407,6 +410,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Changes the live lambdas",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/dagre_edge_label_spacing/elk/board.exp.json

@@ -263,6 +263,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Triggers",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -302,6 +303,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Builds zip & pushes it",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -341,6 +343,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Pulls zip to deploy",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -380,6 +383,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Changes the live lambdas",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/dagre_special_ids/dagre/board.exp.json

@@ -304,6 +304,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -352,6 +353,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -400,6 +402,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/dagre_special_ids/elk/board.exp.json

@@ -304,6 +304,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -351,6 +352,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -390,6 +392,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/elk_alignment/dagre/board.exp.json

@@ -591,6 +591,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Triggers",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -639,6 +640,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Builds zip and pushes it",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -687,6 +689,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Pulls zip to deploy",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -735,6 +738,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Changes live lambdas",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -783,6 +787,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Launches",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -831,6 +836,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Builds zip\npushes them to S3.\n\nDeploys lambdas\nusing Terraform",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -879,6 +885,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Triggered manually/push to master test test test test test test test",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -927,6 +934,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "test",
       "fontSize": 20,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/elk_alignment/elk/board.exp.json

@@ -591,6 +591,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Triggers",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -630,6 +631,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Builds zip and pushes it",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -669,6 +671,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Pulls zip to deploy",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -708,6 +711,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Changes live lambdas",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -747,6 +751,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Launches",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -786,6 +791,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Builds zip\npushes them to S3.\n\nDeploys lambdas\nusing Terraform",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -825,6 +831,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "Triggered manually/push to master test test test test test test test",
       "fontSize": 20,
       "fontFamily": "DEFAULT",
@@ -864,6 +871,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "test",
       "fontSize": 20,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/elk_img_empty_label_panic/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 290 130"><svg id="d2-svg" width="290" height="130" viewBox="-1 -1 290 130"><rect x="-1.000000" y="-1.000000" width="290.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 130"><svg id="d2-svg" width="290" height="130" viewBox="-1 -1 290 130"><rect x="-1.000000" y="-1.000000" width="290.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }

e2etests/testdata/regression/elk_img_empty_label_panic/elk/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 250 130"><svg id="d2-svg" width="250" height="130" viewBox="11 11 250 130"><rect x="11.000000" y="11.000000" width="250.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 250 130"><svg id="d2-svg" width="250" height="130" viewBox="11 11 250 130"><rect x="11.000000" y="11.000000" width="250.000000" height="130.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
 }

e2etests/testdata/regression/elk_loop_panic/dagre/board.exp.json

@@ -140,6 +140,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/elk_loop_panic/elk/board.exp.json

@@ -140,6 +140,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/elk_order/dagre/board.exp.json

@@ -504,6 +504,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -552,6 +553,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -600,6 +602,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -648,6 +651,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/elk_order/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 948 316"><svg id="d2-svg" width="948" height="316" viewBox="-1 -1 948 316"><rect x="-1.000000" y="-1.000000" width="948.000000" height="316.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 948 316"><svg id="d2-svg" width="948" height="316" viewBox="-1 -1 948 316"><rect x="-1.000000" y="-1.000000" width="948.000000" height="316.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
@@ -771,7 +771,7 @@
 </div></foreignObject></g></g><g id="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="654.000000" y="12.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Last message</p>
 </div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="804.000000" y="0.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Next message will be<br />
 inserted here</p>
-</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="40.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="72.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="165.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="197.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="290.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="322.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="415.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="447.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="540.000000" y="198.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="573.000000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="666.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="698.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="841.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="873.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M6</text></g><g id="(m0_desc -&gt; queue.M0)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 72.500000 38.000000 C 72.500000 85.600000 72.500000 158.000000 72.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#146194444)" /></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 322.500000 38.000000 C 322.500000 85.600000 322.500000 158.000000 322.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#146194444)" /></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 698.500000 38.000000 C 698.500000 85.600000 698.500000 158.000000 698.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#146194444)" /></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 873.500000 50.000000 C 873.500000 88.000000 873.500000 158.000000 873.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#146194444)" /></g><mask id="146194444" maskUnits="userSpaceOnUse" x="-1" y="-1" width="948" height="316">
+</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="40.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="72.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="165.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="197.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="290.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="322.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="415.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="447.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="540.000000" y="198.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="573.000000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="666.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="698.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="841.000000" y="198.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="873.500000" y="236.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M6</text></g><g id="(m0_desc -&gt; queue.M0)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 72.500000 38.000000 C 72.500000 85.600000 72.500000 158.000000 72.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#1156265988)" /></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 322.500000 38.000000 C 322.500000 85.600000 322.500000 158.000000 322.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#1156265988)" /></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 698.500000 38.000000 C 698.500000 85.600000 698.500000 158.000000 698.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#1156265988)" /></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 873.500000 50.000000 C 873.500000 88.000000 873.500000 158.000000 873.500000 194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#1156265988)" /></g><mask id="1156265988" maskUnits="userSpaceOnUse" x="-1" y="-1" width="948" height="316">
 <rect x="-1" y="-1" width="948" height="316" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/regression/elk_order/elk/board.exp.json

@@ -504,6 +504,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -543,6 +544,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -582,6 +584,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",
@@ -629,6 +632,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/elk_order/elk/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 678 301"><svg id="d2-svg" width="678" height="301" viewBox="11 11 678 301"><rect x="11.000000" y="11.000000" width="678.000000" height="301.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 678 301"><svg id="d2-svg" width="678" height="301" viewBox="11 11 678 301"><rect x="11.000000" y="11.000000" width="678.000000" height="301.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";
 }
@@ -771,7 +771,7 @@
 </div></foreignObject></g></g><g id="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="425.000000" y="36.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Last message</p>
 </div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="535.000000" y="12.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Next message will be<br />
 inserted here</p>
-</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="62.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="94.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="147.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="179.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="232.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="264.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="317.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="349.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="402.000000" y="195.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="435.000000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="488.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="520.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="573.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="605.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M6</text></g><g id="(m0_desc -&gt; queue.M0)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 94.500000 62.000000 L 94.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#2267869129)" /></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 264.500000 62.000000 L 264.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#2267869129)" /></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 470.500000 62.000000 L 470.500000 90.000000 S 470.500000 100.000000 480.500000 100.000000 L 510.500000 100.000000 S 520.500000 100.000000 520.500000 110.000000 L 520.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#2267869129)" /></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 605.500000 62.000000 L 605.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#2267869129)" /></g><mask id="2267869129" maskUnits="userSpaceOnUse" x="11" y="11" width="678" height="301">
+</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="62.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="94.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="147.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="179.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="232.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="264.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="317.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="349.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="402.000000" y="195.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="435.000000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="488.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="520.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="573.000000" y="195.000000" width="65.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="605.500000" y="233.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">M6</text></g><g id="(m0_desc -&gt; queue.M0)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 94.500000 62.000000 L 94.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#79072285)" /></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 264.500000 62.000000 L 264.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#79072285)" /></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 470.500000 62.000000 L 470.500000 90.000000 S 470.500000 100.000000 480.500000 100.000000 L 510.500000 100.000000 S 520.500000 100.000000 520.500000 110.000000 L 520.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#79072285)" /></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 605.500000 62.000000 L 605.500000 191.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#79072285)" /></g><mask id="79072285" maskUnits="userSpaceOnUse" x="11" y="11" width="678" height="301">
 <rect x="11" y="11" width="678" height="301" fill="white"></rect>
 
 </mask></svg></svg>

e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 743 186"><svg id="d2-svg" width="743" height="186" viewBox="-1 -1 743 186"><rect x="-1.000000" y="-1.000000" width="743.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 743 186"><svg id="d2-svg" width="743" height="186" viewBox="-1 -1 743 186"><rect x="-1.000000" y="-1.000000" width="743.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }

e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="0 0 703 186"><svg id="d2-svg" width="703" height="186" viewBox="11 11 703 186"><rect x="11.000000" y="11.000000" width="703.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 703 186"><svg id="d2-svg" width="703" height="186" viewBox="11 11 703 186"><rect x="11.000000" y="11.000000" width="703.000000" height="186.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
 .text-mono {
 	font-family: "font-mono";
 }

e2etests/testdata/regression/empty_sequence/dagre/board.exp.json

@@ -99,6 +99,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",

e2etests/testdata/regression/empty_sequence/elk/board.exp.json

@@ -99,6 +99,7 @@
       "strokeDash": 0,
       "strokeWidth": 2,
       "stroke": "B1",
+      "borderRadius": 10,
       "label": "",
       "fontSize": 16,
       "fontFamily": "DEFAULT",