diff --git a/ci/release/changelogs/next.md b/ci/release/changelogs/next.md index f3c0d2a77..a2ce6787c 100644 --- a/ci/release/changelogs/next.md +++ b/ci/release/changelogs/next.md @@ -2,4 +2,6 @@ #### Improvements 🧹 +- Sequence diagram edge groups account for edge label heights [#2038](https://github.com/terrastruct/d2/pull/2038) + #### Bugfixes ⛑️ diff --git a/d2layouts/d2sequence/sequence_diagram.go b/d2layouts/d2sequence/sequence_diagram.go index 78c49dcb7..0cabf228e 100644 --- a/d2layouts/d2sequence/sequence_diagram.go +++ b/d2layouts/d2sequence/sequence_diagram.go @@ -229,10 +229,12 @@ func (sd *sequenceDiagram) placeGroup(group *d2graph.Object) { for _, m := range sd.messages { if m.ContainedBy(group) { for _, p := range m.Route { + labelHeight := float64(m.LabelDimensions.Height) / 2. + edgePad := math.Max(labelHeight+GROUP_CONTAINER_PADDING, MIN_MESSAGE_DISTANCE/2.) minX = math.Min(minX, p.X-HORIZONTAL_PAD) - minY = math.Min(minY, p.Y-MIN_MESSAGE_DISTANCE/2.) + minY = math.Min(minY, p.Y-edgePad) maxX = math.Max(maxX, p.X+HORIZONTAL_PAD) - maxY = math.Max(maxY, p.Y+MIN_MESSAGE_DISTANCE/2.) + maxY = math.Max(maxY, p.Y+edgePad) } } } @@ -287,8 +289,8 @@ func (sd *sequenceDiagram) adjustGroupLabel(group *d2graph.Object) { return } - heightAdd := (group.LabelDimensions.Height + EDGE_GROUP_LABEL_PADDING) - GROUP_CONTAINER_PADDING - if heightAdd < 0 { + heightAdd := (group.LabelDimensions.Height + EDGE_GROUP_LABEL_PADDING/2.) + if heightAdd < GROUP_CONTAINER_PADDING { return } @@ -329,7 +331,6 @@ func (sd *sequenceDiagram) adjustGroupLabel(group *d2graph.Object) { n.TopLeft.Y += float64(heightAdd) } } - } // placeActors places actors bottom aligned, side by side with centers spaced by sd.actorXStep diff --git a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg index dfdd08991..4a43ef05b 100644 --- a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg +++ b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg @@ -1,19 +1,19 @@ -customerissuerstoreLike starbucks or somethingacquirerI'm not sure what this isnetworkcustomer bankstore bankinitial transactionpayment processor behind the scenessimplified 1 banana please$10 dollarsthinking: wow, inflationchecks bank accountSavings: $11I can do that, here's my cardRun this cardProcess to card issuerProcess this payment$10 debit$10 creditAn error in judgement is about to occurLike starbucks or something1I'm not sure what this is2 - + .d2-4100644195 .fill-N1{fill:#0A0F25;} + .d2-4100644195 .fill-N2{fill:#676C7E;} + .d2-4100644195 .fill-N3{fill:#9499AB;} + .d2-4100644195 .fill-N4{fill:#CFD2DD;} + .d2-4100644195 .fill-N5{fill:#DEE1EB;} + .d2-4100644195 .fill-N6{fill:#EEF1F8;} + .d2-4100644195 .fill-N7{fill:#FFFFFF;} + .d2-4100644195 .fill-B1{fill:#0D32B2;} + .d2-4100644195 .fill-B2{fill:#0D32B2;} + .d2-4100644195 .fill-B3{fill:#E3E9FD;} + .d2-4100644195 .fill-B4{fill:#E3E9FD;} + .d2-4100644195 .fill-B5{fill:#EDF0FD;} + .d2-4100644195 .fill-B6{fill:#F7F8FE;} + .d2-4100644195 .fill-AA2{fill:#4A6FF3;} + .d2-4100644195 .fill-AA4{fill:#EDF0FD;} + .d2-4100644195 .fill-AA5{fill:#F7F8FE;} + .d2-4100644195 .fill-AB4{fill:#EDF0FD;} + .d2-4100644195 .fill-AB5{fill:#F7F8FE;} + .d2-4100644195 .stroke-N1{stroke:#0A0F25;} + .d2-4100644195 .stroke-N2{stroke:#676C7E;} + .d2-4100644195 .stroke-N3{stroke:#9499AB;} + .d2-4100644195 .stroke-N4{stroke:#CFD2DD;} + .d2-4100644195 .stroke-N5{stroke:#DEE1EB;} + .d2-4100644195 .stroke-N6{stroke:#EEF1F8;} + .d2-4100644195 .stroke-N7{stroke:#FFFFFF;} + .d2-4100644195 .stroke-B1{stroke:#0D32B2;} + .d2-4100644195 .stroke-B2{stroke:#0D32B2;} + .d2-4100644195 .stroke-B3{stroke:#E3E9FD;} + .d2-4100644195 .stroke-B4{stroke:#E3E9FD;} + .d2-4100644195 .stroke-B5{stroke:#EDF0FD;} + .d2-4100644195 .stroke-B6{stroke:#F7F8FE;} + .d2-4100644195 .stroke-AA2{stroke:#4A6FF3;} + .d2-4100644195 .stroke-AA4{stroke:#EDF0FD;} + .d2-4100644195 .stroke-AA5{stroke:#F7F8FE;} + .d2-4100644195 .stroke-AB4{stroke:#EDF0FD;} + .d2-4100644195 .stroke-AB5{stroke:#F7F8FE;} + .d2-4100644195 .background-color-N1{background-color:#0A0F25;} + .d2-4100644195 .background-color-N2{background-color:#676C7E;} + .d2-4100644195 .background-color-N3{background-color:#9499AB;} + .d2-4100644195 .background-color-N4{background-color:#CFD2DD;} + .d2-4100644195 .background-color-N5{background-color:#DEE1EB;} + .d2-4100644195 .background-color-N6{background-color:#EEF1F8;} + .d2-4100644195 .background-color-N7{background-color:#FFFFFF;} + .d2-4100644195 .background-color-B1{background-color:#0D32B2;} + .d2-4100644195 .background-color-B2{background-color:#0D32B2;} + .d2-4100644195 .background-color-B3{background-color:#E3E9FD;} + .d2-4100644195 .background-color-B4{background-color:#E3E9FD;} + .d2-4100644195 .background-color-B5{background-color:#EDF0FD;} + .d2-4100644195 .background-color-B6{background-color:#F7F8FE;} + .d2-4100644195 .background-color-AA2{background-color:#4A6FF3;} + .d2-4100644195 .background-color-AA4{background-color:#EDF0FD;} + .d2-4100644195 .background-color-AA5{background-color:#F7F8FE;} + .d2-4100644195 .background-color-AB4{background-color:#EDF0FD;} + .d2-4100644195 .background-color-AB5{background-color:#F7F8FE;} + .d2-4100644195 .color-N1{color:#0A0F25;} + .d2-4100644195 .color-N2{color:#676C7E;} + .d2-4100644195 .color-N3{color:#9499AB;} + .d2-4100644195 .color-N4{color:#CFD2DD;} + .d2-4100644195 .color-N5{color:#DEE1EB;} + .d2-4100644195 .color-N6{color:#EEF1F8;} + .d2-4100644195 .color-N7{color:#FFFFFF;} + .d2-4100644195 .color-B1{color:#0D32B2;} + .d2-4100644195 .color-B2{color:#0D32B2;} + .d2-4100644195 .color-B3{color:#E3E9FD;} + .d2-4100644195 .color-B4{color:#E3E9FD;} + .d2-4100644195 .color-B5{color:#EDF0FD;} + .d2-4100644195 .color-B6{color:#F7F8FE;} + .d2-4100644195 .color-AA2{color:#4A6FF3;} + .d2-4100644195 .color-AA4{color:#EDF0FD;} + .d2-4100644195 .color-AA5{color:#F7F8FE;} + .d2-4100644195 .color-AB4{color:#EDF0FD;} + .d2-4100644195 .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}.light-code{display: block}.dark-code{display: none}]]>customerissuerstoreLike starbucks or somethingacquirerI'm not sure what this isnetworkcustomer bankstore bankinitial transactionpayment processor behind the scenessimplified 1 banana please$10 dollarsthinking: wow, inflationchecks bank accountSavings: $11I can do that, here's my cardRun this cardProcess to card issuerProcess this payment$10 debit$10 creditAn error in judgement is about to occurLike starbucks or something1I'm not sure what this is2 + @@ -108,23 +108,23 @@ - - - - - - - - - - - - - - - -1Like starbucks or something -2I'm not sure what this is + + + + + + + + + + + + + + + +1Like starbucks or something +2I'm not sure what this is ab04:20,11:20loop through each table start_time = datetime.datetime.now - + .d2-3300528218 .fill-N1{fill:#0A0F25;} + .d2-3300528218 .fill-N2{fill:#676C7E;} + .d2-3300528218 .fill-N3{fill:#9499AB;} + .d2-3300528218 .fill-N4{fill:#CFD2DD;} + .d2-3300528218 .fill-N5{fill:#DEE1EB;} + .d2-3300528218 .fill-N6{fill:#EEF1F8;} + .d2-3300528218 .fill-N7{fill:#FFFFFF;} + .d2-3300528218 .fill-B1{fill:#0D32B2;} + .d2-3300528218 .fill-B2{fill:#0D32B2;} + .d2-3300528218 .fill-B3{fill:#E3E9FD;} + .d2-3300528218 .fill-B4{fill:#E3E9FD;} + .d2-3300528218 .fill-B5{fill:#EDF0FD;} + .d2-3300528218 .fill-B6{fill:#F7F8FE;} + .d2-3300528218 .fill-AA2{fill:#4A6FF3;} + .d2-3300528218 .fill-AA4{fill:#EDF0FD;} + .d2-3300528218 .fill-AA5{fill:#F7F8FE;} + .d2-3300528218 .fill-AB4{fill:#EDF0FD;} + .d2-3300528218 .fill-AB5{fill:#F7F8FE;} + .d2-3300528218 .stroke-N1{stroke:#0A0F25;} + .d2-3300528218 .stroke-N2{stroke:#676C7E;} + .d2-3300528218 .stroke-N3{stroke:#9499AB;} + .d2-3300528218 .stroke-N4{stroke:#CFD2DD;} + .d2-3300528218 .stroke-N5{stroke:#DEE1EB;} + .d2-3300528218 .stroke-N6{stroke:#EEF1F8;} + .d2-3300528218 .stroke-N7{stroke:#FFFFFF;} + .d2-3300528218 .stroke-B1{stroke:#0D32B2;} + .d2-3300528218 .stroke-B2{stroke:#0D32B2;} + .d2-3300528218 .stroke-B3{stroke:#E3E9FD;} + .d2-3300528218 .stroke-B4{stroke:#E3E9FD;} + .d2-3300528218 .stroke-B5{stroke:#EDF0FD;} + .d2-3300528218 .stroke-B6{stroke:#F7F8FE;} + .d2-3300528218 .stroke-AA2{stroke:#4A6FF3;} + .d2-3300528218 .stroke-AA4{stroke:#EDF0FD;} + .d2-3300528218 .stroke-AA5{stroke:#F7F8FE;} + .d2-3300528218 .stroke-AB4{stroke:#EDF0FD;} + .d2-3300528218 .stroke-AB5{stroke:#F7F8FE;} + .d2-3300528218 .background-color-N1{background-color:#0A0F25;} + .d2-3300528218 .background-color-N2{background-color:#676C7E;} + .d2-3300528218 .background-color-N3{background-color:#9499AB;} + .d2-3300528218 .background-color-N4{background-color:#CFD2DD;} + .d2-3300528218 .background-color-N5{background-color:#DEE1EB;} + .d2-3300528218 .background-color-N6{background-color:#EEF1F8;} + .d2-3300528218 .background-color-N7{background-color:#FFFFFF;} + .d2-3300528218 .background-color-B1{background-color:#0D32B2;} + .d2-3300528218 .background-color-B2{background-color:#0D32B2;} + .d2-3300528218 .background-color-B3{background-color:#E3E9FD;} + .d2-3300528218 .background-color-B4{background-color:#E3E9FD;} + .d2-3300528218 .background-color-B5{background-color:#EDF0FD;} + .d2-3300528218 .background-color-B6{background-color:#F7F8FE;} + .d2-3300528218 .background-color-AA2{background-color:#4A6FF3;} + .d2-3300528218 .background-color-AA4{background-color:#EDF0FD;} + .d2-3300528218 .background-color-AA5{background-color:#F7F8FE;} + .d2-3300528218 .background-color-AB4{background-color:#EDF0FD;} + .d2-3300528218 .background-color-AB5{background-color:#F7F8FE;} + .d2-3300528218 .color-N1{color:#0A0F25;} + .d2-3300528218 .color-N2{color:#676C7E;} + .d2-3300528218 .color-N3{color:#9499AB;} + .d2-3300528218 .color-N4{color:#CFD2DD;} + .d2-3300528218 .color-N5{color:#DEE1EB;} + .d2-3300528218 .color-N6{color:#EEF1F8;} + .d2-3300528218 .color-N7{color:#FFFFFF;} + .d2-3300528218 .color-B1{color:#0D32B2;} + .d2-3300528218 .color-B2{color:#0D32B2;} + .d2-3300528218 .color-B3{color:#E3E9FD;} + .d2-3300528218 .color-B4{color:#E3E9FD;} + .d2-3300528218 .color-B5{color:#EDF0FD;} + .d2-3300528218 .color-B6{color:#F7F8FE;} + .d2-3300528218 .color-AA2{color:#4A6FF3;} + .d2-3300528218 .color-AA4{color:#EDF0FD;} + .d2-3300528218 .color-AA5{color:#F7F8FE;} + .d2-3300528218 .color-AB4{color:#EDF0FD;} + .d2-3300528218 .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}.light-code{display: block}.dark-code{display: none}]]>ab04:20,11:20loop through each table start_time = datetime.datetime.now + - - + + \ No newline at end of file diff --git a/e2etests/testdata/regression/sequence-note-escape-group/elk/board.exp.json b/e2etests/testdata/regression/sequence-note-escape-group/elk/board.exp.json index d6c4220e9..cca6bc022 100644 --- a/e2etests/testdata/regression/sequence-note-escape-group/elk/board.exp.json +++ b/e2etests/testdata/regression/sequence-note-escape-group/elk/board.exp.json @@ -93,7 +93,7 @@ "y": 161 }, "width": 433, - "height": 248, + "height": 252, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -132,10 +132,10 @@ "type": "rectangle", "pos": { "x": -122, - "y": 202 + "y": 204 }, "width": 409, - "height": 195, + "height": 197, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -174,7 +174,7 @@ "type": "page", "pos": { "x": -82, - "y": 246 + "y": 250 }, "width": 289, "height": 66, @@ -238,11 +238,11 @@ "route": [ { "x": 62, - "y": 382 + "y": 386 }, { "x": 247, - "y": 382 + "y": 386 } ], "animated": false, @@ -280,7 +280,7 @@ }, { "x": 62, - "y": 452 + "y": 456 } ], "animated": false, @@ -318,7 +318,7 @@ }, { "x": 247, - "y": 452 + "y": 456 } ], "animated": false, diff --git a/e2etests/testdata/regression/sequence-note-escape-group/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence-note-escape-group/elk/sketch.exp.svg index 9ea8e54aa..fbc707bff 100644 --- a/e2etests/testdata/regression/sequence-note-escape-group/elk/sketch.exp.svg +++ b/e2etests/testdata/regression/sequence-note-escape-group/elk/sketch.exp.svg @@ -1,9 +1,9 @@ -ab04:20,11:20loop through each table start_time = datetime.datetime.now - + .d2-3300528218 .fill-N1{fill:#0A0F25;} + .d2-3300528218 .fill-N2{fill:#676C7E;} + .d2-3300528218 .fill-N3{fill:#9499AB;} + .d2-3300528218 .fill-N4{fill:#CFD2DD;} + .d2-3300528218 .fill-N5{fill:#DEE1EB;} + .d2-3300528218 .fill-N6{fill:#EEF1F8;} + .d2-3300528218 .fill-N7{fill:#FFFFFF;} + .d2-3300528218 .fill-B1{fill:#0D32B2;} + .d2-3300528218 .fill-B2{fill:#0D32B2;} + .d2-3300528218 .fill-B3{fill:#E3E9FD;} + .d2-3300528218 .fill-B4{fill:#E3E9FD;} + .d2-3300528218 .fill-B5{fill:#EDF0FD;} + .d2-3300528218 .fill-B6{fill:#F7F8FE;} + .d2-3300528218 .fill-AA2{fill:#4A6FF3;} + .d2-3300528218 .fill-AA4{fill:#EDF0FD;} + .d2-3300528218 .fill-AA5{fill:#F7F8FE;} + .d2-3300528218 .fill-AB4{fill:#EDF0FD;} + .d2-3300528218 .fill-AB5{fill:#F7F8FE;} + .d2-3300528218 .stroke-N1{stroke:#0A0F25;} + .d2-3300528218 .stroke-N2{stroke:#676C7E;} + .d2-3300528218 .stroke-N3{stroke:#9499AB;} + .d2-3300528218 .stroke-N4{stroke:#CFD2DD;} + .d2-3300528218 .stroke-N5{stroke:#DEE1EB;} + .d2-3300528218 .stroke-N6{stroke:#EEF1F8;} + .d2-3300528218 .stroke-N7{stroke:#FFFFFF;} + .d2-3300528218 .stroke-B1{stroke:#0D32B2;} + .d2-3300528218 .stroke-B2{stroke:#0D32B2;} + .d2-3300528218 .stroke-B3{stroke:#E3E9FD;} + .d2-3300528218 .stroke-B4{stroke:#E3E9FD;} + .d2-3300528218 .stroke-B5{stroke:#EDF0FD;} + .d2-3300528218 .stroke-B6{stroke:#F7F8FE;} + .d2-3300528218 .stroke-AA2{stroke:#4A6FF3;} + .d2-3300528218 .stroke-AA4{stroke:#EDF0FD;} + .d2-3300528218 .stroke-AA5{stroke:#F7F8FE;} + .d2-3300528218 .stroke-AB4{stroke:#EDF0FD;} + .d2-3300528218 .stroke-AB5{stroke:#F7F8FE;} + .d2-3300528218 .background-color-N1{background-color:#0A0F25;} + .d2-3300528218 .background-color-N2{background-color:#676C7E;} + .d2-3300528218 .background-color-N3{background-color:#9499AB;} + .d2-3300528218 .background-color-N4{background-color:#CFD2DD;} + .d2-3300528218 .background-color-N5{background-color:#DEE1EB;} + .d2-3300528218 .background-color-N6{background-color:#EEF1F8;} + .d2-3300528218 .background-color-N7{background-color:#FFFFFF;} + .d2-3300528218 .background-color-B1{background-color:#0D32B2;} + .d2-3300528218 .background-color-B2{background-color:#0D32B2;} + .d2-3300528218 .background-color-B3{background-color:#E3E9FD;} + .d2-3300528218 .background-color-B4{background-color:#E3E9FD;} + .d2-3300528218 .background-color-B5{background-color:#EDF0FD;} + .d2-3300528218 .background-color-B6{background-color:#F7F8FE;} + .d2-3300528218 .background-color-AA2{background-color:#4A6FF3;} + .d2-3300528218 .background-color-AA4{background-color:#EDF0FD;} + .d2-3300528218 .background-color-AA5{background-color:#F7F8FE;} + .d2-3300528218 .background-color-AB4{background-color:#EDF0FD;} + .d2-3300528218 .background-color-AB5{background-color:#F7F8FE;} + .d2-3300528218 .color-N1{color:#0A0F25;} + .d2-3300528218 .color-N2{color:#676C7E;} + .d2-3300528218 .color-N3{color:#9499AB;} + .d2-3300528218 .color-N4{color:#CFD2DD;} + .d2-3300528218 .color-N5{color:#DEE1EB;} + .d2-3300528218 .color-N6{color:#EEF1F8;} + .d2-3300528218 .color-N7{color:#FFFFFF;} + .d2-3300528218 .color-B1{color:#0D32B2;} + .d2-3300528218 .color-B2{color:#0D32B2;} + .d2-3300528218 .color-B3{color:#E3E9FD;} + .d2-3300528218 .color-B4{color:#E3E9FD;} + .d2-3300528218 .color-B5{color:#EDF0FD;} + .d2-3300528218 .color-B6{color:#F7F8FE;} + .d2-3300528218 .color-AA2{color:#4A6FF3;} + .d2-3300528218 .color-AA4{color:#EDF0FD;} + .d2-3300528218 .color-AA5{color:#F7F8FE;} + .d2-3300528218 .color-AB4{color:#EDF0FD;} + .d2-3300528218 .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}.light-code{display: block}.dark-code{display: none}]]>ab04:20,11:20loop through each table start_time = datetime.datetime.now + - - + + \ No newline at end of file diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json index ce14ec563..77fef00ca 100644 --- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json +++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/board.exp.json @@ -134,7 +134,7 @@ "y": 173 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -173,10 +173,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 302 + "y": 304 }, "width": 230, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -215,10 +215,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 401 + "y": 405 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -257,10 +257,10 @@ "type": "rectangle", "pos": { "x": 56, - "y": 480 + "y": 486 }, "width": 12, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 2, @@ -297,10 +297,10 @@ "type": "rectangle", "pos": { "x": 28, - "y": 530 + "y": 536 }, "width": 224, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -339,10 +339,10 @@ "type": "rectangle", "pos": { "x": 172, - "y": 629 + "y": 637 }, "width": 160, - "height": 174, + "height": 176, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -381,10 +381,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 828 + "y": 838 }, "width": 230, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -423,10 +423,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 927 + "y": 939 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -465,10 +465,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 1056 + "y": 1070 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -507,10 +507,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 1285 + "y": 1301 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -549,10 +549,10 @@ "type": "rectangle", "pos": { "x": 322, - "y": 1554 + "y": 1572 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -591,10 +591,10 @@ "type": "rectangle", "pos": { "x": 322, - "y": 1753 + "y": 1773 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -656,19 +656,19 @@ "route": [ { "x": 62, - "y": 217 + "y": 219 }, { "x": 142, - "y": 217 + "y": 219 }, { "x": 142, - "y": 262 + "y": 264 }, { "x": 62, - "y": 262 + "y": 264 } ], "animated": false, @@ -702,11 +702,11 @@ "route": [ { "x": 62, - "y": 346 + "y": 350 }, { "x": 212, - "y": 346 + "y": 350 } ], "animated": false, @@ -740,19 +740,19 @@ "route": [ { "x": 62, - "y": 445 + "y": 451 }, { "x": 142, - "y": 445 + "y": 451 }, { "x": 142, - "y": 490 + "y": 496 }, { "x": 68, - "y": 490 + "y": 496 } ], "animated": false, @@ -786,11 +786,11 @@ "route": [ { "x": 68, - "y": 574 + "y": 582 }, { "x": 212, - "y": 574 + "y": 582 } ], "animated": false, @@ -824,19 +824,19 @@ "route": [ { "x": 212, - "y": 673 + "y": 683 }, { "x": 292, - "y": 673 + "y": 683 }, { "x": 292, - "y": 718 + "y": 728 }, { "x": 212, - "y": 718 + "y": 728 } ], "animated": false, @@ -870,19 +870,19 @@ "route": [ { "x": 212, - "y": 743 + "y": 753 }, { "x": 292, - "y": 743 + "y": 753 }, { "x": 292, - "y": 788 + "y": 798 }, { "x": 212, - "y": 788 + "y": 798 } ], "animated": false, @@ -916,11 +916,11 @@ "route": [ { "x": 212, - "y": 872 + "y": 884 }, { "x": 62, - "y": 872 + "y": 884 } ], "animated": false, @@ -954,19 +954,19 @@ "route": [ { "x": 62, - "y": 971 + "y": 985 }, { "x": 142, - "y": 971 + "y": 985 }, { "x": 142, - "y": 1016 + "y": 1030 }, { "x": 62, - "y": 1016 + "y": 1030 } ], "animated": false, @@ -1000,19 +1000,19 @@ "route": [ { "x": 62, - "y": 1100 + "y": 1116 }, { "x": 142, - "y": 1100 + "y": 1116 }, { "x": 142, - "y": 1145 + "y": 1161 }, { "x": 62, - "y": 1145 + "y": 1161 } ], "animated": false, @@ -1046,19 +1046,19 @@ "route": [ { "x": 62, - "y": 1200 + "y": 1216 }, { "x": 142, - "y": 1200 + "y": 1216 }, { "x": 142, - "y": 1245 + "y": 1261 }, { "x": 62, - "y": 1245 + "y": 1261 } ], "animated": false, @@ -1092,19 +1092,19 @@ "route": [ { "x": 62, - "y": 1329 + "y": 1347 }, { "x": 142, - "y": 1329 + "y": 1347 }, { "x": 142, - "y": 1374 + "y": 1392 }, { "x": 62, - "y": 1374 + "y": 1392 } ], "animated": false, @@ -1138,19 +1138,19 @@ "route": [ { "x": 62, - "y": 1429 + "y": 1447 }, { "x": 142, - "y": 1429 + "y": 1447 }, { "x": 142, - "y": 1474 + "y": 1492 }, { "x": 62, - "y": 1474 + "y": 1492 } ], "animated": false, @@ -1184,11 +1184,11 @@ "route": [ { "x": 212, - "y": 1499 + "y": 1517 }, { "x": 362, - "y": 1499 + "y": 1517 } ], "animated": false, @@ -1222,19 +1222,19 @@ "route": [ { "x": 362, - "y": 1598 + "y": 1618 }, { "x": 442, - "y": 1598 + "y": 1618 }, { "x": 442, - "y": 1643 + "y": 1663 }, { "x": 362, - "y": 1643 + "y": 1663 } ], "animated": false, @@ -1268,11 +1268,11 @@ "route": [ { "x": 212, - "y": 1698 + "y": 1718 }, { "x": 362, - "y": 1698 + "y": 1718 } ], "animated": false, @@ -1306,19 +1306,19 @@ "route": [ { "x": 362, - "y": 1797 + "y": 1819 }, { "x": 442, - "y": 1797 + "y": 1819 }, { "x": 442, - "y": 1842 + "y": 1864 }, { "x": 362, - "y": 1842 + "y": 1864 } ], "animated": false, @@ -1352,11 +1352,11 @@ "route": [ { "x": 212, - "y": 1897 + "y": 1919 }, { "x": 362, - "y": 1897 + "y": 1919 } ], "animated": false, @@ -1394,7 +1394,7 @@ }, { "x": 62, - "y": 1967 + "y": 1989 } ], "animated": false, @@ -1432,7 +1432,7 @@ }, { "x": 212, - "y": 1967 + "y": 1989 } ], "animated": false, @@ -1470,7 +1470,7 @@ }, { "x": 362, - "y": 1967 + "y": 1989 } ], "animated": false, diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg index 550c37e36..b9af06fcf 100644 --- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg +++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/dagre/sketch.exp.svg @@ -1,9 +1,9 @@ -ABCgroup 1group 2group 3group 4group 5group 6group 7group 8group 9group 10group 11 - + .d2-908526044 .fill-N1{fill:#0A0F25;} + .d2-908526044 .fill-N2{fill:#676C7E;} + .d2-908526044 .fill-N3{fill:#9499AB;} + .d2-908526044 .fill-N4{fill:#CFD2DD;} + .d2-908526044 .fill-N5{fill:#DEE1EB;} + .d2-908526044 .fill-N6{fill:#EEF1F8;} + .d2-908526044 .fill-N7{fill:#FFFFFF;} + .d2-908526044 .fill-B1{fill:#0D32B2;} + .d2-908526044 .fill-B2{fill:#0D32B2;} + .d2-908526044 .fill-B3{fill:#E3E9FD;} + .d2-908526044 .fill-B4{fill:#E3E9FD;} + .d2-908526044 .fill-B5{fill:#EDF0FD;} + .d2-908526044 .fill-B6{fill:#F7F8FE;} + .d2-908526044 .fill-AA2{fill:#4A6FF3;} + .d2-908526044 .fill-AA4{fill:#EDF0FD;} + .d2-908526044 .fill-AA5{fill:#F7F8FE;} + .d2-908526044 .fill-AB4{fill:#EDF0FD;} + .d2-908526044 .fill-AB5{fill:#F7F8FE;} + .d2-908526044 .stroke-N1{stroke:#0A0F25;} + .d2-908526044 .stroke-N2{stroke:#676C7E;} + .d2-908526044 .stroke-N3{stroke:#9499AB;} + .d2-908526044 .stroke-N4{stroke:#CFD2DD;} + .d2-908526044 .stroke-N5{stroke:#DEE1EB;} + .d2-908526044 .stroke-N6{stroke:#EEF1F8;} + .d2-908526044 .stroke-N7{stroke:#FFFFFF;} + .d2-908526044 .stroke-B1{stroke:#0D32B2;} + .d2-908526044 .stroke-B2{stroke:#0D32B2;} + .d2-908526044 .stroke-B3{stroke:#E3E9FD;} + .d2-908526044 .stroke-B4{stroke:#E3E9FD;} + .d2-908526044 .stroke-B5{stroke:#EDF0FD;} + .d2-908526044 .stroke-B6{stroke:#F7F8FE;} + .d2-908526044 .stroke-AA2{stroke:#4A6FF3;} + .d2-908526044 .stroke-AA4{stroke:#EDF0FD;} + .d2-908526044 .stroke-AA5{stroke:#F7F8FE;} + .d2-908526044 .stroke-AB4{stroke:#EDF0FD;} + .d2-908526044 .stroke-AB5{stroke:#F7F8FE;} + .d2-908526044 .background-color-N1{background-color:#0A0F25;} + .d2-908526044 .background-color-N2{background-color:#676C7E;} + .d2-908526044 .background-color-N3{background-color:#9499AB;} + .d2-908526044 .background-color-N4{background-color:#CFD2DD;} + .d2-908526044 .background-color-N5{background-color:#DEE1EB;} + .d2-908526044 .background-color-N6{background-color:#EEF1F8;} + .d2-908526044 .background-color-N7{background-color:#FFFFFF;} + .d2-908526044 .background-color-B1{background-color:#0D32B2;} + .d2-908526044 .background-color-B2{background-color:#0D32B2;} + .d2-908526044 .background-color-B3{background-color:#E3E9FD;} + .d2-908526044 .background-color-B4{background-color:#E3E9FD;} + .d2-908526044 .background-color-B5{background-color:#EDF0FD;} + .d2-908526044 .background-color-B6{background-color:#F7F8FE;} + .d2-908526044 .background-color-AA2{background-color:#4A6FF3;} + .d2-908526044 .background-color-AA4{background-color:#EDF0FD;} + .d2-908526044 .background-color-AA5{background-color:#F7F8FE;} + .d2-908526044 .background-color-AB4{background-color:#EDF0FD;} + .d2-908526044 .background-color-AB5{background-color:#F7F8FE;} + .d2-908526044 .color-N1{color:#0A0F25;} + .d2-908526044 .color-N2{color:#676C7E;} + .d2-908526044 .color-N3{color:#9499AB;} + .d2-908526044 .color-N4{color:#CFD2DD;} + .d2-908526044 .color-N5{color:#DEE1EB;} + .d2-908526044 .color-N6{color:#EEF1F8;} + .d2-908526044 .color-N7{color:#FFFFFF;} + .d2-908526044 .color-B1{color:#0D32B2;} + .d2-908526044 .color-B2{color:#0D32B2;} + .d2-908526044 .color-B3{color:#E3E9FD;} + .d2-908526044 .color-B4{color:#E3E9FD;} + .d2-908526044 .color-B5{color:#EDF0FD;} + .d2-908526044 .color-B6{color:#F7F8FE;} + .d2-908526044 .color-AA2{color:#4A6FF3;} + .d2-908526044 .color-AA4{color:#EDF0FD;} + .d2-908526044 .color-AA5{color:#F7F8FE;} + .d2-908526044 .color-AB4{color:#EDF0FD;} + .d2-908526044 .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}.light-code{display: block}.dark-code{display: none}]]>ABCgroup 1group 2group 3group 4group 5group 6group 7group 8group 9group 10group 11 + - - - - - - - - - - + + + + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json index ce14ec563..77fef00ca 100644 --- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json +++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/board.exp.json @@ -134,7 +134,7 @@ "y": 173 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -173,10 +173,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 302 + "y": 304 }, "width": 230, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -215,10 +215,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 401 + "y": 405 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -257,10 +257,10 @@ "type": "rectangle", "pos": { "x": 56, - "y": 480 + "y": 486 }, "width": 12, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 2, @@ -297,10 +297,10 @@ "type": "rectangle", "pos": { "x": 28, - "y": 530 + "y": 536 }, "width": 224, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -339,10 +339,10 @@ "type": "rectangle", "pos": { "x": 172, - "y": 629 + "y": 637 }, "width": 160, - "height": 174, + "height": 176, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -381,10 +381,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 828 + "y": 838 }, "width": 230, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -423,10 +423,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 927 + "y": 939 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -465,10 +465,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 1056 + "y": 1070 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -507,10 +507,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 1285 + "y": 1301 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -549,10 +549,10 @@ "type": "rectangle", "pos": { "x": 322, - "y": 1554 + "y": 1572 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -591,10 +591,10 @@ "type": "rectangle", "pos": { "x": 322, - "y": 1753 + "y": 1773 }, "width": 160, - "height": 104, + "height": 106, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -656,19 +656,19 @@ "route": [ { "x": 62, - "y": 217 + "y": 219 }, { "x": 142, - "y": 217 + "y": 219 }, { "x": 142, - "y": 262 + "y": 264 }, { "x": 62, - "y": 262 + "y": 264 } ], "animated": false, @@ -702,11 +702,11 @@ "route": [ { "x": 62, - "y": 346 + "y": 350 }, { "x": 212, - "y": 346 + "y": 350 } ], "animated": false, @@ -740,19 +740,19 @@ "route": [ { "x": 62, - "y": 445 + "y": 451 }, { "x": 142, - "y": 445 + "y": 451 }, { "x": 142, - "y": 490 + "y": 496 }, { "x": 68, - "y": 490 + "y": 496 } ], "animated": false, @@ -786,11 +786,11 @@ "route": [ { "x": 68, - "y": 574 + "y": 582 }, { "x": 212, - "y": 574 + "y": 582 } ], "animated": false, @@ -824,19 +824,19 @@ "route": [ { "x": 212, - "y": 673 + "y": 683 }, { "x": 292, - "y": 673 + "y": 683 }, { "x": 292, - "y": 718 + "y": 728 }, { "x": 212, - "y": 718 + "y": 728 } ], "animated": false, @@ -870,19 +870,19 @@ "route": [ { "x": 212, - "y": 743 + "y": 753 }, { "x": 292, - "y": 743 + "y": 753 }, { "x": 292, - "y": 788 + "y": 798 }, { "x": 212, - "y": 788 + "y": 798 } ], "animated": false, @@ -916,11 +916,11 @@ "route": [ { "x": 212, - "y": 872 + "y": 884 }, { "x": 62, - "y": 872 + "y": 884 } ], "animated": false, @@ -954,19 +954,19 @@ "route": [ { "x": 62, - "y": 971 + "y": 985 }, { "x": 142, - "y": 971 + "y": 985 }, { "x": 142, - "y": 1016 + "y": 1030 }, { "x": 62, - "y": 1016 + "y": 1030 } ], "animated": false, @@ -1000,19 +1000,19 @@ "route": [ { "x": 62, - "y": 1100 + "y": 1116 }, { "x": 142, - "y": 1100 + "y": 1116 }, { "x": 142, - "y": 1145 + "y": 1161 }, { "x": 62, - "y": 1145 + "y": 1161 } ], "animated": false, @@ -1046,19 +1046,19 @@ "route": [ { "x": 62, - "y": 1200 + "y": 1216 }, { "x": 142, - "y": 1200 + "y": 1216 }, { "x": 142, - "y": 1245 + "y": 1261 }, { "x": 62, - "y": 1245 + "y": 1261 } ], "animated": false, @@ -1092,19 +1092,19 @@ "route": [ { "x": 62, - "y": 1329 + "y": 1347 }, { "x": 142, - "y": 1329 + "y": 1347 }, { "x": 142, - "y": 1374 + "y": 1392 }, { "x": 62, - "y": 1374 + "y": 1392 } ], "animated": false, @@ -1138,19 +1138,19 @@ "route": [ { "x": 62, - "y": 1429 + "y": 1447 }, { "x": 142, - "y": 1429 + "y": 1447 }, { "x": 142, - "y": 1474 + "y": 1492 }, { "x": 62, - "y": 1474 + "y": 1492 } ], "animated": false, @@ -1184,11 +1184,11 @@ "route": [ { "x": 212, - "y": 1499 + "y": 1517 }, { "x": 362, - "y": 1499 + "y": 1517 } ], "animated": false, @@ -1222,19 +1222,19 @@ "route": [ { "x": 362, - "y": 1598 + "y": 1618 }, { "x": 442, - "y": 1598 + "y": 1618 }, { "x": 442, - "y": 1643 + "y": 1663 }, { "x": 362, - "y": 1643 + "y": 1663 } ], "animated": false, @@ -1268,11 +1268,11 @@ "route": [ { "x": 212, - "y": 1698 + "y": 1718 }, { "x": 362, - "y": 1698 + "y": 1718 } ], "animated": false, @@ -1306,19 +1306,19 @@ "route": [ { "x": 362, - "y": 1797 + "y": 1819 }, { "x": 442, - "y": 1797 + "y": 1819 }, { "x": 442, - "y": 1842 + "y": 1864 }, { "x": 362, - "y": 1842 + "y": 1864 } ], "animated": false, @@ -1352,11 +1352,11 @@ "route": [ { "x": 212, - "y": 1897 + "y": 1919 }, { "x": 362, - "y": 1897 + "y": 1919 } ], "animated": false, @@ -1394,7 +1394,7 @@ }, { "x": 62, - "y": 1967 + "y": 1989 } ], "animated": false, @@ -1432,7 +1432,7 @@ }, { "x": 212, - "y": 1967 + "y": 1989 } ], "animated": false, @@ -1470,7 +1470,7 @@ }, { "x": 362, - "y": 1967 + "y": 1989 } ], "animated": false, diff --git a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg index 550c37e36..b9af06fcf 100644 --- a/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg +++ b/e2etests/testdata/regression/sequence_diagram_self_edge_group_overlap/elk/sketch.exp.svg @@ -1,9 +1,9 @@ -ABCgroup 1group 2group 3group 4group 5group 6group 7group 8group 9group 10group 11 - + .d2-908526044 .fill-N1{fill:#0A0F25;} + .d2-908526044 .fill-N2{fill:#676C7E;} + .d2-908526044 .fill-N3{fill:#9499AB;} + .d2-908526044 .fill-N4{fill:#CFD2DD;} + .d2-908526044 .fill-N5{fill:#DEE1EB;} + .d2-908526044 .fill-N6{fill:#EEF1F8;} + .d2-908526044 .fill-N7{fill:#FFFFFF;} + .d2-908526044 .fill-B1{fill:#0D32B2;} + .d2-908526044 .fill-B2{fill:#0D32B2;} + .d2-908526044 .fill-B3{fill:#E3E9FD;} + .d2-908526044 .fill-B4{fill:#E3E9FD;} + .d2-908526044 .fill-B5{fill:#EDF0FD;} + .d2-908526044 .fill-B6{fill:#F7F8FE;} + .d2-908526044 .fill-AA2{fill:#4A6FF3;} + .d2-908526044 .fill-AA4{fill:#EDF0FD;} + .d2-908526044 .fill-AA5{fill:#F7F8FE;} + .d2-908526044 .fill-AB4{fill:#EDF0FD;} + .d2-908526044 .fill-AB5{fill:#F7F8FE;} + .d2-908526044 .stroke-N1{stroke:#0A0F25;} + .d2-908526044 .stroke-N2{stroke:#676C7E;} + .d2-908526044 .stroke-N3{stroke:#9499AB;} + .d2-908526044 .stroke-N4{stroke:#CFD2DD;} + .d2-908526044 .stroke-N5{stroke:#DEE1EB;} + .d2-908526044 .stroke-N6{stroke:#EEF1F8;} + .d2-908526044 .stroke-N7{stroke:#FFFFFF;} + .d2-908526044 .stroke-B1{stroke:#0D32B2;} + .d2-908526044 .stroke-B2{stroke:#0D32B2;} + .d2-908526044 .stroke-B3{stroke:#E3E9FD;} + .d2-908526044 .stroke-B4{stroke:#E3E9FD;} + .d2-908526044 .stroke-B5{stroke:#EDF0FD;} + .d2-908526044 .stroke-B6{stroke:#F7F8FE;} + .d2-908526044 .stroke-AA2{stroke:#4A6FF3;} + .d2-908526044 .stroke-AA4{stroke:#EDF0FD;} + .d2-908526044 .stroke-AA5{stroke:#F7F8FE;} + .d2-908526044 .stroke-AB4{stroke:#EDF0FD;} + .d2-908526044 .stroke-AB5{stroke:#F7F8FE;} + .d2-908526044 .background-color-N1{background-color:#0A0F25;} + .d2-908526044 .background-color-N2{background-color:#676C7E;} + .d2-908526044 .background-color-N3{background-color:#9499AB;} + .d2-908526044 .background-color-N4{background-color:#CFD2DD;} + .d2-908526044 .background-color-N5{background-color:#DEE1EB;} + .d2-908526044 .background-color-N6{background-color:#EEF1F8;} + .d2-908526044 .background-color-N7{background-color:#FFFFFF;} + .d2-908526044 .background-color-B1{background-color:#0D32B2;} + .d2-908526044 .background-color-B2{background-color:#0D32B2;} + .d2-908526044 .background-color-B3{background-color:#E3E9FD;} + .d2-908526044 .background-color-B4{background-color:#E3E9FD;} + .d2-908526044 .background-color-B5{background-color:#EDF0FD;} + .d2-908526044 .background-color-B6{background-color:#F7F8FE;} + .d2-908526044 .background-color-AA2{background-color:#4A6FF3;} + .d2-908526044 .background-color-AA4{background-color:#EDF0FD;} + .d2-908526044 .background-color-AA5{background-color:#F7F8FE;} + .d2-908526044 .background-color-AB4{background-color:#EDF0FD;} + .d2-908526044 .background-color-AB5{background-color:#F7F8FE;} + .d2-908526044 .color-N1{color:#0A0F25;} + .d2-908526044 .color-N2{color:#676C7E;} + .d2-908526044 .color-N3{color:#9499AB;} + .d2-908526044 .color-N4{color:#CFD2DD;} + .d2-908526044 .color-N5{color:#DEE1EB;} + .d2-908526044 .color-N6{color:#EEF1F8;} + .d2-908526044 .color-N7{color:#FFFFFF;} + .d2-908526044 .color-B1{color:#0D32B2;} + .d2-908526044 .color-B2{color:#0D32B2;} + .d2-908526044 .color-B3{color:#E3E9FD;} + .d2-908526044 .color-B4{color:#E3E9FD;} + .d2-908526044 .color-B5{color:#EDF0FD;} + .d2-908526044 .color-B6{color:#F7F8FE;} + .d2-908526044 .color-AA2{color:#4A6FF3;} + .d2-908526044 .color-AA4{color:#EDF0FD;} + .d2-908526044 .color-AA5{color:#F7F8FE;} + .d2-908526044 .color-AB4{color:#EDF0FD;} + .d2-908526044 .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}.light-code{display: block}.dark-code{display: none}]]>ABCgroup 1group 2group 3group 4group 5group 6group 7group 8group 9group 10group 11 + - - - - - - - - - - + + + + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json index a34c65e5b..983b1f4e2 100644 --- a/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json +++ b/e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json @@ -172,10 +172,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 243 + "y": 235 }, "width": 230, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -214,10 +214,10 @@ "type": "rectangle", "pos": { "x": 160, - "y": 342 + "y": 344 }, "width": 254, - "height": 438, + "height": 442, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -256,10 +256,10 @@ "type": "rectangle", "pos": { "x": 172, - "y": 511 + "y": 507 }, "width": 230, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -298,7 +298,7 @@ "type": "rectangle", "pos": { "x": 206, - "y": 615 + "y": 621 }, "width": 12, "height": 160, @@ -338,7 +338,7 @@ "type": "rectangle", "pos": { "x": 356, - "y": 615 + "y": 621 }, "width": 12, "height": 160, @@ -378,7 +378,7 @@ "type": "rectangle", "pos": { "x": 202, - "y": 685 + "y": 691 }, "width": 20, "height": 30, @@ -418,10 +418,10 @@ "type": "rectangle", "pos": { "x": 172, - "y": 820 + "y": 826 }, "width": 328, - "height": 265, + "height": 274, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -460,7 +460,7 @@ "type": "page", "pos": { "x": 263, - "y": 934 + "y": 942 }, "width": 197, "height": 66, @@ -501,10 +501,10 @@ "type": "rectangle", "pos": { "x": 420, - "y": 1125 + "y": 1133 }, "width": 184, - "height": 125, + "height": 127, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -543,7 +543,7 @@ "type": "page", "pos": { "x": 460, - "y": 1169 + "y": 1179 }, "width": 104, "height": 66, @@ -645,11 +645,11 @@ "route": [ { "x": 62, - "y": 287 + "y": 289 }, { "x": 212, - "y": 287 + "y": 289 } ], "animated": false, @@ -683,11 +683,11 @@ "route": [ { "x": 212, - "y": 386 + "y": 390 }, { "x": 362, - "y": 386 + "y": 390 } ], "animated": false, @@ -721,11 +721,11 @@ "route": [ { "x": 362, - "y": 456 + "y": 460 }, { "x": 212, - "y": 456 + "y": 460 } ], "animated": false, @@ -759,11 +759,11 @@ "route": [ { "x": 362, - "y": 555 + "y": 561 }, { "x": 212, - "y": 555 + "y": 561 } ], "animated": false, @@ -797,11 +797,11 @@ "route": [ { "x": 218, - "y": 625 + "y": 631 }, { "x": 356, - "y": 625 + "y": 631 } ], "animated": false, @@ -835,11 +835,11 @@ "route": [ { "x": 222, - "y": 695 + "y": 701 }, { "x": 356, - "y": 695 + "y": 701 } ], "animated": false, @@ -873,11 +873,11 @@ "route": [ { "x": 356, - "y": 765 + "y": 771 }, { "x": 218, - "y": 765 + "y": 771 } ], "animated": false, @@ -911,11 +911,11 @@ "route": [ { "x": 212, - "y": 864 + "y": 872 }, { "x": 362, - "y": 864 + "y": 872 } ], "animated": false, @@ -949,11 +949,11 @@ "route": [ { "x": 362, - "y": 1070 + "y": 1078 }, { "x": 212, - "y": 1070 + "y": 1078 } ], "animated": false, @@ -991,7 +991,7 @@ }, { "x": 62, - "y": 1305 + "y": 1315 } ], "animated": false, @@ -1029,7 +1029,7 @@ }, { "x": 212, - "y": 1305 + "y": 1315 } ], "animated": false, @@ -1067,7 +1067,7 @@ }, { "x": 362, - "y": 1305 + "y": 1315 } ], "animated": false, @@ -1105,7 +1105,7 @@ }, { "x": 512, - "y": 1305 + "y": 1315 } ], "animated": false, diff --git a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg index 1fbe1b7fd..25cf41019 100644 --- a/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg +++ b/e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg @@ -1,16 +1,16 @@ -abcdggggroup 1group bchoonested guy lalaeyokayokaywhat would arnold saythis note - + .d2-2738526059 .fill-N1{fill:#0A0F25;} + .d2-2738526059 .fill-N2{fill:#676C7E;} + .d2-2738526059 .fill-N3{fill:#9499AB;} + .d2-2738526059 .fill-N4{fill:#CFD2DD;} + .d2-2738526059 .fill-N5{fill:#DEE1EB;} + .d2-2738526059 .fill-N6{fill:#EEF1F8;} + .d2-2738526059 .fill-N7{fill:#FFFFFF;} + .d2-2738526059 .fill-B1{fill:#0D32B2;} + .d2-2738526059 .fill-B2{fill:#0D32B2;} + .d2-2738526059 .fill-B3{fill:#E3E9FD;} + .d2-2738526059 .fill-B4{fill:#E3E9FD;} + .d2-2738526059 .fill-B5{fill:#EDF0FD;} + .d2-2738526059 .fill-B6{fill:#F7F8FE;} + .d2-2738526059 .fill-AA2{fill:#4A6FF3;} + .d2-2738526059 .fill-AA4{fill:#EDF0FD;} + .d2-2738526059 .fill-AA5{fill:#F7F8FE;} + .d2-2738526059 .fill-AB4{fill:#EDF0FD;} + .d2-2738526059 .fill-AB5{fill:#F7F8FE;} + .d2-2738526059 .stroke-N1{stroke:#0A0F25;} + .d2-2738526059 .stroke-N2{stroke:#676C7E;} + .d2-2738526059 .stroke-N3{stroke:#9499AB;} + .d2-2738526059 .stroke-N4{stroke:#CFD2DD;} + .d2-2738526059 .stroke-N5{stroke:#DEE1EB;} + .d2-2738526059 .stroke-N6{stroke:#EEF1F8;} + .d2-2738526059 .stroke-N7{stroke:#FFFFFF;} + .d2-2738526059 .stroke-B1{stroke:#0D32B2;} + .d2-2738526059 .stroke-B2{stroke:#0D32B2;} + .d2-2738526059 .stroke-B3{stroke:#E3E9FD;} + .d2-2738526059 .stroke-B4{stroke:#E3E9FD;} + .d2-2738526059 .stroke-B5{stroke:#EDF0FD;} + .d2-2738526059 .stroke-B6{stroke:#F7F8FE;} + .d2-2738526059 .stroke-AA2{stroke:#4A6FF3;} + .d2-2738526059 .stroke-AA4{stroke:#EDF0FD;} + .d2-2738526059 .stroke-AA5{stroke:#F7F8FE;} + .d2-2738526059 .stroke-AB4{stroke:#EDF0FD;} + .d2-2738526059 .stroke-AB5{stroke:#F7F8FE;} + .d2-2738526059 .background-color-N1{background-color:#0A0F25;} + .d2-2738526059 .background-color-N2{background-color:#676C7E;} + .d2-2738526059 .background-color-N3{background-color:#9499AB;} + .d2-2738526059 .background-color-N4{background-color:#CFD2DD;} + .d2-2738526059 .background-color-N5{background-color:#DEE1EB;} + .d2-2738526059 .background-color-N6{background-color:#EEF1F8;} + .d2-2738526059 .background-color-N7{background-color:#FFFFFF;} + .d2-2738526059 .background-color-B1{background-color:#0D32B2;} + .d2-2738526059 .background-color-B2{background-color:#0D32B2;} + .d2-2738526059 .background-color-B3{background-color:#E3E9FD;} + .d2-2738526059 .background-color-B4{background-color:#E3E9FD;} + .d2-2738526059 .background-color-B5{background-color:#EDF0FD;} + .d2-2738526059 .background-color-B6{background-color:#F7F8FE;} + .d2-2738526059 .background-color-AA2{background-color:#4A6FF3;} + .d2-2738526059 .background-color-AA4{background-color:#EDF0FD;} + .d2-2738526059 .background-color-AA5{background-color:#F7F8FE;} + .d2-2738526059 .background-color-AB4{background-color:#EDF0FD;} + .d2-2738526059 .background-color-AB5{background-color:#F7F8FE;} + .d2-2738526059 .color-N1{color:#0A0F25;} + .d2-2738526059 .color-N2{color:#676C7E;} + .d2-2738526059 .color-N3{color:#9499AB;} + .d2-2738526059 .color-N4{color:#CFD2DD;} + .d2-2738526059 .color-N5{color:#DEE1EB;} + .d2-2738526059 .color-N6{color:#EEF1F8;} + .d2-2738526059 .color-N7{color:#FFFFFF;} + .d2-2738526059 .color-B1{color:#0D32B2;} + .d2-2738526059 .color-B2{color:#0D32B2;} + .d2-2738526059 .color-B3{color:#E3E9FD;} + .d2-2738526059 .color-B4{color:#E3E9FD;} + .d2-2738526059 .color-B5{color:#EDF0FD;} + .d2-2738526059 .color-B6{color:#F7F8FE;} + .d2-2738526059 .color-AA2{color:#4A6FF3;} + .d2-2738526059 .color-AA4{color:#EDF0FD;} + .d2-2738526059 .color-AA5{color:#F7F8FE;} + .d2-2738526059 .color-AB4{color:#EDF0FD;} + .d2-2738526059 .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}.light-code{display: block}.dark-code{display: none}]]>abcdggggroup 1group bchoonested guy lalaeyokayokaywhat would arnold saythis note + - - - - - - - - - - - + + + + + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json index a34c65e5b..983b1f4e2 100644 --- a/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json +++ b/e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json @@ -172,10 +172,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 243 + "y": 235 }, "width": 230, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -214,10 +214,10 @@ "type": "rectangle", "pos": { "x": 160, - "y": 342 + "y": 344 }, "width": 254, - "height": 438, + "height": 442, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -256,10 +256,10 @@ "type": "rectangle", "pos": { "x": 172, - "y": 511 + "y": 507 }, "width": 230, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -298,7 +298,7 @@ "type": "rectangle", "pos": { "x": 206, - "y": 615 + "y": 621 }, "width": 12, "height": 160, @@ -338,7 +338,7 @@ "type": "rectangle", "pos": { "x": 356, - "y": 615 + "y": 621 }, "width": 12, "height": 160, @@ -378,7 +378,7 @@ "type": "rectangle", "pos": { "x": 202, - "y": 685 + "y": 691 }, "width": 20, "height": 30, @@ -418,10 +418,10 @@ "type": "rectangle", "pos": { "x": 172, - "y": 820 + "y": 826 }, "width": 328, - "height": 265, + "height": 274, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -460,7 +460,7 @@ "type": "page", "pos": { "x": 263, - "y": 934 + "y": 942 }, "width": 197, "height": 66, @@ -501,10 +501,10 @@ "type": "rectangle", "pos": { "x": 420, - "y": 1125 + "y": 1133 }, "width": 184, - "height": 125, + "height": 127, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -543,7 +543,7 @@ "type": "page", "pos": { "x": 460, - "y": 1169 + "y": 1179 }, "width": 104, "height": 66, @@ -645,11 +645,11 @@ "route": [ { "x": 62, - "y": 287 + "y": 289 }, { "x": 212, - "y": 287 + "y": 289 } ], "animated": false, @@ -683,11 +683,11 @@ "route": [ { "x": 212, - "y": 386 + "y": 390 }, { "x": 362, - "y": 386 + "y": 390 } ], "animated": false, @@ -721,11 +721,11 @@ "route": [ { "x": 362, - "y": 456 + "y": 460 }, { "x": 212, - "y": 456 + "y": 460 } ], "animated": false, @@ -759,11 +759,11 @@ "route": [ { "x": 362, - "y": 555 + "y": 561 }, { "x": 212, - "y": 555 + "y": 561 } ], "animated": false, @@ -797,11 +797,11 @@ "route": [ { "x": 218, - "y": 625 + "y": 631 }, { "x": 356, - "y": 625 + "y": 631 } ], "animated": false, @@ -835,11 +835,11 @@ "route": [ { "x": 222, - "y": 695 + "y": 701 }, { "x": 356, - "y": 695 + "y": 701 } ], "animated": false, @@ -873,11 +873,11 @@ "route": [ { "x": 356, - "y": 765 + "y": 771 }, { "x": 218, - "y": 765 + "y": 771 } ], "animated": false, @@ -911,11 +911,11 @@ "route": [ { "x": 212, - "y": 864 + "y": 872 }, { "x": 362, - "y": 864 + "y": 872 } ], "animated": false, @@ -949,11 +949,11 @@ "route": [ { "x": 362, - "y": 1070 + "y": 1078 }, { "x": 212, - "y": 1070 + "y": 1078 } ], "animated": false, @@ -991,7 +991,7 @@ }, { "x": 62, - "y": 1305 + "y": 1315 } ], "animated": false, @@ -1029,7 +1029,7 @@ }, { "x": 212, - "y": 1305 + "y": 1315 } ], "animated": false, @@ -1067,7 +1067,7 @@ }, { "x": 362, - "y": 1305 + "y": 1315 } ], "animated": false, @@ -1105,7 +1105,7 @@ }, { "x": 512, - "y": 1305 + "y": 1315 } ], "animated": false, diff --git a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg index 1fbe1b7fd..25cf41019 100644 --- a/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg +++ b/e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg @@ -1,16 +1,16 @@ -abcdggggroup 1group bchoonested guy lalaeyokayokaywhat would arnold saythis note - + .d2-2738526059 .fill-N1{fill:#0A0F25;} + .d2-2738526059 .fill-N2{fill:#676C7E;} + .d2-2738526059 .fill-N3{fill:#9499AB;} + .d2-2738526059 .fill-N4{fill:#CFD2DD;} + .d2-2738526059 .fill-N5{fill:#DEE1EB;} + .d2-2738526059 .fill-N6{fill:#EEF1F8;} + .d2-2738526059 .fill-N7{fill:#FFFFFF;} + .d2-2738526059 .fill-B1{fill:#0D32B2;} + .d2-2738526059 .fill-B2{fill:#0D32B2;} + .d2-2738526059 .fill-B3{fill:#E3E9FD;} + .d2-2738526059 .fill-B4{fill:#E3E9FD;} + .d2-2738526059 .fill-B5{fill:#EDF0FD;} + .d2-2738526059 .fill-B6{fill:#F7F8FE;} + .d2-2738526059 .fill-AA2{fill:#4A6FF3;} + .d2-2738526059 .fill-AA4{fill:#EDF0FD;} + .d2-2738526059 .fill-AA5{fill:#F7F8FE;} + .d2-2738526059 .fill-AB4{fill:#EDF0FD;} + .d2-2738526059 .fill-AB5{fill:#F7F8FE;} + .d2-2738526059 .stroke-N1{stroke:#0A0F25;} + .d2-2738526059 .stroke-N2{stroke:#676C7E;} + .d2-2738526059 .stroke-N3{stroke:#9499AB;} + .d2-2738526059 .stroke-N4{stroke:#CFD2DD;} + .d2-2738526059 .stroke-N5{stroke:#DEE1EB;} + .d2-2738526059 .stroke-N6{stroke:#EEF1F8;} + .d2-2738526059 .stroke-N7{stroke:#FFFFFF;} + .d2-2738526059 .stroke-B1{stroke:#0D32B2;} + .d2-2738526059 .stroke-B2{stroke:#0D32B2;} + .d2-2738526059 .stroke-B3{stroke:#E3E9FD;} + .d2-2738526059 .stroke-B4{stroke:#E3E9FD;} + .d2-2738526059 .stroke-B5{stroke:#EDF0FD;} + .d2-2738526059 .stroke-B6{stroke:#F7F8FE;} + .d2-2738526059 .stroke-AA2{stroke:#4A6FF3;} + .d2-2738526059 .stroke-AA4{stroke:#EDF0FD;} + .d2-2738526059 .stroke-AA5{stroke:#F7F8FE;} + .d2-2738526059 .stroke-AB4{stroke:#EDF0FD;} + .d2-2738526059 .stroke-AB5{stroke:#F7F8FE;} + .d2-2738526059 .background-color-N1{background-color:#0A0F25;} + .d2-2738526059 .background-color-N2{background-color:#676C7E;} + .d2-2738526059 .background-color-N3{background-color:#9499AB;} + .d2-2738526059 .background-color-N4{background-color:#CFD2DD;} + .d2-2738526059 .background-color-N5{background-color:#DEE1EB;} + .d2-2738526059 .background-color-N6{background-color:#EEF1F8;} + .d2-2738526059 .background-color-N7{background-color:#FFFFFF;} + .d2-2738526059 .background-color-B1{background-color:#0D32B2;} + .d2-2738526059 .background-color-B2{background-color:#0D32B2;} + .d2-2738526059 .background-color-B3{background-color:#E3E9FD;} + .d2-2738526059 .background-color-B4{background-color:#E3E9FD;} + .d2-2738526059 .background-color-B5{background-color:#EDF0FD;} + .d2-2738526059 .background-color-B6{background-color:#F7F8FE;} + .d2-2738526059 .background-color-AA2{background-color:#4A6FF3;} + .d2-2738526059 .background-color-AA4{background-color:#EDF0FD;} + .d2-2738526059 .background-color-AA5{background-color:#F7F8FE;} + .d2-2738526059 .background-color-AB4{background-color:#EDF0FD;} + .d2-2738526059 .background-color-AB5{background-color:#F7F8FE;} + .d2-2738526059 .color-N1{color:#0A0F25;} + .d2-2738526059 .color-N2{color:#676C7E;} + .d2-2738526059 .color-N3{color:#9499AB;} + .d2-2738526059 .color-N4{color:#CFD2DD;} + .d2-2738526059 .color-N5{color:#DEE1EB;} + .d2-2738526059 .color-N6{color:#EEF1F8;} + .d2-2738526059 .color-N7{color:#FFFFFF;} + .d2-2738526059 .color-B1{color:#0D32B2;} + .d2-2738526059 .color-B2{color:#0D32B2;} + .d2-2738526059 .color-B3{color:#E3E9FD;} + .d2-2738526059 .color-B4{color:#E3E9FD;} + .d2-2738526059 .color-B5{color:#EDF0FD;} + .d2-2738526059 .color-B6{color:#F7F8FE;} + .d2-2738526059 .color-AA2{color:#4A6FF3;} + .d2-2738526059 .color-AA4{color:#EDF0FD;} + .d2-2738526059 .color-AA5{color:#F7F8FE;} + .d2-2738526059 .color-AB4{color:#EDF0FD;} + .d2-2738526059 .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}.light-code{display: block}.dark-code{display: none}]]>abcdggggroup 1group bchoonested guy lalaeyokayokaywhat would arnold saythis note + - - - - - - - - - - - + + + + + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json index 3f6bf1bc5..d61770367 100644 --- a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json +++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json @@ -134,7 +134,7 @@ "y": 173 }, "width": 481, - "height": 697, + "height": 711, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -173,10 +173,10 @@ "type": "rectangle", "pos": { "x": -46, - "y": 272 + "y": 274 }, "width": 457, - "height": 557, + "height": 567, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -215,10 +215,10 @@ "type": "rectangle", "pos": { "x": -34, - "y": 371 + "y": 375 }, "width": 433, - "height": 417, + "height": 423, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -257,10 +257,10 @@ "type": "rectangle", "pos": { "x": -22, - "y": 470 + "y": 476 }, "width": 409, - "height": 306, + "height": 310, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -299,7 +299,7 @@ "type": "page", "pos": { "x": 18, - "y": 514 + "y": 522 }, "width": 88, "height": 66, @@ -340,10 +340,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 705 + "y": 713 }, "width": 353, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -382,10 +382,10 @@ "type": "rectangle", "pos": { "x": 283, - "y": 792 + "y": 802 }, "width": 376, - "height": 409, + "height": 419, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -424,10 +424,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 833 + "y": 845 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -466,10 +466,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 932 + "y": 946 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -508,10 +508,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 1031 + "y": 1047 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -550,10 +550,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 1130 + "y": 1148 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -592,7 +592,7 @@ "type": "page", "pos": { "x": 102, - "y": 1244 + "y": 1264 }, "width": 465, "height": 66, @@ -633,7 +633,7 @@ "type": "page", "pos": { "x": 23, - "y": 1380 + "y": 1400 }, "width": 77, "height": 130, @@ -697,11 +697,11 @@ "route": [ { "x": 62, - "y": 217 + "y": 219 }, { "x": 335, - "y": 217 + "y": 219 } ], "animated": false, @@ -735,11 +735,11 @@ "route": [ { "x": 62, - "y": 316 + "y": 320 }, { "x": 335, - "y": 316 + "y": 320 } ], "animated": false, @@ -773,11 +773,11 @@ "route": [ { "x": 62, - "y": 415 + "y": 421 }, { "x": 335, - "y": 415 + "y": 421 } ], "animated": false, @@ -811,11 +811,11 @@ "route": [ { "x": 62, - "y": 650 + "y": 658 }, { "x": 335, - "y": 650 + "y": 658 } ], "animated": false, @@ -849,11 +849,11 @@ "route": [ { "x": 62, - "y": 749 + "y": 759 }, { "x": 335, - "y": 749 + "y": 759 } ], "animated": false, @@ -887,11 +887,11 @@ "route": [ { "x": 335, - "y": 877 + "y": 891 }, { "x": 607, - "y": 877 + "y": 891 } ], "animated": false, @@ -925,11 +925,11 @@ "route": [ { "x": 335, - "y": 976 + "y": 992 }, { "x": 607, - "y": 976 + "y": 992 } ], "animated": false, @@ -963,11 +963,11 @@ "route": [ { "x": 335, - "y": 1075 + "y": 1093 }, { "x": 607, - "y": 1075 + "y": 1093 } ], "animated": false, @@ -1001,11 +1001,11 @@ "route": [ { "x": 335, - "y": 1174 + "y": 1194 }, { "x": 607, - "y": 1174 + "y": 1194 } ], "animated": false, @@ -1043,7 +1043,7 @@ }, { "x": 62, - "y": 1580 + "y": 1600 } ], "animated": false, @@ -1081,7 +1081,7 @@ }, { "x": 335, - "y": 1580 + "y": 1600 } ], "animated": false, @@ -1119,7 +1119,7 @@ }, { "x": 607, - "y": 1580 + "y": 1600 } ], "animated": false, diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg index 13b6b9826..24bec036c 100644 --- a/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg +++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg @@ -1,9 +1,9 @@ -abjust an actorthis is a message groupaltand this is a nested message groupcase 1case 2case 3case 4what about more nestingcrazy townwhoa a notea note here to remember that padding must consider notes toojustalongnotehere - + .d2-2676799471 .fill-N1{fill:#0A0F25;} + .d2-2676799471 .fill-N2{fill:#676C7E;} + .d2-2676799471 .fill-N3{fill:#9499AB;} + .d2-2676799471 .fill-N4{fill:#CFD2DD;} + .d2-2676799471 .fill-N5{fill:#DEE1EB;} + .d2-2676799471 .fill-N6{fill:#EEF1F8;} + .d2-2676799471 .fill-N7{fill:#FFFFFF;} + .d2-2676799471 .fill-B1{fill:#0D32B2;} + .d2-2676799471 .fill-B2{fill:#0D32B2;} + .d2-2676799471 .fill-B3{fill:#E3E9FD;} + .d2-2676799471 .fill-B4{fill:#E3E9FD;} + .d2-2676799471 .fill-B5{fill:#EDF0FD;} + .d2-2676799471 .fill-B6{fill:#F7F8FE;} + .d2-2676799471 .fill-AA2{fill:#4A6FF3;} + .d2-2676799471 .fill-AA4{fill:#EDF0FD;} + .d2-2676799471 .fill-AA5{fill:#F7F8FE;} + .d2-2676799471 .fill-AB4{fill:#EDF0FD;} + .d2-2676799471 .fill-AB5{fill:#F7F8FE;} + .d2-2676799471 .stroke-N1{stroke:#0A0F25;} + .d2-2676799471 .stroke-N2{stroke:#676C7E;} + .d2-2676799471 .stroke-N3{stroke:#9499AB;} + .d2-2676799471 .stroke-N4{stroke:#CFD2DD;} + .d2-2676799471 .stroke-N5{stroke:#DEE1EB;} + .d2-2676799471 .stroke-N6{stroke:#EEF1F8;} + .d2-2676799471 .stroke-N7{stroke:#FFFFFF;} + .d2-2676799471 .stroke-B1{stroke:#0D32B2;} + .d2-2676799471 .stroke-B2{stroke:#0D32B2;} + .d2-2676799471 .stroke-B3{stroke:#E3E9FD;} + .d2-2676799471 .stroke-B4{stroke:#E3E9FD;} + .d2-2676799471 .stroke-B5{stroke:#EDF0FD;} + .d2-2676799471 .stroke-B6{stroke:#F7F8FE;} + .d2-2676799471 .stroke-AA2{stroke:#4A6FF3;} + .d2-2676799471 .stroke-AA4{stroke:#EDF0FD;} + .d2-2676799471 .stroke-AA5{stroke:#F7F8FE;} + .d2-2676799471 .stroke-AB4{stroke:#EDF0FD;} + .d2-2676799471 .stroke-AB5{stroke:#F7F8FE;} + .d2-2676799471 .background-color-N1{background-color:#0A0F25;} + .d2-2676799471 .background-color-N2{background-color:#676C7E;} + .d2-2676799471 .background-color-N3{background-color:#9499AB;} + .d2-2676799471 .background-color-N4{background-color:#CFD2DD;} + .d2-2676799471 .background-color-N5{background-color:#DEE1EB;} + .d2-2676799471 .background-color-N6{background-color:#EEF1F8;} + .d2-2676799471 .background-color-N7{background-color:#FFFFFF;} + .d2-2676799471 .background-color-B1{background-color:#0D32B2;} + .d2-2676799471 .background-color-B2{background-color:#0D32B2;} + .d2-2676799471 .background-color-B3{background-color:#E3E9FD;} + .d2-2676799471 .background-color-B4{background-color:#E3E9FD;} + .d2-2676799471 .background-color-B5{background-color:#EDF0FD;} + .d2-2676799471 .background-color-B6{background-color:#F7F8FE;} + .d2-2676799471 .background-color-AA2{background-color:#4A6FF3;} + .d2-2676799471 .background-color-AA4{background-color:#EDF0FD;} + .d2-2676799471 .background-color-AA5{background-color:#F7F8FE;} + .d2-2676799471 .background-color-AB4{background-color:#EDF0FD;} + .d2-2676799471 .background-color-AB5{background-color:#F7F8FE;} + .d2-2676799471 .color-N1{color:#0A0F25;} + .d2-2676799471 .color-N2{color:#676C7E;} + .d2-2676799471 .color-N3{color:#9499AB;} + .d2-2676799471 .color-N4{color:#CFD2DD;} + .d2-2676799471 .color-N5{color:#DEE1EB;} + .d2-2676799471 .color-N6{color:#EEF1F8;} + .d2-2676799471 .color-N7{color:#FFFFFF;} + .d2-2676799471 .color-B1{color:#0D32B2;} + .d2-2676799471 .color-B2{color:#0D32B2;} + .d2-2676799471 .color-B3{color:#E3E9FD;} + .d2-2676799471 .color-B4{color:#E3E9FD;} + .d2-2676799471 .color-B5{color:#EDF0FD;} + .d2-2676799471 .color-B6{color:#F7F8FE;} + .d2-2676799471 .color-AA2{color:#4A6FF3;} + .d2-2676799471 .color-AA4{color:#EDF0FD;} + .d2-2676799471 .color-AA5{color:#F7F8FE;} + .d2-2676799471 .color-AB4{color:#EDF0FD;} + .d2-2676799471 .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}.light-code{display: block}.dark-code{display: none}]]>abjust an actorthis is a message groupaltand this is a nested message groupcase 1case 2case 3case 4what about more nestingcrazy townwhoa a notea note here to remember that padding must consider notes toojustalongnotehere + - - - - - - - - - - - - + + + + + + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json index 3f6bf1bc5..d61770367 100644 --- a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json +++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json @@ -134,7 +134,7 @@ "y": 173 }, "width": 481, - "height": 697, + "height": 711, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -173,10 +173,10 @@ "type": "rectangle", "pos": { "x": -46, - "y": 272 + "y": 274 }, "width": 457, - "height": 557, + "height": 567, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -215,10 +215,10 @@ "type": "rectangle", "pos": { "x": -34, - "y": 371 + "y": 375 }, "width": 433, - "height": 417, + "height": 423, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -257,10 +257,10 @@ "type": "rectangle", "pos": { "x": -22, - "y": 470 + "y": 476 }, "width": 409, - "height": 306, + "height": 310, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -299,7 +299,7 @@ "type": "page", "pos": { "x": 18, - "y": 514 + "y": 522 }, "width": 88, "height": 66, @@ -340,10 +340,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 705 + "y": 713 }, "width": 353, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -382,10 +382,10 @@ "type": "rectangle", "pos": { "x": 283, - "y": 792 + "y": 802 }, "width": 376, - "height": 409, + "height": 419, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -424,10 +424,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 833 + "y": 845 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -466,10 +466,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 932 + "y": 946 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -508,10 +508,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 1031 + "y": 1047 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -550,10 +550,10 @@ "type": "rectangle", "pos": { "x": 295, - "y": 1130 + "y": 1148 }, "width": 352, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -592,7 +592,7 @@ "type": "page", "pos": { "x": 102, - "y": 1244 + "y": 1264 }, "width": 465, "height": 66, @@ -633,7 +633,7 @@ "type": "page", "pos": { "x": 23, - "y": 1380 + "y": 1400 }, "width": 77, "height": 130, @@ -697,11 +697,11 @@ "route": [ { "x": 62, - "y": 217 + "y": 219 }, { "x": 335, - "y": 217 + "y": 219 } ], "animated": false, @@ -735,11 +735,11 @@ "route": [ { "x": 62, - "y": 316 + "y": 320 }, { "x": 335, - "y": 316 + "y": 320 } ], "animated": false, @@ -773,11 +773,11 @@ "route": [ { "x": 62, - "y": 415 + "y": 421 }, { "x": 335, - "y": 415 + "y": 421 } ], "animated": false, @@ -811,11 +811,11 @@ "route": [ { "x": 62, - "y": 650 + "y": 658 }, { "x": 335, - "y": 650 + "y": 658 } ], "animated": false, @@ -849,11 +849,11 @@ "route": [ { "x": 62, - "y": 749 + "y": 759 }, { "x": 335, - "y": 749 + "y": 759 } ], "animated": false, @@ -887,11 +887,11 @@ "route": [ { "x": 335, - "y": 877 + "y": 891 }, { "x": 607, - "y": 877 + "y": 891 } ], "animated": false, @@ -925,11 +925,11 @@ "route": [ { "x": 335, - "y": 976 + "y": 992 }, { "x": 607, - "y": 976 + "y": 992 } ], "animated": false, @@ -963,11 +963,11 @@ "route": [ { "x": 335, - "y": 1075 + "y": 1093 }, { "x": 607, - "y": 1075 + "y": 1093 } ], "animated": false, @@ -1001,11 +1001,11 @@ "route": [ { "x": 335, - "y": 1174 + "y": 1194 }, { "x": 607, - "y": 1174 + "y": 1194 } ], "animated": false, @@ -1043,7 +1043,7 @@ }, { "x": 62, - "y": 1580 + "y": 1600 } ], "animated": false, @@ -1081,7 +1081,7 @@ }, { "x": 335, - "y": 1580 + "y": 1600 } ], "animated": false, @@ -1119,7 +1119,7 @@ }, { "x": 607, - "y": 1580 + "y": 1600 } ], "animated": false, diff --git a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg index 13b6b9826..24bec036c 100644 --- a/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg +++ b/e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg @@ -1,9 +1,9 @@ -abjust an actorthis is a message groupaltand this is a nested message groupcase 1case 2case 3case 4what about more nestingcrazy townwhoa a notea note here to remember that padding must consider notes toojustalongnotehere - + .d2-2676799471 .fill-N1{fill:#0A0F25;} + .d2-2676799471 .fill-N2{fill:#676C7E;} + .d2-2676799471 .fill-N3{fill:#9499AB;} + .d2-2676799471 .fill-N4{fill:#CFD2DD;} + .d2-2676799471 .fill-N5{fill:#DEE1EB;} + .d2-2676799471 .fill-N6{fill:#EEF1F8;} + .d2-2676799471 .fill-N7{fill:#FFFFFF;} + .d2-2676799471 .fill-B1{fill:#0D32B2;} + .d2-2676799471 .fill-B2{fill:#0D32B2;} + .d2-2676799471 .fill-B3{fill:#E3E9FD;} + .d2-2676799471 .fill-B4{fill:#E3E9FD;} + .d2-2676799471 .fill-B5{fill:#EDF0FD;} + .d2-2676799471 .fill-B6{fill:#F7F8FE;} + .d2-2676799471 .fill-AA2{fill:#4A6FF3;} + .d2-2676799471 .fill-AA4{fill:#EDF0FD;} + .d2-2676799471 .fill-AA5{fill:#F7F8FE;} + .d2-2676799471 .fill-AB4{fill:#EDF0FD;} + .d2-2676799471 .fill-AB5{fill:#F7F8FE;} + .d2-2676799471 .stroke-N1{stroke:#0A0F25;} + .d2-2676799471 .stroke-N2{stroke:#676C7E;} + .d2-2676799471 .stroke-N3{stroke:#9499AB;} + .d2-2676799471 .stroke-N4{stroke:#CFD2DD;} + .d2-2676799471 .stroke-N5{stroke:#DEE1EB;} + .d2-2676799471 .stroke-N6{stroke:#EEF1F8;} + .d2-2676799471 .stroke-N7{stroke:#FFFFFF;} + .d2-2676799471 .stroke-B1{stroke:#0D32B2;} + .d2-2676799471 .stroke-B2{stroke:#0D32B2;} + .d2-2676799471 .stroke-B3{stroke:#E3E9FD;} + .d2-2676799471 .stroke-B4{stroke:#E3E9FD;} + .d2-2676799471 .stroke-B5{stroke:#EDF0FD;} + .d2-2676799471 .stroke-B6{stroke:#F7F8FE;} + .d2-2676799471 .stroke-AA2{stroke:#4A6FF3;} + .d2-2676799471 .stroke-AA4{stroke:#EDF0FD;} + .d2-2676799471 .stroke-AA5{stroke:#F7F8FE;} + .d2-2676799471 .stroke-AB4{stroke:#EDF0FD;} + .d2-2676799471 .stroke-AB5{stroke:#F7F8FE;} + .d2-2676799471 .background-color-N1{background-color:#0A0F25;} + .d2-2676799471 .background-color-N2{background-color:#676C7E;} + .d2-2676799471 .background-color-N3{background-color:#9499AB;} + .d2-2676799471 .background-color-N4{background-color:#CFD2DD;} + .d2-2676799471 .background-color-N5{background-color:#DEE1EB;} + .d2-2676799471 .background-color-N6{background-color:#EEF1F8;} + .d2-2676799471 .background-color-N7{background-color:#FFFFFF;} + .d2-2676799471 .background-color-B1{background-color:#0D32B2;} + .d2-2676799471 .background-color-B2{background-color:#0D32B2;} + .d2-2676799471 .background-color-B3{background-color:#E3E9FD;} + .d2-2676799471 .background-color-B4{background-color:#E3E9FD;} + .d2-2676799471 .background-color-B5{background-color:#EDF0FD;} + .d2-2676799471 .background-color-B6{background-color:#F7F8FE;} + .d2-2676799471 .background-color-AA2{background-color:#4A6FF3;} + .d2-2676799471 .background-color-AA4{background-color:#EDF0FD;} + .d2-2676799471 .background-color-AA5{background-color:#F7F8FE;} + .d2-2676799471 .background-color-AB4{background-color:#EDF0FD;} + .d2-2676799471 .background-color-AB5{background-color:#F7F8FE;} + .d2-2676799471 .color-N1{color:#0A0F25;} + .d2-2676799471 .color-N2{color:#676C7E;} + .d2-2676799471 .color-N3{color:#9499AB;} + .d2-2676799471 .color-N4{color:#CFD2DD;} + .d2-2676799471 .color-N5{color:#DEE1EB;} + .d2-2676799471 .color-N6{color:#EEF1F8;} + .d2-2676799471 .color-N7{color:#FFFFFF;} + .d2-2676799471 .color-B1{color:#0D32B2;} + .d2-2676799471 .color-B2{color:#0D32B2;} + .d2-2676799471 .color-B3{color:#E3E9FD;} + .d2-2676799471 .color-B4{color:#E3E9FD;} + .d2-2676799471 .color-B5{color:#EDF0FD;} + .d2-2676799471 .color-B6{color:#F7F8FE;} + .d2-2676799471 .color-AA2{color:#4A6FF3;} + .d2-2676799471 .color-AA4{color:#EDF0FD;} + .d2-2676799471 .color-AA5{color:#F7F8FE;} + .d2-2676799471 .color-AB4{color:#EDF0FD;} + .d2-2676799471 .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}.light-code{display: block}.dark-code{display: none}]]>abjust an actorthis is a message groupaltand this is a nested message groupcase 1case 2case 3case 4what about more nestingcrazy townwhoa a notea note here to remember that padding must consider notes toojustalongnotehere + - - - - - - - - - - - - + + + + + + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json index d1cad4b7d..b18b29af0 100644 --- a/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json +++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json @@ -11,7 +11,7 @@ "y": 0 }, "width": 1528, - "height": 1311, + "height": 1313, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -462,7 +462,7 @@ "y": 630 }, "width": 12, - "height": 259, + "height": 261, "opacity": 1, "strokeDash": 0, "strokeWidth": 2, @@ -499,10 +499,10 @@ "type": "rectangle", "pos": { "x": 562, - "y": 765 + "y": 757 }, "width": 921, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -541,7 +541,7 @@ "type": "rectangle", "pos": { "x": 743, - "y": 1079 + "y": 1081 }, "width": 12, "height": 160, @@ -832,11 +832,11 @@ "route": [ { "x": 602.5, - "y": 809 + "y": 811 }, { "x": 1444, - "y": 809 + "y": 811 } ], "animated": false, @@ -870,11 +870,11 @@ "route": [ { "x": 602.5, - "y": 879 + "y": 881 }, { "x": 1247.5, - "y": 879 + "y": 881 } ], "animated": false, @@ -908,11 +908,11 @@ "route": [ { "x": 596.5, - "y": 949 + "y": 951 }, { "x": 62, - "y": 949 + "y": 951 } ], "animated": false, @@ -946,11 +946,11 @@ "route": [ { "x": 62, - "y": 1019 + "y": 1021 }, { "x": 749, - "y": 1019 + "y": 1021 } ], "animated": false, @@ -984,11 +984,11 @@ "route": [ { "x": 755, - "y": 1089 + "y": 1091 }, { "x": 905.5, - "y": 1089 + "y": 1091 } ], "animated": false, @@ -1022,11 +1022,11 @@ "route": [ { "x": 755, - "y": 1159 + "y": 1161 }, { "x": 1062.5, - "y": 1159 + "y": 1161 } ], "animated": false, @@ -1060,11 +1060,11 @@ "route": [ { "x": 743, - "y": 1229 + "y": 1231 }, { "x": 62, - "y": 1229 + "y": 1231 } ], "animated": false, @@ -1102,7 +1102,7 @@ }, { "x": 62, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1140,7 +1140,7 @@ }, { "x": 269, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1178,7 +1178,7 @@ }, { "x": 433, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1216,7 +1216,7 @@ }, { "x": 596.5, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1254,7 +1254,7 @@ }, { "x": 749, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1292,7 +1292,7 @@ }, { "x": 905.5, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1330,7 +1330,7 @@ }, { "x": 1062.5, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1368,7 +1368,7 @@ }, { "x": 1247.5, - "y": 1299 + "y": 1301 } ], "animated": false, @@ -1406,7 +1406,7 @@ }, { "x": 1444, - "y": 1299 + "y": 1301 } ], "animated": false, diff --git a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg index 604700125..ce85f4d0c 100644 --- a/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg +++ b/e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg @@ -1,16 +1,16 @@ -How this is renderedCLId2astd2compilerd2layoutd2exporterd2themesd2rendererd2sequencelayoutd2dagrelayoutonly if root is not sequence 'How this is rendered: {...}'tokenized ASTcompile ASTobjects and edgesrun layout enginesrun engine on shape: sequence_diagram, temporarily removerun core engine on rest add back in sequence diagramsdiagram with correct positions and dimensionsexport diagram with chosen theme and rendererget theme stylesrender to SVGresulting SVGmeasurements also take place - + .d2-633332093 .fill-N1{fill:#0A0F25;} + .d2-633332093 .fill-N2{fill:#676C7E;} + .d2-633332093 .fill-N3{fill:#9499AB;} + .d2-633332093 .fill-N4{fill:#CFD2DD;} + .d2-633332093 .fill-N5{fill:#DEE1EB;} + .d2-633332093 .fill-N6{fill:#EEF1F8;} + .d2-633332093 .fill-N7{fill:#FFFFFF;} + .d2-633332093 .fill-B1{fill:#0D32B2;} + .d2-633332093 .fill-B2{fill:#0D32B2;} + .d2-633332093 .fill-B3{fill:#E3E9FD;} + .d2-633332093 .fill-B4{fill:#E3E9FD;} + .d2-633332093 .fill-B5{fill:#EDF0FD;} + .d2-633332093 .fill-B6{fill:#F7F8FE;} + .d2-633332093 .fill-AA2{fill:#4A6FF3;} + .d2-633332093 .fill-AA4{fill:#EDF0FD;} + .d2-633332093 .fill-AA5{fill:#F7F8FE;} + .d2-633332093 .fill-AB4{fill:#EDF0FD;} + .d2-633332093 .fill-AB5{fill:#F7F8FE;} + .d2-633332093 .stroke-N1{stroke:#0A0F25;} + .d2-633332093 .stroke-N2{stroke:#676C7E;} + .d2-633332093 .stroke-N3{stroke:#9499AB;} + .d2-633332093 .stroke-N4{stroke:#CFD2DD;} + .d2-633332093 .stroke-N5{stroke:#DEE1EB;} + .d2-633332093 .stroke-N6{stroke:#EEF1F8;} + .d2-633332093 .stroke-N7{stroke:#FFFFFF;} + .d2-633332093 .stroke-B1{stroke:#0D32B2;} + .d2-633332093 .stroke-B2{stroke:#0D32B2;} + .d2-633332093 .stroke-B3{stroke:#E3E9FD;} + .d2-633332093 .stroke-B4{stroke:#E3E9FD;} + .d2-633332093 .stroke-B5{stroke:#EDF0FD;} + .d2-633332093 .stroke-B6{stroke:#F7F8FE;} + .d2-633332093 .stroke-AA2{stroke:#4A6FF3;} + .d2-633332093 .stroke-AA4{stroke:#EDF0FD;} + .d2-633332093 .stroke-AA5{stroke:#F7F8FE;} + .d2-633332093 .stroke-AB4{stroke:#EDF0FD;} + .d2-633332093 .stroke-AB5{stroke:#F7F8FE;} + .d2-633332093 .background-color-N1{background-color:#0A0F25;} + .d2-633332093 .background-color-N2{background-color:#676C7E;} + .d2-633332093 .background-color-N3{background-color:#9499AB;} + .d2-633332093 .background-color-N4{background-color:#CFD2DD;} + .d2-633332093 .background-color-N5{background-color:#DEE1EB;} + .d2-633332093 .background-color-N6{background-color:#EEF1F8;} + .d2-633332093 .background-color-N7{background-color:#FFFFFF;} + .d2-633332093 .background-color-B1{background-color:#0D32B2;} + .d2-633332093 .background-color-B2{background-color:#0D32B2;} + .d2-633332093 .background-color-B3{background-color:#E3E9FD;} + .d2-633332093 .background-color-B4{background-color:#E3E9FD;} + .d2-633332093 .background-color-B5{background-color:#EDF0FD;} + .d2-633332093 .background-color-B6{background-color:#F7F8FE;} + .d2-633332093 .background-color-AA2{background-color:#4A6FF3;} + .d2-633332093 .background-color-AA4{background-color:#EDF0FD;} + .d2-633332093 .background-color-AA5{background-color:#F7F8FE;} + .d2-633332093 .background-color-AB4{background-color:#EDF0FD;} + .d2-633332093 .background-color-AB5{background-color:#F7F8FE;} + .d2-633332093 .color-N1{color:#0A0F25;} + .d2-633332093 .color-N2{color:#676C7E;} + .d2-633332093 .color-N3{color:#9499AB;} + .d2-633332093 .color-N4{color:#CFD2DD;} + .d2-633332093 .color-N5{color:#DEE1EB;} + .d2-633332093 .color-N6{color:#EEF1F8;} + .d2-633332093 .color-N7{color:#FFFFFF;} + .d2-633332093 .color-B1{color:#0D32B2;} + .d2-633332093 .color-B2{color:#0D32B2;} + .d2-633332093 .color-B3{color:#E3E9FD;} + .d2-633332093 .color-B4{color:#E3E9FD;} + .d2-633332093 .color-B5{color:#EDF0FD;} + .d2-633332093 .color-B6{color:#F7F8FE;} + .d2-633332093 .color-AA2{color:#4A6FF3;} + .d2-633332093 .color-AA4{color:#EDF0FD;} + .d2-633332093 .color-AA5{color:#F7F8FE;} + .d2-633332093 .color-AB4{color:#EDF0FD;} + .d2-633332093 .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}.light-code{display: block}.dark-code{display: none}]]>How this is renderedCLId2astd2compilerd2layoutd2exporterd2themesd2rendererd2sequencelayoutd2dagrelayoutonly if root is not sequence 'How this is rendered: {...}'tokenized ASTcompile ASTobjects and edgesrun layout enginesrun engine on shape: sequence_diagram, temporarily removerun core engine on rest add back in sequence diagramsdiagram with correct positions and dimensionsexport diagram with chosen theme and rendererget theme stylesrender to SVGresulting SVGmeasurements also take place + @@ -108,19 +108,19 @@ - + - - - - - - - + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json index 4540f4856..82a22ec68 100644 --- a/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json +++ b/e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json @@ -11,7 +11,7 @@ "y": 12 }, "width": 1528, - "height": 1311, + "height": 1313, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -462,7 +462,7 @@ "y": 642 }, "width": 12, - "height": 259, + "height": 261, "opacity": 1, "strokeDash": 0, "strokeWidth": 2, @@ -499,10 +499,10 @@ "type": "rectangle", "pos": { "x": 574, - "y": 777 + "y": 769 }, "width": 921, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -541,7 +541,7 @@ "type": "rectangle", "pos": { "x": 755, - "y": 1091 + "y": 1093 }, "width": 12, "height": 160, @@ -832,11 +832,11 @@ "route": [ { "x": 614.5, - "y": 821 + "y": 823 }, { "x": 1456, - "y": 821 + "y": 823 } ], "animated": false, @@ -870,11 +870,11 @@ "route": [ { "x": 614.5, - "y": 891 + "y": 893 }, { "x": 1259.5, - "y": 891 + "y": 893 } ], "animated": false, @@ -908,11 +908,11 @@ "route": [ { "x": 608.5, - "y": 961 + "y": 963 }, { "x": 74, - "y": 961 + "y": 963 } ], "animated": false, @@ -946,11 +946,11 @@ "route": [ { "x": 74, - "y": 1031 + "y": 1033 }, { "x": 761, - "y": 1031 + "y": 1033 } ], "animated": false, @@ -984,11 +984,11 @@ "route": [ { "x": 767, - "y": 1101 + "y": 1103 }, { "x": 917.5, - "y": 1101 + "y": 1103 } ], "animated": false, @@ -1022,11 +1022,11 @@ "route": [ { "x": 767, - "y": 1171 + "y": 1173 }, { "x": 1074.5, - "y": 1171 + "y": 1173 } ], "animated": false, @@ -1060,11 +1060,11 @@ "route": [ { "x": 755, - "y": 1241 + "y": 1243 }, { "x": 74, - "y": 1241 + "y": 1243 } ], "animated": false, @@ -1102,7 +1102,7 @@ }, { "x": 74, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1140,7 +1140,7 @@ }, { "x": 281, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1178,7 +1178,7 @@ }, { "x": 445, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1216,7 +1216,7 @@ }, { "x": 608.5, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1254,7 +1254,7 @@ }, { "x": 761, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1292,7 +1292,7 @@ }, { "x": 917.5, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1330,7 +1330,7 @@ }, { "x": 1074.5, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1368,7 +1368,7 @@ }, { "x": 1259.5, - "y": 1311 + "y": 1313 } ], "animated": false, @@ -1406,7 +1406,7 @@ }, { "x": 1456, - "y": 1311 + "y": 1313 } ], "animated": false, diff --git a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg index 8b31ff4a5..6f985f8fb 100644 --- a/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg +++ b/e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg @@ -1,16 +1,16 @@ -How this is renderedCLId2astd2compilerd2layoutd2exporterd2themesd2rendererd2sequencelayoutd2dagrelayoutonly if root is not sequence 'How this is rendered: {...}'tokenized ASTcompile ASTobjects and edgesrun layout enginesrun engine on shape: sequence_diagram, temporarily removerun core engine on rest add back in sequence diagramsdiagram with correct positions and dimensionsexport diagram with chosen theme and rendererget theme stylesrender to SVGresulting SVGmeasurements also take place - + .d2-536771250 .fill-N1{fill:#0A0F25;} + .d2-536771250 .fill-N2{fill:#676C7E;} + .d2-536771250 .fill-N3{fill:#9499AB;} + .d2-536771250 .fill-N4{fill:#CFD2DD;} + .d2-536771250 .fill-N5{fill:#DEE1EB;} + .d2-536771250 .fill-N6{fill:#EEF1F8;} + .d2-536771250 .fill-N7{fill:#FFFFFF;} + .d2-536771250 .fill-B1{fill:#0D32B2;} + .d2-536771250 .fill-B2{fill:#0D32B2;} + .d2-536771250 .fill-B3{fill:#E3E9FD;} + .d2-536771250 .fill-B4{fill:#E3E9FD;} + .d2-536771250 .fill-B5{fill:#EDF0FD;} + .d2-536771250 .fill-B6{fill:#F7F8FE;} + .d2-536771250 .fill-AA2{fill:#4A6FF3;} + .d2-536771250 .fill-AA4{fill:#EDF0FD;} + .d2-536771250 .fill-AA5{fill:#F7F8FE;} + .d2-536771250 .fill-AB4{fill:#EDF0FD;} + .d2-536771250 .fill-AB5{fill:#F7F8FE;} + .d2-536771250 .stroke-N1{stroke:#0A0F25;} + .d2-536771250 .stroke-N2{stroke:#676C7E;} + .d2-536771250 .stroke-N3{stroke:#9499AB;} + .d2-536771250 .stroke-N4{stroke:#CFD2DD;} + .d2-536771250 .stroke-N5{stroke:#DEE1EB;} + .d2-536771250 .stroke-N6{stroke:#EEF1F8;} + .d2-536771250 .stroke-N7{stroke:#FFFFFF;} + .d2-536771250 .stroke-B1{stroke:#0D32B2;} + .d2-536771250 .stroke-B2{stroke:#0D32B2;} + .d2-536771250 .stroke-B3{stroke:#E3E9FD;} + .d2-536771250 .stroke-B4{stroke:#E3E9FD;} + .d2-536771250 .stroke-B5{stroke:#EDF0FD;} + .d2-536771250 .stroke-B6{stroke:#F7F8FE;} + .d2-536771250 .stroke-AA2{stroke:#4A6FF3;} + .d2-536771250 .stroke-AA4{stroke:#EDF0FD;} + .d2-536771250 .stroke-AA5{stroke:#F7F8FE;} + .d2-536771250 .stroke-AB4{stroke:#EDF0FD;} + .d2-536771250 .stroke-AB5{stroke:#F7F8FE;} + .d2-536771250 .background-color-N1{background-color:#0A0F25;} + .d2-536771250 .background-color-N2{background-color:#676C7E;} + .d2-536771250 .background-color-N3{background-color:#9499AB;} + .d2-536771250 .background-color-N4{background-color:#CFD2DD;} + .d2-536771250 .background-color-N5{background-color:#DEE1EB;} + .d2-536771250 .background-color-N6{background-color:#EEF1F8;} + .d2-536771250 .background-color-N7{background-color:#FFFFFF;} + .d2-536771250 .background-color-B1{background-color:#0D32B2;} + .d2-536771250 .background-color-B2{background-color:#0D32B2;} + .d2-536771250 .background-color-B3{background-color:#E3E9FD;} + .d2-536771250 .background-color-B4{background-color:#E3E9FD;} + .d2-536771250 .background-color-B5{background-color:#EDF0FD;} + .d2-536771250 .background-color-B6{background-color:#F7F8FE;} + .d2-536771250 .background-color-AA2{background-color:#4A6FF3;} + .d2-536771250 .background-color-AA4{background-color:#EDF0FD;} + .d2-536771250 .background-color-AA5{background-color:#F7F8FE;} + .d2-536771250 .background-color-AB4{background-color:#EDF0FD;} + .d2-536771250 .background-color-AB5{background-color:#F7F8FE;} + .d2-536771250 .color-N1{color:#0A0F25;} + .d2-536771250 .color-N2{color:#676C7E;} + .d2-536771250 .color-N3{color:#9499AB;} + .d2-536771250 .color-N4{color:#CFD2DD;} + .d2-536771250 .color-N5{color:#DEE1EB;} + .d2-536771250 .color-N6{color:#EEF1F8;} + .d2-536771250 .color-N7{color:#FFFFFF;} + .d2-536771250 .color-B1{color:#0D32B2;} + .d2-536771250 .color-B2{color:#0D32B2;} + .d2-536771250 .color-B3{color:#E3E9FD;} + .d2-536771250 .color-B4{color:#E3E9FD;} + .d2-536771250 .color-B5{color:#EDF0FD;} + .d2-536771250 .color-B6{color:#F7F8FE;} + .d2-536771250 .color-AA2{color:#4A6FF3;} + .d2-536771250 .color-AA4{color:#EDF0FD;} + .d2-536771250 .color-AA5{color:#F7F8FE;} + .d2-536771250 .color-AB4{color:#EDF0FD;} + .d2-536771250 .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}.light-code{display: block}.dark-code{display: none}]]>How this is renderedCLId2astd2compilerd2layoutd2exporterd2themesd2rendererd2sequencelayoutd2dagrelayoutonly if root is not sequence 'How this is rendered: {...}'tokenized ASTcompile ASTobjects and edgesrun layout enginesrun engine on shape: sequence_diagram, temporarily removerun core engine on rest add back in sequence diagramsdiagram with correct positions and dimensionsexport diagram with chosen theme and rendererget theme stylesrender to SVGresulting SVGmeasurements also take place + @@ -108,19 +108,19 @@ - + - - - - - - - + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json index b8ff62e88..62a8a97dc 100644 --- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json +++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json @@ -134,7 +134,7 @@ "y": 243 }, "width": 326, - "height": 503, + "height": 513, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -173,10 +173,10 @@ "type": "rectangle", "pos": { "x": -14, - "y": 342 + "y": 344 }, "width": 302, - "height": 392, + "height": 400, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -215,10 +215,10 @@ "type": "rectangle", "pos": { "x": -2, - "y": 441 + "y": 445 }, "width": 278, - "height": 281, + "height": 287, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -257,10 +257,10 @@ "type": "rectangle", "pos": { "x": 10, - "y": 540 + "y": 546 }, "width": 254, - "height": 170, + "height": 174, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -299,10 +299,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 639 + "y": 647 }, "width": 230, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -402,11 +402,11 @@ "route": [ { "x": 212, - "y": 287 + "y": 289 }, { "x": 62, - "y": 287 + "y": 289 } ], "animated": false, @@ -440,11 +440,11 @@ "route": [ { "x": 212, - "y": 386 + "y": 390 }, { "x": 62, - "y": 386 + "y": 390 } ], "animated": false, @@ -478,11 +478,11 @@ "route": [ { "x": 212, - "y": 485 + "y": 491 }, { "x": 62, - "y": 485 + "y": 491 } ], "animated": false, @@ -516,11 +516,11 @@ "route": [ { "x": 212, - "y": 584 + "y": 592 }, { "x": 62, - "y": 584 + "y": 592 } ], "animated": false, @@ -554,11 +554,11 @@ "route": [ { "x": 212, - "y": 683 + "y": 693 }, { "x": 62, - "y": 683 + "y": 693 } ], "animated": false, @@ -596,7 +596,7 @@ }, { "x": 62, - "y": 753 + "y": 763 } ], "animated": false, @@ -634,7 +634,7 @@ }, { "x": 212, - "y": 753 + "y": 763 } ], "animated": false, @@ -672,7 +672,7 @@ }, { "x": 362, - "y": 753 + "y": 763 } ], "animated": false, diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg index ed07002c2..27569cdfa 100644 --- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg +++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg @@ -1,9 +1,9 @@ -bacthis is a message groupand this is a nested message groupwhat about more nestingyoyo - + .d2-325604788 .fill-N1{fill:#0A0F25;} + .d2-325604788 .fill-N2{fill:#676C7E;} + .d2-325604788 .fill-N3{fill:#9499AB;} + .d2-325604788 .fill-N4{fill:#CFD2DD;} + .d2-325604788 .fill-N5{fill:#DEE1EB;} + .d2-325604788 .fill-N6{fill:#EEF1F8;} + .d2-325604788 .fill-N7{fill:#FFFFFF;} + .d2-325604788 .fill-B1{fill:#0D32B2;} + .d2-325604788 .fill-B2{fill:#0D32B2;} + .d2-325604788 .fill-B3{fill:#E3E9FD;} + .d2-325604788 .fill-B4{fill:#E3E9FD;} + .d2-325604788 .fill-B5{fill:#EDF0FD;} + .d2-325604788 .fill-B6{fill:#F7F8FE;} + .d2-325604788 .fill-AA2{fill:#4A6FF3;} + .d2-325604788 .fill-AA4{fill:#EDF0FD;} + .d2-325604788 .fill-AA5{fill:#F7F8FE;} + .d2-325604788 .fill-AB4{fill:#EDF0FD;} + .d2-325604788 .fill-AB5{fill:#F7F8FE;} + .d2-325604788 .stroke-N1{stroke:#0A0F25;} + .d2-325604788 .stroke-N2{stroke:#676C7E;} + .d2-325604788 .stroke-N3{stroke:#9499AB;} + .d2-325604788 .stroke-N4{stroke:#CFD2DD;} + .d2-325604788 .stroke-N5{stroke:#DEE1EB;} + .d2-325604788 .stroke-N6{stroke:#EEF1F8;} + .d2-325604788 .stroke-N7{stroke:#FFFFFF;} + .d2-325604788 .stroke-B1{stroke:#0D32B2;} + .d2-325604788 .stroke-B2{stroke:#0D32B2;} + .d2-325604788 .stroke-B3{stroke:#E3E9FD;} + .d2-325604788 .stroke-B4{stroke:#E3E9FD;} + .d2-325604788 .stroke-B5{stroke:#EDF0FD;} + .d2-325604788 .stroke-B6{stroke:#F7F8FE;} + .d2-325604788 .stroke-AA2{stroke:#4A6FF3;} + .d2-325604788 .stroke-AA4{stroke:#EDF0FD;} + .d2-325604788 .stroke-AA5{stroke:#F7F8FE;} + .d2-325604788 .stroke-AB4{stroke:#EDF0FD;} + .d2-325604788 .stroke-AB5{stroke:#F7F8FE;} + .d2-325604788 .background-color-N1{background-color:#0A0F25;} + .d2-325604788 .background-color-N2{background-color:#676C7E;} + .d2-325604788 .background-color-N3{background-color:#9499AB;} + .d2-325604788 .background-color-N4{background-color:#CFD2DD;} + .d2-325604788 .background-color-N5{background-color:#DEE1EB;} + .d2-325604788 .background-color-N6{background-color:#EEF1F8;} + .d2-325604788 .background-color-N7{background-color:#FFFFFF;} + .d2-325604788 .background-color-B1{background-color:#0D32B2;} + .d2-325604788 .background-color-B2{background-color:#0D32B2;} + .d2-325604788 .background-color-B3{background-color:#E3E9FD;} + .d2-325604788 .background-color-B4{background-color:#E3E9FD;} + .d2-325604788 .background-color-B5{background-color:#EDF0FD;} + .d2-325604788 .background-color-B6{background-color:#F7F8FE;} + .d2-325604788 .background-color-AA2{background-color:#4A6FF3;} + .d2-325604788 .background-color-AA4{background-color:#EDF0FD;} + .d2-325604788 .background-color-AA5{background-color:#F7F8FE;} + .d2-325604788 .background-color-AB4{background-color:#EDF0FD;} + .d2-325604788 .background-color-AB5{background-color:#F7F8FE;} + .d2-325604788 .color-N1{color:#0A0F25;} + .d2-325604788 .color-N2{color:#676C7E;} + .d2-325604788 .color-N3{color:#9499AB;} + .d2-325604788 .color-N4{color:#CFD2DD;} + .d2-325604788 .color-N5{color:#DEE1EB;} + .d2-325604788 .color-N6{color:#EEF1F8;} + .d2-325604788 .color-N7{color:#FFFFFF;} + .d2-325604788 .color-B1{color:#0D32B2;} + .d2-325604788 .color-B2{color:#0D32B2;} + .d2-325604788 .color-B3{color:#E3E9FD;} + .d2-325604788 .color-B4{color:#E3E9FD;} + .d2-325604788 .color-B5{color:#EDF0FD;} + .d2-325604788 .color-B6{color:#F7F8FE;} + .d2-325604788 .color-AA2{color:#4A6FF3;} + .d2-325604788 .color-AA4{color:#EDF0FD;} + .d2-325604788 .color-AA5{color:#F7F8FE;} + .d2-325604788 .color-AB4{color:#EDF0FD;} + .d2-325604788 .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}.light-code{display: block}.dark-code{display: none}]]>bacthis is a message groupand this is a nested message groupwhat about more nestingyoyo + - - - - + + + + \ No newline at end of file diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json index b8ff62e88..62a8a97dc 100644 --- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json +++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json @@ -134,7 +134,7 @@ "y": 243 }, "width": 326, - "height": 503, + "height": 513, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -173,10 +173,10 @@ "type": "rectangle", "pos": { "x": -14, - "y": 342 + "y": 344 }, "width": 302, - "height": 392, + "height": 400, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -215,10 +215,10 @@ "type": "rectangle", "pos": { "x": -2, - "y": 441 + "y": 445 }, "width": 278, - "height": 281, + "height": 287, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -257,10 +257,10 @@ "type": "rectangle", "pos": { "x": 10, - "y": 540 + "y": 546 }, "width": 254, - "height": 170, + "height": 174, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -299,10 +299,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 639 + "y": 647 }, "width": 230, - "height": 59, + "height": 61, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -402,11 +402,11 @@ "route": [ { "x": 212, - "y": 287 + "y": 289 }, { "x": 62, - "y": 287 + "y": 289 } ], "animated": false, @@ -440,11 +440,11 @@ "route": [ { "x": 212, - "y": 386 + "y": 390 }, { "x": 62, - "y": 386 + "y": 390 } ], "animated": false, @@ -478,11 +478,11 @@ "route": [ { "x": 212, - "y": 485 + "y": 491 }, { "x": 62, - "y": 485 + "y": 491 } ], "animated": false, @@ -516,11 +516,11 @@ "route": [ { "x": 212, - "y": 584 + "y": 592 }, { "x": 62, - "y": 584 + "y": 592 } ], "animated": false, @@ -554,11 +554,11 @@ "route": [ { "x": 212, - "y": 683 + "y": 693 }, { "x": 62, - "y": 683 + "y": 693 } ], "animated": false, @@ -596,7 +596,7 @@ }, { "x": 62, - "y": 753 + "y": 763 } ], "animated": false, @@ -634,7 +634,7 @@ }, { "x": 212, - "y": 753 + "y": 763 } ], "animated": false, @@ -672,7 +672,7 @@ }, { "x": 362, - "y": 753 + "y": 763 } ], "animated": false, diff --git a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg index ed07002c2..27569cdfa 100644 --- a/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg +++ b/e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg @@ -1,9 +1,9 @@ -bacthis is a message groupand this is a nested message groupwhat about more nestingyoyo - + .d2-325604788 .fill-N1{fill:#0A0F25;} + .d2-325604788 .fill-N2{fill:#676C7E;} + .d2-325604788 .fill-N3{fill:#9499AB;} + .d2-325604788 .fill-N4{fill:#CFD2DD;} + .d2-325604788 .fill-N5{fill:#DEE1EB;} + .d2-325604788 .fill-N6{fill:#EEF1F8;} + .d2-325604788 .fill-N7{fill:#FFFFFF;} + .d2-325604788 .fill-B1{fill:#0D32B2;} + .d2-325604788 .fill-B2{fill:#0D32B2;} + .d2-325604788 .fill-B3{fill:#E3E9FD;} + .d2-325604788 .fill-B4{fill:#E3E9FD;} + .d2-325604788 .fill-B5{fill:#EDF0FD;} + .d2-325604788 .fill-B6{fill:#F7F8FE;} + .d2-325604788 .fill-AA2{fill:#4A6FF3;} + .d2-325604788 .fill-AA4{fill:#EDF0FD;} + .d2-325604788 .fill-AA5{fill:#F7F8FE;} + .d2-325604788 .fill-AB4{fill:#EDF0FD;} + .d2-325604788 .fill-AB5{fill:#F7F8FE;} + .d2-325604788 .stroke-N1{stroke:#0A0F25;} + .d2-325604788 .stroke-N2{stroke:#676C7E;} + .d2-325604788 .stroke-N3{stroke:#9499AB;} + .d2-325604788 .stroke-N4{stroke:#CFD2DD;} + .d2-325604788 .stroke-N5{stroke:#DEE1EB;} + .d2-325604788 .stroke-N6{stroke:#EEF1F8;} + .d2-325604788 .stroke-N7{stroke:#FFFFFF;} + .d2-325604788 .stroke-B1{stroke:#0D32B2;} + .d2-325604788 .stroke-B2{stroke:#0D32B2;} + .d2-325604788 .stroke-B3{stroke:#E3E9FD;} + .d2-325604788 .stroke-B4{stroke:#E3E9FD;} + .d2-325604788 .stroke-B5{stroke:#EDF0FD;} + .d2-325604788 .stroke-B6{stroke:#F7F8FE;} + .d2-325604788 .stroke-AA2{stroke:#4A6FF3;} + .d2-325604788 .stroke-AA4{stroke:#EDF0FD;} + .d2-325604788 .stroke-AA5{stroke:#F7F8FE;} + .d2-325604788 .stroke-AB4{stroke:#EDF0FD;} + .d2-325604788 .stroke-AB5{stroke:#F7F8FE;} + .d2-325604788 .background-color-N1{background-color:#0A0F25;} + .d2-325604788 .background-color-N2{background-color:#676C7E;} + .d2-325604788 .background-color-N3{background-color:#9499AB;} + .d2-325604788 .background-color-N4{background-color:#CFD2DD;} + .d2-325604788 .background-color-N5{background-color:#DEE1EB;} + .d2-325604788 .background-color-N6{background-color:#EEF1F8;} + .d2-325604788 .background-color-N7{background-color:#FFFFFF;} + .d2-325604788 .background-color-B1{background-color:#0D32B2;} + .d2-325604788 .background-color-B2{background-color:#0D32B2;} + .d2-325604788 .background-color-B3{background-color:#E3E9FD;} + .d2-325604788 .background-color-B4{background-color:#E3E9FD;} + .d2-325604788 .background-color-B5{background-color:#EDF0FD;} + .d2-325604788 .background-color-B6{background-color:#F7F8FE;} + .d2-325604788 .background-color-AA2{background-color:#4A6FF3;} + .d2-325604788 .background-color-AA4{background-color:#EDF0FD;} + .d2-325604788 .background-color-AA5{background-color:#F7F8FE;} + .d2-325604788 .background-color-AB4{background-color:#EDF0FD;} + .d2-325604788 .background-color-AB5{background-color:#F7F8FE;} + .d2-325604788 .color-N1{color:#0A0F25;} + .d2-325604788 .color-N2{color:#676C7E;} + .d2-325604788 .color-N3{color:#9499AB;} + .d2-325604788 .color-N4{color:#CFD2DD;} + .d2-325604788 .color-N5{color:#DEE1EB;} + .d2-325604788 .color-N6{color:#EEF1F8;} + .d2-325604788 .color-N7{color:#FFFFFF;} + .d2-325604788 .color-B1{color:#0D32B2;} + .d2-325604788 .color-B2{color:#0D32B2;} + .d2-325604788 .color-B3{color:#E3E9FD;} + .d2-325604788 .color-B4{color:#E3E9FD;} + .d2-325604788 .color-B5{color:#EDF0FD;} + .d2-325604788 .color-B6{color:#F7F8FE;} + .d2-325604788 .color-AA2{color:#4A6FF3;} + .d2-325604788 .color-AA4{color:#EDF0FD;} + .d2-325604788 .color-AA5{color:#F7F8FE;} + .d2-325604788 .color-AB4{color:#EDF0FD;} + .d2-325604788 .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}.light-code{display: block}.dark-code{display: none}]]>bacthis is a message groupand this is a nested message groupwhat about more nestingyoyo + - - - - + + + + \ No newline at end of file diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json index 24af32116..0ceace317 100644 --- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json +++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/board.exp.json @@ -11,7 +11,7 @@ "y": 0 }, "width": 351, - "height": 603, + "height": 609, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -131,7 +131,7 @@ "type": "rectangle", "pos": { "x": 56, - "y": 511 + "y": 517 }, "width": 12, "height": 30, @@ -171,10 +171,10 @@ "type": "rectangle", "pos": { "x": 10, - "y": 209 + "y": 201 }, "width": 331, - "height": 339, + "height": 360, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -213,10 +213,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 378 + "y": 372 }, "width": 307, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -255,10 +255,10 @@ "type": "rectangle", "pos": { "x": 28, - "y": 477 + "y": 473 }, "width": 295, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -297,7 +297,7 @@ "type": "rectangle", "pos": { "x": 283, - "y": 511 + "y": 517 }, "width": 12, "height": 30, @@ -360,11 +360,11 @@ "route": [ { "x": 62, - "y": 253 + "y": 255 }, { "x": 289, - "y": 253 + "y": 255 } ], "animated": false, @@ -398,11 +398,11 @@ "route": [ { "x": 289, - "y": 323 + "y": 325 }, { "x": 62, - "y": 323 + "y": 325 } ], "animated": false, @@ -436,11 +436,11 @@ "route": [ { "x": 62, - "y": 422 + "y": 426 }, { "x": 289, - "y": 422 + "y": 426 } ], "animated": false, @@ -474,11 +474,11 @@ "route": [ { "x": 283, - "y": 521 + "y": 527 }, { "x": 68, - "y": 521 + "y": 527 } ], "animated": false, @@ -516,7 +516,7 @@ }, { "x": 62, - "y": 591 + "y": 597 } ], "animated": false, @@ -554,7 +554,7 @@ }, { "x": 289, - "y": 591 + "y": 597 } ], "animated": false, diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg index 672649c5c..98f489e6e 100644 --- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg +++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/dagre/sketch.exp.svg @@ -1,16 +1,16 @@ -Office chatterAliceBobbyawkward small talkicebreaker attemptunfortunate outcome uhm, hioh, hellowhat did you have for lunch?that's personal - + .d2-3589411898 .fill-N1{fill:#0A0F25;} + .d2-3589411898 .fill-N2{fill:#676C7E;} + .d2-3589411898 .fill-N3{fill:#9499AB;} + .d2-3589411898 .fill-N4{fill:#CFD2DD;} + .d2-3589411898 .fill-N5{fill:#DEE1EB;} + .d2-3589411898 .fill-N6{fill:#EEF1F8;} + .d2-3589411898 .fill-N7{fill:#FFFFFF;} + .d2-3589411898 .fill-B1{fill:#0D32B2;} + .d2-3589411898 .fill-B2{fill:#0D32B2;} + .d2-3589411898 .fill-B3{fill:#E3E9FD;} + .d2-3589411898 .fill-B4{fill:#E3E9FD;} + .d2-3589411898 .fill-B5{fill:#EDF0FD;} + .d2-3589411898 .fill-B6{fill:#F7F8FE;} + .d2-3589411898 .fill-AA2{fill:#4A6FF3;} + .d2-3589411898 .fill-AA4{fill:#EDF0FD;} + .d2-3589411898 .fill-AA5{fill:#F7F8FE;} + .d2-3589411898 .fill-AB4{fill:#EDF0FD;} + .d2-3589411898 .fill-AB5{fill:#F7F8FE;} + .d2-3589411898 .stroke-N1{stroke:#0A0F25;} + .d2-3589411898 .stroke-N2{stroke:#676C7E;} + .d2-3589411898 .stroke-N3{stroke:#9499AB;} + .d2-3589411898 .stroke-N4{stroke:#CFD2DD;} + .d2-3589411898 .stroke-N5{stroke:#DEE1EB;} + .d2-3589411898 .stroke-N6{stroke:#EEF1F8;} + .d2-3589411898 .stroke-N7{stroke:#FFFFFF;} + .d2-3589411898 .stroke-B1{stroke:#0D32B2;} + .d2-3589411898 .stroke-B2{stroke:#0D32B2;} + .d2-3589411898 .stroke-B3{stroke:#E3E9FD;} + .d2-3589411898 .stroke-B4{stroke:#E3E9FD;} + .d2-3589411898 .stroke-B5{stroke:#EDF0FD;} + .d2-3589411898 .stroke-B6{stroke:#F7F8FE;} + .d2-3589411898 .stroke-AA2{stroke:#4A6FF3;} + .d2-3589411898 .stroke-AA4{stroke:#EDF0FD;} + .d2-3589411898 .stroke-AA5{stroke:#F7F8FE;} + .d2-3589411898 .stroke-AB4{stroke:#EDF0FD;} + .d2-3589411898 .stroke-AB5{stroke:#F7F8FE;} + .d2-3589411898 .background-color-N1{background-color:#0A0F25;} + .d2-3589411898 .background-color-N2{background-color:#676C7E;} + .d2-3589411898 .background-color-N3{background-color:#9499AB;} + .d2-3589411898 .background-color-N4{background-color:#CFD2DD;} + .d2-3589411898 .background-color-N5{background-color:#DEE1EB;} + .d2-3589411898 .background-color-N6{background-color:#EEF1F8;} + .d2-3589411898 .background-color-N7{background-color:#FFFFFF;} + .d2-3589411898 .background-color-B1{background-color:#0D32B2;} + .d2-3589411898 .background-color-B2{background-color:#0D32B2;} + .d2-3589411898 .background-color-B3{background-color:#E3E9FD;} + .d2-3589411898 .background-color-B4{background-color:#E3E9FD;} + .d2-3589411898 .background-color-B5{background-color:#EDF0FD;} + .d2-3589411898 .background-color-B6{background-color:#F7F8FE;} + .d2-3589411898 .background-color-AA2{background-color:#4A6FF3;} + .d2-3589411898 .background-color-AA4{background-color:#EDF0FD;} + .d2-3589411898 .background-color-AA5{background-color:#F7F8FE;} + .d2-3589411898 .background-color-AB4{background-color:#EDF0FD;} + .d2-3589411898 .background-color-AB5{background-color:#F7F8FE;} + .d2-3589411898 .color-N1{color:#0A0F25;} + .d2-3589411898 .color-N2{color:#676C7E;} + .d2-3589411898 .color-N3{color:#9499AB;} + .d2-3589411898 .color-N4{color:#CFD2DD;} + .d2-3589411898 .color-N5{color:#DEE1EB;} + .d2-3589411898 .color-N6{color:#EEF1F8;} + .d2-3589411898 .color-N7{color:#FFFFFF;} + .d2-3589411898 .color-B1{color:#0D32B2;} + .d2-3589411898 .color-B2{color:#0D32B2;} + .d2-3589411898 .color-B3{color:#E3E9FD;} + .d2-3589411898 .color-B4{color:#E3E9FD;} + .d2-3589411898 .color-B5{color:#EDF0FD;} + .d2-3589411898 .color-B6{color:#F7F8FE;} + .d2-3589411898 .color-AA2{color:#4A6FF3;} + .d2-3589411898 .color-AA4{color:#EDF0FD;} + .d2-3589411898 .color-AA5{color:#F7F8FE;} + .d2-3589411898 .color-AB4{color:#EDF0FD;} + .d2-3589411898 .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}.light-code{display: block}.dark-code{display: none}]]>Office chatterAliceBobbyawkward small talkicebreaker attemptunfortunate outcome uhm, hioh, hellowhat did you have for lunch?that's personal + - - - - - - - + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json index 0436acfb4..d96a70ef1 100644 --- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json +++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/board.exp.json @@ -11,7 +11,7 @@ "y": 12 }, "width": 351, - "height": 603, + "height": 609, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -131,7 +131,7 @@ "type": "rectangle", "pos": { "x": 68, - "y": 523 + "y": 529 }, "width": 12, "height": 30, @@ -171,10 +171,10 @@ "type": "rectangle", "pos": { "x": 22, - "y": 221 + "y": 213 }, "width": 331, - "height": 339, + "height": 360, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -213,10 +213,10 @@ "type": "rectangle", "pos": { "x": 34, - "y": 390 + "y": 384 }, "width": 307, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -255,10 +255,10 @@ "type": "rectangle", "pos": { "x": 40, - "y": 489 + "y": 485 }, "width": 295, - "height": 59, + "height": 76, "opacity": 1, "strokeDash": 0, "strokeWidth": 0, @@ -297,7 +297,7 @@ "type": "rectangle", "pos": { "x": 295, - "y": 523 + "y": 529 }, "width": 12, "height": 30, @@ -360,11 +360,11 @@ "route": [ { "x": 74, - "y": 265 + "y": 267 }, { "x": 301, - "y": 265 + "y": 267 } ], "animated": false, @@ -398,11 +398,11 @@ "route": [ { "x": 301, - "y": 335 + "y": 337 }, { "x": 74, - "y": 335 + "y": 337 } ], "animated": false, @@ -436,11 +436,11 @@ "route": [ { "x": 74, - "y": 434 + "y": 438 }, { "x": 301, - "y": 434 + "y": 438 } ], "animated": false, @@ -474,11 +474,11 @@ "route": [ { "x": 295, - "y": 533 + "y": 539 }, { "x": 80, - "y": 533 + "y": 539 } ], "animated": false, @@ -516,7 +516,7 @@ }, { "x": 74, - "y": 603 + "y": 609 } ], "animated": false, @@ -554,7 +554,7 @@ }, { "x": 301, - "y": 603 + "y": 609 } ], "animated": false, diff --git a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg index a0dba5fa7..427dda269 100644 --- a/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg +++ b/e2etests/testdata/todo/sequence_diagram_edge_group_span_field/elk/sketch.exp.svg @@ -1,16 +1,16 @@ -Office chatterAliceBobbyawkward small talkicebreaker attemptunfortunate outcome uhm, hioh, hellowhat did you have for lunch?that's personal - + .d2-4285135265 .fill-N1{fill:#0A0F25;} + .d2-4285135265 .fill-N2{fill:#676C7E;} + .d2-4285135265 .fill-N3{fill:#9499AB;} + .d2-4285135265 .fill-N4{fill:#CFD2DD;} + .d2-4285135265 .fill-N5{fill:#DEE1EB;} + .d2-4285135265 .fill-N6{fill:#EEF1F8;} + .d2-4285135265 .fill-N7{fill:#FFFFFF;} + .d2-4285135265 .fill-B1{fill:#0D32B2;} + .d2-4285135265 .fill-B2{fill:#0D32B2;} + .d2-4285135265 .fill-B3{fill:#E3E9FD;} + .d2-4285135265 .fill-B4{fill:#E3E9FD;} + .d2-4285135265 .fill-B5{fill:#EDF0FD;} + .d2-4285135265 .fill-B6{fill:#F7F8FE;} + .d2-4285135265 .fill-AA2{fill:#4A6FF3;} + .d2-4285135265 .fill-AA4{fill:#EDF0FD;} + .d2-4285135265 .fill-AA5{fill:#F7F8FE;} + .d2-4285135265 .fill-AB4{fill:#EDF0FD;} + .d2-4285135265 .fill-AB5{fill:#F7F8FE;} + .d2-4285135265 .stroke-N1{stroke:#0A0F25;} + .d2-4285135265 .stroke-N2{stroke:#676C7E;} + .d2-4285135265 .stroke-N3{stroke:#9499AB;} + .d2-4285135265 .stroke-N4{stroke:#CFD2DD;} + .d2-4285135265 .stroke-N5{stroke:#DEE1EB;} + .d2-4285135265 .stroke-N6{stroke:#EEF1F8;} + .d2-4285135265 .stroke-N7{stroke:#FFFFFF;} + .d2-4285135265 .stroke-B1{stroke:#0D32B2;} + .d2-4285135265 .stroke-B2{stroke:#0D32B2;} + .d2-4285135265 .stroke-B3{stroke:#E3E9FD;} + .d2-4285135265 .stroke-B4{stroke:#E3E9FD;} + .d2-4285135265 .stroke-B5{stroke:#EDF0FD;} + .d2-4285135265 .stroke-B6{stroke:#F7F8FE;} + .d2-4285135265 .stroke-AA2{stroke:#4A6FF3;} + .d2-4285135265 .stroke-AA4{stroke:#EDF0FD;} + .d2-4285135265 .stroke-AA5{stroke:#F7F8FE;} + .d2-4285135265 .stroke-AB4{stroke:#EDF0FD;} + .d2-4285135265 .stroke-AB5{stroke:#F7F8FE;} + .d2-4285135265 .background-color-N1{background-color:#0A0F25;} + .d2-4285135265 .background-color-N2{background-color:#676C7E;} + .d2-4285135265 .background-color-N3{background-color:#9499AB;} + .d2-4285135265 .background-color-N4{background-color:#CFD2DD;} + .d2-4285135265 .background-color-N5{background-color:#DEE1EB;} + .d2-4285135265 .background-color-N6{background-color:#EEF1F8;} + .d2-4285135265 .background-color-N7{background-color:#FFFFFF;} + .d2-4285135265 .background-color-B1{background-color:#0D32B2;} + .d2-4285135265 .background-color-B2{background-color:#0D32B2;} + .d2-4285135265 .background-color-B3{background-color:#E3E9FD;} + .d2-4285135265 .background-color-B4{background-color:#E3E9FD;} + .d2-4285135265 .background-color-B5{background-color:#EDF0FD;} + .d2-4285135265 .background-color-B6{background-color:#F7F8FE;} + .d2-4285135265 .background-color-AA2{background-color:#4A6FF3;} + .d2-4285135265 .background-color-AA4{background-color:#EDF0FD;} + .d2-4285135265 .background-color-AA5{background-color:#F7F8FE;} + .d2-4285135265 .background-color-AB4{background-color:#EDF0FD;} + .d2-4285135265 .background-color-AB5{background-color:#F7F8FE;} + .d2-4285135265 .color-N1{color:#0A0F25;} + .d2-4285135265 .color-N2{color:#676C7E;} + .d2-4285135265 .color-N3{color:#9499AB;} + .d2-4285135265 .color-N4{color:#CFD2DD;} + .d2-4285135265 .color-N5{color:#DEE1EB;} + .d2-4285135265 .color-N6{color:#EEF1F8;} + .d2-4285135265 .color-N7{color:#FFFFFF;} + .d2-4285135265 .color-B1{color:#0D32B2;} + .d2-4285135265 .color-B2{color:#0D32B2;} + .d2-4285135265 .color-B3{color:#E3E9FD;} + .d2-4285135265 .color-B4{color:#E3E9FD;} + .d2-4285135265 .color-B5{color:#EDF0FD;} + .d2-4285135265 .color-B6{color:#F7F8FE;} + .d2-4285135265 .color-AA2{color:#4A6FF3;} + .d2-4285135265 .color-AA4{color:#EDF0FD;} + .d2-4285135265 .color-AA5{color:#F7F8FE;} + .d2-4285135265 .color-AB4{color:#EDF0FD;} + .d2-4285135265 .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}.light-code{display: block}.dark-code{display: none}]]>Office chatterAliceBobbyawkward small talkicebreaker attemptunfortunate outcome uhm, hioh, hellowhat did you have for lunch?that's personal + - - - - - - - + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/txtar.txt b/e2etests/testdata/txtar.txt index 263bfa561..6a4abf726 100644 --- a/e2etests/testdata/txtar.txt +++ b/e2etests/testdata/txtar.txt @@ -279,4 +279,27 @@ a <-> c: {style.animated: true} a <-> d: {style.animated: true} a <-> e f <-> g: {style.animated: true} -x -- x: {style.animated: true} \ No newline at end of file +x -- x: {style.animated: true} + +-- sequence-edge-group-tall-edge-label -- +Sequence: { + shape: sequence_diagram + System: System + File: File + A + + System Starts: { + System <- File: One\nTwo\nThree\nFour\nFive\nSix + System -> File: One\nTwo\nThree\nFour\nFive\nSix + System -> File: One + System -> File: Two + System <- File: One\nTwo\nThree\nFour\nFive\nSix + Alright: { + System <- File: One\nTwo\nThree\nFour\nFive\nSix + } + } + + Okay: { + A -> File: One\nTwo\nThree\nFour\nFive\nSix + } +} diff --git a/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/dagre/board.exp.json b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/dagre/board.exp.json new file mode 100644 index 000000000..8bef6fd0f --- /dev/null +++ b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/dagre/board.exp.json @@ -0,0 +1,719 @@ +{ + "name": "", + "isFolderOnly": false, + "fontFamily": "SourceSansPro", + "shapes": [ + { + "id": "Sequence", + "type": "sequence_diagram", + "pos": { + "x": 0, + "y": 0 + }, + "width": 424, + "height": 1387, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N7", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "Sequence", + "fontSize": 28, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 114, + "labelHeight": 36, + "labelPosition": "INSIDE_TOP_CENTER", + "zIndex": 0, + "level": 1 + }, + { + "id": "Sequence.System", + "type": "rectangle", + "pos": { + "x": 12, + "y": 88 + }, + "width": 100, + "height": 66, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "borderRadius": 0, + "fill": "B5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "System", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 50, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "zIndex": 0, + "level": 2 + }, + { + "id": "Sequence.File", + "type": "rectangle", + "pos": { + "x": 162, + "y": 88 + }, + "width": 100, + "height": 66, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "borderRadius": 0, + "fill": "B5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "File", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 23, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "zIndex": 0, + "level": 2 + }, + { + "id": "Sequence.A", + "type": "rectangle", + "pos": { + "x": 312, + "y": 88 + }, + "width": 100, + "height": 66, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "borderRadius": 0, + "fill": "B5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "A", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 9, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "zIndex": 0, + "level": 2 + }, + { + "id": "Sequence.System Starts", + "type": "rectangle", + "pos": { + "x": 10, + "y": 232 + }, + "width": 254, + "height": 904, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": true, + "fields": null, + "methods": null, + "columns": null, + "label": "System Starts", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 93, + "labelHeight": 21, + "labelFill": "N5", + "labelPosition": "INSIDE_TOP_LEFT", + "zIndex": 3, + "level": 2 + }, + { + "id": "Sequence.System Starts.Alright", + "type": "rectangle", + "pos": { + "x": 22, + "y": 968 + }, + "width": 230, + "height": 156, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": true, + "fields": null, + "methods": null, + "columns": null, + "label": "Alright", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 46, + "labelHeight": 21, + "labelFill": "N5", + "labelPosition": "INSIDE_TOP_LEFT", + "zIndex": 3, + "level": 3 + }, + { + "id": "Sequence.Okay", + "type": "rectangle", + "pos": { + "x": 172, + "y": 1140 + }, + "width": 230, + "height": 156, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": true, + "fields": null, + "methods": null, + "columns": null, + "label": "Okay", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 35, + "labelHeight": 21, + "labelFill": "N5", + "labelPosition": "INSIDE_TOP_LEFT", + "zIndex": 3, + "level": 2 + } + ], + "connections": [ + { + "id": "Sequence.(System <- File)[1]", + "src": "Sequence.System", + "srcArrow": "triangle", + "dst": "Sequence.File", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 62, + "y": 326 + }, + { + "x": 212, + "y": 326 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System -> File)[0]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 62, + "y": 467 + }, + { + "x": 212, + "y": 467 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System -> File)[1]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 27, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 62, + "y": 608 + }, + { + "x": 212, + "y": 608 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System -> File)[2]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "Two", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 27, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 62, + "y": 749 + }, + { + "x": 212, + "y": 749 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System <- File)[2]", + "src": "Sequence.System", + "srcArrow": "triangle", + "dst": "Sequence.File", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 62, + "y": 890 + }, + { + "x": 212, + "y": 890 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System <- File)[0]", + "src": "Sequence.System", + "srcArrow": "triangle", + "dst": "Sequence.File", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 62, + "y": 1062 + }, + { + "x": 212, + "y": 1062 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(A -> File)[0]", + "src": "Sequence.A", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 362, + "y": 1234 + }, + { + "x": 212, + "y": 1234 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "(Sequence.System -- )[0]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "System-lifeline-end-2808888031", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 6, + "strokeWidth": 2, + "stroke": "B2", + "borderRadius": 10, + "label": "", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "labelPosition": "", + "labelPercentage": 0, + "route": [ + { + "x": 62, + "y": 154 + }, + { + "x": 62, + "y": 1375 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 1 + }, + { + "id": "(Sequence.File -- )[0]", + "src": "Sequence.File", + "srcArrow": "none", + "dst": "File-lifeline-end-1953690906", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 6, + "strokeWidth": 2, + "stroke": "B2", + "borderRadius": 10, + "label": "", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "labelPosition": "", + "labelPercentage": 0, + "route": [ + { + "x": 212, + "y": 154 + }, + { + "x": 212, + "y": 1375 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 1 + }, + { + "id": "(Sequence.A -- )[0]", + "src": "Sequence.A", + "srcArrow": "none", + "dst": "A-lifeline-end-936192655", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 6, + "strokeWidth": 2, + "stroke": "B2", + "borderRadius": 10, + "label": "", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "labelPosition": "", + "labelPercentage": 0, + "route": [ + { + "x": 362, + "y": 154 + }, + { + "x": 362, + "y": 1375 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 1 + } + ], + "root": { + "id": "", + "type": "", + "pos": { + "x": 0, + "y": 0 + }, + "width": 0, + "height": 0, + "opacity": 0, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N7", + "stroke": "", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "", + "fontSize": 0, + "fontFamily": "", + "language": "", + "color": "", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "zIndex": 0, + "level": 0 + } +} diff --git a/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/dagre/sketch.exp.svg b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/dagre/sketch.exp.svg new file mode 100644 index 000000000..7fe3ee7cb --- /dev/null +++ b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/dagre/sketch.exp.svg @@ -0,0 +1,115 @@ +SequenceSystemFileASystem StartsOkayAlright OneTwoThreeFourFiveSix OneTwoThreeFourFiveSixOneTwoOneTwoThreeFourFiveSixOneTwoThreeFourFiveSixOneTwoThreeFourFiveSix + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/elk/board.exp.json b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/elk/board.exp.json new file mode 100644 index 000000000..fff138ec2 --- /dev/null +++ b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/elk/board.exp.json @@ -0,0 +1,719 @@ +{ + "name": "", + "isFolderOnly": false, + "fontFamily": "SourceSansPro", + "shapes": [ + { + "id": "Sequence", + "type": "sequence_diagram", + "pos": { + "x": 12, + "y": 12 + }, + "width": 424, + "height": 1387, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N7", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "Sequence", + "fontSize": 28, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 114, + "labelHeight": 36, + "labelPosition": "INSIDE_TOP_CENTER", + "zIndex": 0, + "level": 1 + }, + { + "id": "Sequence.System", + "type": "rectangle", + "pos": { + "x": 24, + "y": 100 + }, + "width": 100, + "height": 66, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "borderRadius": 0, + "fill": "B5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "System", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 50, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "zIndex": 0, + "level": 2 + }, + { + "id": "Sequence.File", + "type": "rectangle", + "pos": { + "x": 174, + "y": 100 + }, + "width": 100, + "height": 66, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "borderRadius": 0, + "fill": "B5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "File", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 23, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "zIndex": 0, + "level": 2 + }, + { + "id": "Sequence.A", + "type": "rectangle", + "pos": { + "x": 324, + "y": 100 + }, + "width": 100, + "height": 66, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "borderRadius": 0, + "fill": "B5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "A", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 9, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "zIndex": 0, + "level": 2 + }, + { + "id": "Sequence.System Starts", + "type": "rectangle", + "pos": { + "x": 22, + "y": 244 + }, + "width": 254, + "height": 904, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": true, + "fields": null, + "methods": null, + "columns": null, + "label": "System Starts", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 93, + "labelHeight": 21, + "labelFill": "N5", + "labelPosition": "INSIDE_TOP_LEFT", + "zIndex": 3, + "level": 2 + }, + { + "id": "Sequence.System Starts.Alright", + "type": "rectangle", + "pos": { + "x": 34, + "y": 980 + }, + "width": 230, + "height": 156, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": true, + "fields": null, + "methods": null, + "columns": null, + "label": "Alright", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 46, + "labelHeight": 21, + "labelFill": "N5", + "labelPosition": "INSIDE_TOP_LEFT", + "zIndex": 3, + "level": 3 + }, + { + "id": "Sequence.Okay", + "type": "rectangle", + "pos": { + "x": 184, + "y": 1152 + }, + "width": 230, + "height": 156, + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N5", + "stroke": "B1", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": true, + "fields": null, + "methods": null, + "columns": null, + "label": "Okay", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N1", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 35, + "labelHeight": 21, + "labelFill": "N5", + "labelPosition": "INSIDE_TOP_LEFT", + "zIndex": 3, + "level": 2 + } + ], + "connections": [ + { + "id": "Sequence.(System <- File)[1]", + "src": "Sequence.System", + "srcArrow": "triangle", + "dst": "Sequence.File", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 74, + "y": 338 + }, + { + "x": 224, + "y": 338 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System -> File)[0]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 74, + "y": 479 + }, + { + "x": 224, + "y": 479 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System -> File)[1]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 27, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 74, + "y": 620 + }, + { + "x": 224, + "y": 620 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System -> File)[2]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "Two", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 27, + "labelHeight": 21, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 74, + "y": 761 + }, + { + "x": 224, + "y": 761 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System <- File)[2]", + "src": "Sequence.System", + "srcArrow": "triangle", + "dst": "Sequence.File", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 74, + "y": 902 + }, + { + "x": 224, + "y": 902 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(System <- File)[0]", + "src": "Sequence.System", + "srcArrow": "triangle", + "dst": "Sequence.File", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 74, + "y": 1074 + }, + { + "x": 224, + "y": 1074 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "Sequence.(A -> File)[0]", + "src": "Sequence.A", + "srcArrow": "none", + "dst": "Sequence.File", + "dstArrow": "triangle", + "opacity": 1, + "strokeDash": 0, + "strokeWidth": 2, + "stroke": "B1", + "borderRadius": 10, + "label": "One\nTwo\nThree\nFour\nFive\nSix", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 38, + "labelHeight": 101, + "labelPosition": "INSIDE_MIDDLE_CENTER", + "labelPercentage": 0, + "route": [ + { + "x": 374, + "y": 1246 + }, + { + "x": 224, + "y": 1246 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 4 + }, + { + "id": "(Sequence.System -- )[0]", + "src": "Sequence.System", + "srcArrow": "none", + "dst": "System-lifeline-end-2808888031", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 6, + "strokeWidth": 2, + "stroke": "B2", + "borderRadius": 10, + "label": "", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "labelPosition": "", + "labelPercentage": 0, + "route": [ + { + "x": 74, + "y": 166 + }, + { + "x": 74, + "y": 1387 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 1 + }, + { + "id": "(Sequence.File -- )[0]", + "src": "Sequence.File", + "srcArrow": "none", + "dst": "File-lifeline-end-1953690906", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 6, + "strokeWidth": 2, + "stroke": "B2", + "borderRadius": 10, + "label": "", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "labelPosition": "", + "labelPercentage": 0, + "route": [ + { + "x": 224, + "y": 166 + }, + { + "x": 224, + "y": 1387 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 1 + }, + { + "id": "(Sequence.A -- )[0]", + "src": "Sequence.A", + "srcArrow": "none", + "dst": "A-lifeline-end-936192655", + "dstArrow": "none", + "opacity": 1, + "strokeDash": 6, + "strokeWidth": 2, + "stroke": "B2", + "borderRadius": 10, + "label": "", + "fontSize": 16, + "fontFamily": "DEFAULT", + "language": "", + "color": "N2", + "italic": true, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "labelPosition": "", + "labelPercentage": 0, + "route": [ + { + "x": 374, + "y": 166 + }, + { + "x": 374, + "y": 1387 + } + ], + "animated": false, + "tooltip": "", + "icon": null, + "zIndex": 1 + } + ], + "root": { + "id": "", + "type": "", + "pos": { + "x": 0, + "y": 0 + }, + "width": 0, + "height": 0, + "opacity": 0, + "strokeDash": 0, + "strokeWidth": 0, + "borderRadius": 0, + "fill": "N7", + "stroke": "", + "shadow": false, + "3d": false, + "multiple": false, + "double-border": false, + "tooltip": "", + "link": "", + "icon": null, + "iconPosition": "", + "blend": false, + "fields": null, + "methods": null, + "columns": null, + "label": "", + "fontSize": 0, + "fontFamily": "", + "language": "", + "color": "", + "italic": false, + "bold": false, + "underline": false, + "labelWidth": 0, + "labelHeight": 0, + "zIndex": 0, + "level": 0 + } +} diff --git a/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/elk/sketch.exp.svg b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/elk/sketch.exp.svg new file mode 100644 index 000000000..69d5bb8a7 --- /dev/null +++ b/e2etests/testdata/txtar/sequence-edge-group-tall-edge-label/elk/sketch.exp.svg @@ -0,0 +1,115 @@ +SequenceSystemFileASystem StartsOkayAlright OneTwoThreeFourFiveSix OneTwoThreeFourFiveSixOneTwoOneTwoThreeFourFiveSixOneTwoThreeFourFiveSixOneTwoThreeFourFiveSix + + + + + + + + + + + + + + + + \ No newline at end of file