Merge pull request #2204 from alixander/sequence-markdown

use special text as labels
This commit is contained in:
Alexander Wang 2025-03-01 22:21:56 -08:00 committed by GitHub
commit 9c0736b78a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
38 changed files with 6578 additions and 10756 deletions

View file

@ -3,6 +3,7 @@
- Icons: connections can include icons [#12](https://github.com/terrastruct/d2/issues/12)
- Syntax: `suspend`/`unsuspend` to define models and instantiate them [#2394](https://github.com/terrastruct/d2/pull/2394)
- Globs: support for filtering edges based on properties of endpoint nodes (e.g., `&src.style.fill: blue`) [#2395](https://github.com/terrastruct/d2/pull/2395)
- Render: markdown, latex, and code can be used as object labels [#2204](https://github.com/terrastruct/d2/pull/2204/files)
#### Improvements 🧹

View file

@ -356,7 +356,14 @@ func (c *compiler) compileField(obj *d2graph.Object, f *d2ir.Field) {
parent := obj
obj = obj.EnsureChild(([]d2ast.String{f.Name}))
if f.Primary() != nil {
var s string
if obj.OuterSequenceDiagram() != nil {
s = obj.Attributes.Shape.Value
}
c.compileLabel(&obj.Attributes, f)
if s != "" {
obj.Attributes.Shape.Value = s
}
}
if f.Map() != nil {
c.compileMap(obj, f.Map())

View file

@ -146,6 +146,7 @@ func toShape(obj *d2graph.Object, g *d2graph.Graph) d2target.Shape {
shape.Pos = d2target.NewPoint(int(obj.TopLeft.X), int(obj.TopLeft.Y))
shape.Width = int(obj.Width)
shape.Height = int(obj.Height)
shape.Language = obj.Language
text := obj.Text()
shape.Bold = text.IsBold
@ -166,10 +167,7 @@ func toShape(obj *d2graph.Object, g *d2graph.Graph) d2target.Shape {
shape.Color = text.GetColor(shape.Italic)
applyStyles(shape, obj)
switch obj.Shape.Value {
case d2target.ShapeCode, d2target.ShapeText:
shape.Language = obj.Language
shape.Label = obj.Label.Value
switch strings.ToLower(obj.Shape.Value) {
case d2target.ShapeClass:
shape.Class = *obj.Class
// The label is the header for classes and tables, which is set in client to be 4 px larger than the object's set font size

View file

@ -946,14 +946,16 @@ func (obj *Object) GetLabelSize(mtexts []*d2target.MText, ruler *textmeasure.Rul
var dims *d2target.TextDimensions
switch shapeType {
case d2target.ShapeText:
case d2target.ShapeClass:
dims = GetTextDimensions(mtexts, ruler, obj.Text(), go2.Pointer(d2fonts.SourceCodePro))
default:
if obj.Language == "latex" {
width, height, err := d2latex.Measure(obj.Text().Text)
if err != nil {
return nil, err
}
dims = d2target.NewTextDimensions(width, height)
} else if obj.Language != "" {
} else if obj.Language != "" && shapeType != d2target.ShapeCode {
var err error
dims, err = getMarkdownDimensions(mtexts, ruler, obj.Text(), fontFamily)
if err != nil {
@ -962,12 +964,6 @@ func (obj *Object) GetLabelSize(mtexts []*d2target.MText, ruler *textmeasure.Rul
} else {
dims = GetTextDimensions(mtexts, ruler, obj.Text(), fontFamily)
}
case d2target.ShapeClass:
dims = GetTextDimensions(mtexts, ruler, obj.Text(), go2.Pointer(d2fonts.SourceCodePro))
default:
dims = GetTextDimensions(mtexts, ruler, obj.Text(), fontFamily)
}
if shapeType == d2target.ShapeSQLTable && obj.Label.Value == "" {

View file

@ -1414,7 +1414,82 @@ func drawShape(writer, appendixWriter io.Writer, diagramHash string, targetShape
fontClass += " text-underline"
}
if targetShape.Type == d2target.ShapeCode {
if targetShape.Language == "latex" {
render, err := d2latex.Render(targetShape.Label)
if err != nil {
return labelMask, err
}
gEl := d2themes.NewThemableElement("g", inlineTheme)
labelPosition := label.FromString(targetShape.LabelPosition)
if labelPosition == label.Unset {
labelPosition = label.InsideMiddleCenter
}
var box *geo.Box
if labelPosition.IsOutside() {
box = s.GetBox()
} else {
box = s.GetInnerBox()
}
labelTL := labelPosition.GetPointOnBox(box, label.PADDING,
float64(targetShape.LabelWidth),
float64(targetShape.LabelHeight),
)
gEl.SetTranslate(labelTL.X, labelTL.Y)
gEl.Color = targetShape.Stroke
gEl.Content = render
fmt.Fprint(writer, gEl.Render())
} else if targetShape.Language == "markdown" {
render, err := textmeasure.RenderMarkdown(targetShape.Label)
if err != nil {
return labelMask, err
}
labelPosition := label.FromString(targetShape.LabelPosition)
if labelPosition == label.Unset {
labelPosition = label.InsideMiddleCenter
}
var box *geo.Box
if labelPosition.IsOutside() {
box = s.GetBox()
} else {
box = s.GetInnerBox()
}
labelTL := labelPosition.GetPointOnBox(box, label.PADDING,
float64(targetShape.LabelWidth),
float64(targetShape.LabelHeight),
)
fmt.Fprintf(writer, `<g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="%f" y="%f" width="%d" height="%d">`,
labelTL.X, labelTL.Y, targetShape.LabelWidth, targetShape.LabelHeight,
)
// we need the self closing form in this svg/xhtml context
render = strings.ReplaceAll(render, "<hr>", "<hr />")
mdEl := d2themes.NewThemableElement("div", inlineTheme)
mdEl.ClassName = "md"
mdEl.Content = render
// We have to set with styles since within foreignObject, we're in html
// land and not SVG attributes
var styles []string
if targetShape.FontSize != textmeasure.MarkdownFontSize {
styles = append(styles, fmt.Sprintf("font-size:%vpx", targetShape.FontSize))
}
if targetShape.Fill != "" && targetShape.Fill != "transparent" {
styles = append(styles, fmt.Sprintf(`background-color:%s`, targetShape.Fill))
}
if !color.IsThemeColor(targetShape.Color) {
styles = append(styles, fmt.Sprintf(`color:%s`, targetShape.Color))
}
mdEl.Style = strings.Join(styles, ";")
fmt.Fprint(writer, mdEl.Render())
fmt.Fprint(writer, `</foreignObject></g>`)
} else if targetShape.Language != "" {
lexer := lexers.Get(targetShape.Language)
if lexer == nil {
lexer = lexers.Fallback
@ -1478,48 +1553,6 @@ func drawShape(writer, appendixWriter io.Writer, diagramHash string, targetShape
}
fmt.Fprint(writer, "</g></g>")
}
} else if targetShape.Type == d2target.ShapeText && targetShape.Language == "latex" {
render, err := d2latex.Render(targetShape.Label)
if err != nil {
return labelMask, err
}
gEl := d2themes.NewThemableElement("g", inlineTheme)
gEl.SetTranslate(float64(box.TopLeft.X), float64(box.TopLeft.Y))
gEl.Color = targetShape.Stroke
gEl.Content = render
fmt.Fprint(writer, gEl.Render())
} else if targetShape.Type == d2target.ShapeText && targetShape.Language != "" {
render, err := textmeasure.RenderMarkdown(targetShape.Label)
if err != nil {
return labelMask, err
}
fmt.Fprintf(writer, `<g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="%f" y="%f" width="%d" height="%d">`,
box.TopLeft.X, box.TopLeft.Y, targetShape.Width, targetShape.Height,
)
// we need the self closing form in this svg/xhtml context
render = strings.ReplaceAll(render, "<hr>", "<hr />")
mdEl := d2themes.NewThemableElement("div", inlineTheme)
mdEl.ClassName = "md"
mdEl.Content = render
// We have to set with styles since within foreignObject, we're in html
// land and not SVG attributes
var styles []string
if targetShape.FontSize != textmeasure.MarkdownFontSize {
styles = append(styles, fmt.Sprintf("font-size:%vpx", targetShape.FontSize))
}
if targetShape.Fill != "" && targetShape.Fill != "transparent" {
styles = append(styles, fmt.Sprintf(`background-color:%s`, targetShape.Fill))
}
if !color.IsThemeColor(targetShape.Color) {
styles = append(styles, fmt.Sprintf(`color:%s`, targetShape.Color))
}
mdEl.Style = strings.Join(styles, ";")
fmt.Fprint(writer, mdEl.Render())
fmt.Fprint(writer, `</foreignObject></g>`)
} else {
if targetShape.LabelFill != "" {
rectEl := d2themes.NewThemableElement("rect", inlineTheme)
@ -2075,7 +2108,7 @@ func Render(diagram *d2target.Diagram, opts *RenderOpts) ([]byte, error) {
hasMarkdown := false
for _, s := range diagram.Shapes {
if s.Label != "" && s.Type == d2target.ShapeText {
if s.Language == "markdown" {
hasMarkdown = true
break
}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 29 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 29 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 32 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 107 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 120 KiB

After

Width:  |  Height:  |  Size: 107 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 69 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 69 KiB

View file

@ -96,743 +96,7 @@
.d2-3802857277 .color-AA4{color:#EDF0FD;}
.d2-3802857277 .color-AA5{color:#F7F8FE;}
.d2-3802857277 .color-AB4{color:#EDF0FD;}
.d2-3802857277 .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-d2-3802857277);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3802857277);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3802857277);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3802857277);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3802857277);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3802857277);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3802857277);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-3802857277 .md em,
.d2-3802857277 .md dfn {
font-family: "d2-3802857277-font-italic";
}
.d2-3802857277 .md b,
.d2-3802857277 .md strong {
font-family: "d2-3802857277-font-bold";
}
.d2-3802857277 .md code,
.d2-3802857277 .md kbd,
.d2-3802857277 .md pre,
.d2-3802857277 .md samp {
font-family: "d2-3802857277-font-mono";
font-size: 1em;
}
.d2-3802857277 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-3802857277 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-3802857277-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-3802857277 .md details,
.d2-3802857277 .md figcaption,
.d2-3802857277 .md figure {
display: block;
}
.d2-3802857277 .md summary {
display: list-item;
}
.d2-3802857277 .md [hidden] {
display: none !important;
}
.d2-3802857277 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-3802857277 .md a:active,
.d2-3802857277 .md a:hover {
outline-width: 0;
}
.d2-3802857277 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-3802857277 .md dfn {
font-style: italic;
}
.d2-3802857277 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-3802857277 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-3802857277 .md small {
font-size: 90%;
}
.d2-3802857277 .md sub,
.d2-3802857277 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-3802857277 .md sub {
bottom: -0.25em;
}
.d2-3802857277 .md sup {
top: -0.5em;
}
.d2-3802857277 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-3802857277 .md figure {
margin: 1em 40px;
}
.d2-3802857277 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-3802857277 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-3802857277 .md [type="button"],
.d2-3802857277 .md [type="reset"],
.d2-3802857277 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-3802857277 .md [type="button"]::-moz-focus-inner,
.d2-3802857277 .md [type="reset"]::-moz-focus-inner,
.d2-3802857277 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-3802857277 .md [type="button"]:-moz-focusring,
.d2-3802857277 .md [type="reset"]:-moz-focusring,
.d2-3802857277 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-3802857277 .md [type="checkbox"],
.d2-3802857277 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-3802857277 .md [type="number"]::-webkit-inner-spin-button,
.d2-3802857277 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-3802857277 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-3802857277 .md [type="search"]::-webkit-search-cancel-button,
.d2-3802857277 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-3802857277 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-3802857277 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-3802857277 .md a:hover {
text-decoration: underline;
}
.d2-3802857277 .md hr::before {
display: table;
content: "";
}
.d2-3802857277 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-3802857277 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-3802857277 .md td,
.d2-3802857277 .md th {
padding: 0;
}
.d2-3802857277 .md details summary {
cursor: pointer;
}
.d2-3802857277 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-3802857277 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-3802857277 .md h1,
.d2-3802857277 .md h2,
.d2-3802857277 .md h3,
.d2-3802857277 .md h4,
.d2-3802857277 .md h5,
.d2-3802857277 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-3802857277-font-semibold";
}
.d2-3802857277 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-3802857277 .md h3 {
font-size: 1.25em;
}
.d2-3802857277 .md h4 {
font-size: 1em;
}
.d2-3802857277 .md h5 {
font-size: 0.875em;
}
.d2-3802857277 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-3802857277 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-3802857277 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-3802857277 .md ul,
.d2-3802857277 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-3802857277 .md ol ol,
.d2-3802857277 .md ul ol {
list-style-type: lower-roman;
}
.d2-3802857277 .md ul ul ol,
.d2-3802857277 .md ul ol ol,
.d2-3802857277 .md ol ul ol,
.d2-3802857277 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-3802857277 .md dd {
margin-left: 0;
}
.d2-3802857277 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-3802857277 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-3802857277 .md input::-webkit-outer-spin-button,
.d2-3802857277 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-3802857277 .md::before {
display: table;
content: "";
}
.d2-3802857277 .md::after {
display: table;
clear: both;
content: "";
}
.d2-3802857277 .md > *:first-child {
margin-top: 0 !important;
}
.d2-3802857277 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-3802857277 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-3802857277 .md .absent {
color: var(--color-danger-fg);
}
.d2-3802857277 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-3802857277 .md .anchor:focus {
outline: none;
}
.d2-3802857277 .md p,
.d2-3802857277 .md blockquote,
.d2-3802857277 .md ul,
.d2-3802857277 .md ol,
.d2-3802857277 .md dl,
.d2-3802857277 .md table,
.d2-3802857277 .md pre,
.d2-3802857277 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-3802857277 .md blockquote > :first-child {
margin-top: 0;
}
.d2-3802857277 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-3802857277 .md sup > a::before {
content: "[";
}
.d2-3802857277 .md sup > a::after {
content: "]";
}
.d2-3802857277 .md h1:hover .anchor,
.d2-3802857277 .md h2:hover .anchor,
.d2-3802857277 .md h3:hover .anchor,
.d2-3802857277 .md h4:hover .anchor,
.d2-3802857277 .md h5:hover .anchor,
.d2-3802857277 .md h6:hover .anchor {
text-decoration: none;
}
.d2-3802857277 .md h1 tt,
.d2-3802857277 .md h1 code,
.d2-3802857277 .md h2 tt,
.d2-3802857277 .md h2 code,
.d2-3802857277 .md h3 tt,
.d2-3802857277 .md h3 code,
.d2-3802857277 .md h4 tt,
.d2-3802857277 .md h4 code,
.d2-3802857277 .md h5 tt,
.d2-3802857277 .md h5 code,
.d2-3802857277 .md h6 tt,
.d2-3802857277 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-3802857277 .md ul.no-list,
.d2-3802857277 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-3802857277 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-3802857277 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-3802857277 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-3802857277 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-3802857277 .md ul ul,
.d2-3802857277 .md ul ol,
.d2-3802857277 .md ol ol,
.d2-3802857277 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-3802857277 .md li > p {
margin-top: 16px;
}
.d2-3802857277 .md li + li {
margin-top: 0.25em;
}
.d2-3802857277 .md dl {
padding: 0;
}
.d2-3802857277 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-3802857277-font-semibold";
}
.d2-3802857277 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-3802857277 .md table th {
font-family: "d2-3802857277-font-semibold";
}
.d2-3802857277 .md table th,
.d2-3802857277 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-3802857277 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-3802857277 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-3802857277 .md table img {
background-color: transparent;
}
.d2-3802857277 .md img[align="right"] {
padding-left: 20px;
}
.d2-3802857277 .md img[align="left"] {
padding-right: 20px;
}
.d2-3802857277 .md span.frame {
display: block;
overflow: hidden;
}
.d2-3802857277 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-3802857277 .md span.frame span img {
display: block;
float: left;
}
.d2-3802857277 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-3802857277 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-3802857277 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-3802857277 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-3802857277 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-3802857277 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-3802857277 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-3802857277 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-3802857277 .md span.float-left span {
margin: 13px 0 0;
}
.d2-3802857277 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-3802857277 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-3802857277 .md code,
.d2-3802857277 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-3802857277 .md code br,
.d2-3802857277 .md tt br {
display: none;
}
.d2-3802857277 .md del code {
text-decoration: inherit;
}
.d2-3802857277 .md pre code {
font-size: 100%;
}
.d2-3802857277 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-3802857277 .md .highlight {
margin-bottom: 16px;
}
.d2-3802857277 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-3802857277 .md .highlight pre,
.d2-3802857277 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-3802857277 .md pre code,
.d2-3802857277 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-3802857277 .md .csv-data td,
.d2-3802857277 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-3802857277 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-3802857277 .md .csv-data tr {
border-top: 0;
}
.d2-3802857277 .md .csv-data th {
font-family: "d2-3802857277-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-3802857277 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-3802857277 .md .footnotes ol {
padding-left: 16px;
}
.d2-3802857277 .md .footnotes li {
position: relative;
}
.d2-3802857277 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-3802857277 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-3802857277 .md .task-list-item {
list-style-type: none;
}
.d2-3802857277 .md .task-list-item label {
font-weight: 400;
}
.d2-3802857277 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-3802857277 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-3802857277 .md .task-list-item .handle {
display: none;
}
.d2-3802857277 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-3802857277 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="153.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="180.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="307.000000" y="0.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="333.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="bGVnZW5k"><g class="shape" ><rect x="97.000000" y="122.000000" width="164.000000" height="81.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="179.000000" y="109.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">legend</text></g><g class="bGVnZW5kLmNvbG9yMQ=="><g class="shape" ></g><text x="138.000000" y="168.000000" fill="green" class="text" style="text-anchor:middle;font-size:16px">foo</text></g><g class="bGVnZW5kLmNvbG9yMg=="><g class="shape" ></g><text x="220.000000" y="168.000000" fill="red" class="text" style="text-anchor:middle;font-size:16px">bar</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3802857277-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 55.000000 33.000000 C 93.000000 33.000000 113.000000 33.000000 149.000000 33.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-3802857277-1457214650)" mask="url(#d2-3802857277)" /></g><g class="KHkgLSZndDsgeilbMF0="><marker id="mk-d2-3802857277-1222543834" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="red" class="connection" stroke-width="2" /> </marker><path d="M 209.000000 33.000000 C 247.000000 33.000000 267.000000 33.000000 303.000000 33.000000" stroke="red" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-3802857277-1222543834)" mask="url(#d2-3802857277)" /></g><mask id="d2-3802857277" maskUnits="userSpaceOnUse" x="-1" y="-1" width="361" height="205">
.d2-3802857277 .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-d2-3802857277);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3802857277);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3802857277);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3802857277);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3802857277);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3802857277);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3802857277);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3802857277);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="153.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="180.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="307.000000" y="0.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="333.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="bGVnZW5k"><g class="shape" ><rect x="97.000000" y="122.000000" width="164.000000" height="81.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="179.000000" y="109.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">legend</text></g><g class="bGVnZW5kLmNvbG9yMQ=="><g class="shape" ></g><text x="138.000000" y="168.000000" fill="green" class="text" style="text-anchor:middle;font-size:16px">foo</text></g><g class="bGVnZW5kLmNvbG9yMg=="><g class="shape" ></g><text x="220.000000" y="168.000000" fill="red" class="text" style="text-anchor:middle;font-size:16px">bar</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3802857277-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 55.000000 33.000000 C 93.000000 33.000000 113.000000 33.000000 149.000000 33.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-3802857277-1457214650)" mask="url(#d2-3802857277)" /></g><g class="KHkgLSZndDsgeilbMF0="><marker id="mk-d2-3802857277-1222543834" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="red" class="connection" stroke-width="2" /> </marker><path d="M 209.000000 33.000000 C 247.000000 33.000000 267.000000 33.000000 303.000000 33.000000" stroke="red" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-3802857277-1222543834)" mask="url(#d2-3802857277)" /></g><mask id="d2-3802857277" maskUnits="userSpaceOnUse" x="-1" y="-1" width="361" height="205">
<rect x="-1" y="-1" width="361" height="205" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="175.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -96,743 +96,7 @@
.d2-2470799862 .color-AA4{color:#EDF0FD;}
.d2-2470799862 .color-AA5{color:#F7F8FE;}
.d2-2470799862 .color-AB4{color:#EDF0FD;}
.d2-2470799862 .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-d2-2470799862);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2470799862);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2470799862);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2470799862);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2470799862);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2470799862);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2470799862);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2470799862 .md em,
.d2-2470799862 .md dfn {
font-family: "d2-2470799862-font-italic";
}
.d2-2470799862 .md b,
.d2-2470799862 .md strong {
font-family: "d2-2470799862-font-bold";
}
.d2-2470799862 .md code,
.d2-2470799862 .md kbd,
.d2-2470799862 .md pre,
.d2-2470799862 .md samp {
font-family: "d2-2470799862-font-mono";
font-size: 1em;
}
.d2-2470799862 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-2470799862 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-2470799862-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-2470799862 .md details,
.d2-2470799862 .md figcaption,
.d2-2470799862 .md figure {
display: block;
}
.d2-2470799862 .md summary {
display: list-item;
}
.d2-2470799862 .md [hidden] {
display: none !important;
}
.d2-2470799862 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-2470799862 .md a:active,
.d2-2470799862 .md a:hover {
outline-width: 0;
}
.d2-2470799862 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-2470799862 .md dfn {
font-style: italic;
}
.d2-2470799862 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-2470799862 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-2470799862 .md small {
font-size: 90%;
}
.d2-2470799862 .md sub,
.d2-2470799862 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-2470799862 .md sub {
bottom: -0.25em;
}
.d2-2470799862 .md sup {
top: -0.5em;
}
.d2-2470799862 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-2470799862 .md figure {
margin: 1em 40px;
}
.d2-2470799862 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-2470799862 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-2470799862 .md [type="button"],
.d2-2470799862 .md [type="reset"],
.d2-2470799862 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-2470799862 .md [type="button"]::-moz-focus-inner,
.d2-2470799862 .md [type="reset"]::-moz-focus-inner,
.d2-2470799862 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-2470799862 .md [type="button"]:-moz-focusring,
.d2-2470799862 .md [type="reset"]:-moz-focusring,
.d2-2470799862 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-2470799862 .md [type="checkbox"],
.d2-2470799862 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-2470799862 .md [type="number"]::-webkit-inner-spin-button,
.d2-2470799862 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-2470799862 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-2470799862 .md [type="search"]::-webkit-search-cancel-button,
.d2-2470799862 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-2470799862 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-2470799862 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-2470799862 .md a:hover {
text-decoration: underline;
}
.d2-2470799862 .md hr::before {
display: table;
content: "";
}
.d2-2470799862 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-2470799862 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-2470799862 .md td,
.d2-2470799862 .md th {
padding: 0;
}
.d2-2470799862 .md details summary {
cursor: pointer;
}
.d2-2470799862 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-2470799862 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-2470799862 .md h1,
.d2-2470799862 .md h2,
.d2-2470799862 .md h3,
.d2-2470799862 .md h4,
.d2-2470799862 .md h5,
.d2-2470799862 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-2470799862-font-semibold";
}
.d2-2470799862 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-2470799862 .md h3 {
font-size: 1.25em;
}
.d2-2470799862 .md h4 {
font-size: 1em;
}
.d2-2470799862 .md h5 {
font-size: 0.875em;
}
.d2-2470799862 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-2470799862 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-2470799862 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-2470799862 .md ul,
.d2-2470799862 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-2470799862 .md ol ol,
.d2-2470799862 .md ul ol {
list-style-type: lower-roman;
}
.d2-2470799862 .md ul ul ol,
.d2-2470799862 .md ul ol ol,
.d2-2470799862 .md ol ul ol,
.d2-2470799862 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-2470799862 .md dd {
margin-left: 0;
}
.d2-2470799862 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-2470799862 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-2470799862 .md input::-webkit-outer-spin-button,
.d2-2470799862 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-2470799862 .md::before {
display: table;
content: "";
}
.d2-2470799862 .md::after {
display: table;
clear: both;
content: "";
}
.d2-2470799862 .md > *:first-child {
margin-top: 0 !important;
}
.d2-2470799862 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-2470799862 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-2470799862 .md .absent {
color: var(--color-danger-fg);
}
.d2-2470799862 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-2470799862 .md .anchor:focus {
outline: none;
}
.d2-2470799862 .md p,
.d2-2470799862 .md blockquote,
.d2-2470799862 .md ul,
.d2-2470799862 .md ol,
.d2-2470799862 .md dl,
.d2-2470799862 .md table,
.d2-2470799862 .md pre,
.d2-2470799862 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-2470799862 .md blockquote > :first-child {
margin-top: 0;
}
.d2-2470799862 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-2470799862 .md sup > a::before {
content: "[";
}
.d2-2470799862 .md sup > a::after {
content: "]";
}
.d2-2470799862 .md h1:hover .anchor,
.d2-2470799862 .md h2:hover .anchor,
.d2-2470799862 .md h3:hover .anchor,
.d2-2470799862 .md h4:hover .anchor,
.d2-2470799862 .md h5:hover .anchor,
.d2-2470799862 .md h6:hover .anchor {
text-decoration: none;
}
.d2-2470799862 .md h1 tt,
.d2-2470799862 .md h1 code,
.d2-2470799862 .md h2 tt,
.d2-2470799862 .md h2 code,
.d2-2470799862 .md h3 tt,
.d2-2470799862 .md h3 code,
.d2-2470799862 .md h4 tt,
.d2-2470799862 .md h4 code,
.d2-2470799862 .md h5 tt,
.d2-2470799862 .md h5 code,
.d2-2470799862 .md h6 tt,
.d2-2470799862 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-2470799862 .md ul.no-list,
.d2-2470799862 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-2470799862 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-2470799862 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-2470799862 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-2470799862 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-2470799862 .md ul ul,
.d2-2470799862 .md ul ol,
.d2-2470799862 .md ol ol,
.d2-2470799862 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-2470799862 .md li > p {
margin-top: 16px;
}
.d2-2470799862 .md li + li {
margin-top: 0.25em;
}
.d2-2470799862 .md dl {
padding: 0;
}
.d2-2470799862 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-2470799862-font-semibold";
}
.d2-2470799862 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-2470799862 .md table th {
font-family: "d2-2470799862-font-semibold";
}
.d2-2470799862 .md table th,
.d2-2470799862 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-2470799862 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-2470799862 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-2470799862 .md table img {
background-color: transparent;
}
.d2-2470799862 .md img[align="right"] {
padding-left: 20px;
}
.d2-2470799862 .md img[align="left"] {
padding-right: 20px;
}
.d2-2470799862 .md span.frame {
display: block;
overflow: hidden;
}
.d2-2470799862 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-2470799862 .md span.frame span img {
display: block;
float: left;
}
.d2-2470799862 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-2470799862 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-2470799862 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-2470799862 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-2470799862 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-2470799862 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-2470799862 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-2470799862 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-2470799862 .md span.float-left span {
margin: 13px 0 0;
}
.d2-2470799862 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-2470799862 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-2470799862 .md code,
.d2-2470799862 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-2470799862 .md code br,
.d2-2470799862 .md tt br {
display: none;
}
.d2-2470799862 .md del code {
text-decoration: inherit;
}
.d2-2470799862 .md pre code {
font-size: 100%;
}
.d2-2470799862 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-2470799862 .md .highlight {
margin-bottom: 16px;
}
.d2-2470799862 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-2470799862 .md .highlight pre,
.d2-2470799862 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-2470799862 .md pre code,
.d2-2470799862 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-2470799862 .md .csv-data td,
.d2-2470799862 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-2470799862 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-2470799862 .md .csv-data tr {
border-top: 0;
}
.d2-2470799862 .md .csv-data th {
font-family: "d2-2470799862-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-2470799862 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-2470799862 .md .footnotes ol {
padding-left: 16px;
}
.d2-2470799862 .md .footnotes li {
position: relative;
}
.d2-2470799862 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-2470799862 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-2470799862 .md .task-list-item {
list-style-type: none;
}
.d2-2470799862 .md .task-list-item label {
font-weight: 400;
}
.d2-2470799862 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-2470799862 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-2470799862 .md .task-list-item .handle {
display: none;
}
.d2-2470799862 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-2470799862 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="135.000000" y="12.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="162.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="259.000000" y="12.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="285.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="bGVnZW5k"><g class="shape" ><rect x="79.000000" y="98.000000" width="164.000000" height="121.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="161.000000" y="131.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">legend</text></g><g class="bGVnZW5kLmNvbG9yMQ=="><g class="shape" ></g><text x="140.000000" y="164.000000" fill="green" class="text" style="text-anchor:middle;font-size:16px">foo</text></g><g class="bGVnZW5kLmNvbG9yMg=="><g class="shape" ></g><text x="182.000000" y="164.000000" fill="red" class="text" style="text-anchor:middle;font-size:16px">bar</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2470799862-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 67.000000 45.000000 L 131.000000 45.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-2470799862-1457214650)" mask="url(#d2-2470799862)" /></g><g class="KHkgLSZndDsgeilbMF0="><marker id="mk-d2-2470799862-1222543834" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="red" class="connection" stroke-width="2" /> </marker><path d="M 191.000000 45.000000 L 255.000000 45.000000" stroke="red" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-2470799862-1222543834)" mask="url(#d2-2470799862)" /></g><mask id="d2-2470799862" maskUnits="userSpaceOnUse" x="11" y="11" width="301" height="209">
.d2-2470799862 .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-d2-2470799862);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2470799862);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2470799862);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2470799862);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2470799862);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2470799862);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2470799862);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2470799862);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="135.000000" y="12.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="162.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="259.000000" y="12.000000" width="52.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="285.000000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g class="bGVnZW5k"><g class="shape" ><rect x="79.000000" y="98.000000" width="164.000000" height="121.000000" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="161.000000" y="131.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:28px">legend</text></g><g class="bGVnZW5kLmNvbG9yMQ=="><g class="shape" ></g><text x="140.000000" y="164.000000" fill="green" class="text" style="text-anchor:middle;font-size:16px">foo</text></g><g class="bGVnZW5kLmNvbG9yMg=="><g class="shape" ></g><text x="182.000000" y="164.000000" fill="red" class="text" style="text-anchor:middle;font-size:16px">bar</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-2470799862-1457214650" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="green" class="connection" stroke-width="2" /> </marker><path d="M 67.000000 45.000000 L 131.000000 45.000000" stroke="green" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-2470799862-1457214650)" mask="url(#d2-2470799862)" /></g><g class="KHkgLSZndDsgeilbMF0="><marker id="mk-d2-2470799862-1222543834" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="red" class="connection" stroke-width="2" /> </marker><path d="M 191.000000 45.000000 L 255.000000 45.000000" stroke="red" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-d2-2470799862-1222543834)" mask="url(#d2-2470799862)" /></g><mask id="d2-2470799862" maskUnits="userSpaceOnUse" x="11" y="11" width="301" height="209">
<rect x="11" y="11" width="301" height="209" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="157.500000" y="34.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -196,19 +196,19 @@
},
{
"id": "e",
"type": "code",
"type": "rectangle",
"pos": {
"x": 943,
"y": 158
"y": 167
},
"width": 199,
"height": 78,
"width": 270,
"height": 69,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "N1",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
@ -230,8 +230,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 183,
"labelHeight": 62,
"labelWidth": 225,
"labelHeight": 24,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
@ -240,7 +240,7 @@
"id": "f",
"type": "cylinder",
"pos": {
"x": 1164,
"x": 1235,
"y": 118
},
"width": 100,
@ -282,7 +282,7 @@
"id": "g",
"type": "diamond",
"pos": {
"x": 1314,
"x": 1385,
"y": 144
},
"width": 100,
@ -324,7 +324,7 @@
"id": "h",
"type": "document",
"pos": {
"x": 1464,
"x": 1535,
"y": 160
},
"width": 100,
@ -366,7 +366,7 @@
"id": "i",
"type": "hexagon",
"pos": {
"x": 1604,
"x": 1675,
"y": 167
},
"width": 146,
@ -408,7 +408,7 @@
"id": "j",
"type": "image",
"pos": {
"x": 1790,
"x": 1861,
"y": 87
},
"width": 128,
@ -462,7 +462,7 @@
"id": "k",
"type": "oval",
"pos": {
"x": 1956,
"x": 2027,
"y": 163
},
"width": 100,
@ -504,7 +504,7 @@
"id": "l",
"type": "package",
"pos": {
"x": 2106,
"x": 2177,
"y": 163
},
"width": 100,
@ -546,7 +546,7 @@
"id": "m",
"type": "page",
"pos": {
"x": 2250,
"x": 2321,
"y": 149
},
"width": 113,
@ -588,7 +588,7 @@
"id": "n",
"type": "parallelogram",
"pos": {
"x": 2403,
"x": 2474,
"y": 154
},
"width": 169,
@ -630,7 +630,7 @@
"id": "o",
"type": "person",
"pos": {
"x": 2592,
"x": 2663,
"y": 64
},
"width": 100,
@ -672,7 +672,7 @@
"id": "p",
"type": "queue",
"pos": {
"x": 2732,
"x": 2803,
"y": 170
},
"width": 151,
@ -714,7 +714,7 @@
"id": "q",
"type": "rectangle",
"pos": {
"x": 2923,
"x": 2994,
"y": 133
},
"width": 103,
@ -756,7 +756,7 @@
"id": "r",
"type": "step",
"pos": {
"x": 3066,
"x": 3137,
"y": 135
},
"width": 187,
@ -798,7 +798,7 @@
"id": "s",
"type": "stored_data",
"pos": {
"x": 3291,
"x": 3362,
"y": 170
},
"width": 100,
@ -840,7 +840,7 @@
"id": "t",
"type": "sql_table",
"pos": {
"x": 3431,
"x": 3502,
"y": 128
},
"width": 161,
@ -1111,7 +1111,7 @@
"y": 556
},
{
"x": 1042.5,
"x": 1078,
"y": 556
}
],
@ -1146,11 +1146,11 @@
"link": "",
"route": [
{
"x": 1042.5,
"x": 1078,
"y": 626
},
{
"x": 1214,
"x": 1285,
"y": 626
}
],
@ -1185,11 +1185,11 @@
"link": "",
"route": [
{
"x": 1214,
"x": 1285,
"y": 696
},
{
"x": 1364,
"x": 1435,
"y": 696
}
],
@ -1224,11 +1224,11 @@
"link": "",
"route": [
{
"x": 1364,
"x": 1435,
"y": 766
},
{
"x": 1514,
"x": 1585,
"y": 766
}
],
@ -1263,11 +1263,11 @@
"link": "",
"route": [
{
"x": 1514,
"x": 1585,
"y": 836
},
{
"x": 1677,
"x": 1748,
"y": 836
}
],
@ -1302,11 +1302,11 @@
"link": "",
"route": [
{
"x": 1677,
"x": 1748,
"y": 906
},
{
"x": 1854,
"x": 1925,
"y": 906
}
],
@ -1341,11 +1341,11 @@
"link": "",
"route": [
{
"x": 1854,
"x": 1925,
"y": 976
},
{
"x": 2006,
"x": 2077,
"y": 976
}
],
@ -1380,11 +1380,11 @@
"link": "",
"route": [
{
"x": 2006,
"x": 2077,
"y": 1046
},
{
"x": 2156,
"x": 2227,
"y": 1046
}
],
@ -1419,11 +1419,11 @@
"link": "",
"route": [
{
"x": 2156,
"x": 2227,
"y": 1116
},
{
"x": 2306.5,
"x": 2377.5,
"y": 1116
}
],
@ -1458,11 +1458,11 @@
"link": "",
"route": [
{
"x": 2306.5,
"x": 2377.5,
"y": 1186
},
{
"x": 2487.5,
"x": 2558.5,
"y": 1186
}
],
@ -1497,11 +1497,11 @@
"link": "",
"route": [
{
"x": 2487.5,
"x": 2558.5,
"y": 1256
},
{
"x": 2642,
"x": 2713,
"y": 1256
}
],
@ -1536,11 +1536,11 @@
"link": "",
"route": [
{
"x": 2642,
"x": 2713,
"y": 1326
},
{
"x": 2807.5,
"x": 2878.5,
"y": 1326
}
],
@ -1575,11 +1575,11 @@
"link": "",
"route": [
{
"x": 2807.5,
"x": 2878.5,
"y": 1396
},
{
"x": 2974.5,
"x": 3045.5,
"y": 1396
}
],
@ -1614,11 +1614,11 @@
"link": "",
"route": [
{
"x": 2974.5,
"x": 3045.5,
"y": 1466
},
{
"x": 3159.5,
"x": 3230.5,
"y": 1466
}
],
@ -1653,11 +1653,11 @@
"link": "",
"route": [
{
"x": 3159.5,
"x": 3230.5,
"y": 1536
},
{
"x": 3341,
"x": 3412,
"y": 1536
}
],
@ -1692,11 +1692,11 @@
"link": "",
"route": [
{
"x": 3341,
"x": 3412,
"y": 1606
},
{
"x": 3511.5,
"x": 3582.5,
"y": 1606
}
],
@ -1887,11 +1887,11 @@
"link": "",
"route": [
{
"x": 1042.5,
"x": 1078,
"y": 236
},
{
"x": 1042.5,
"x": 1078,
"y": 1676
}
],
@ -1926,11 +1926,11 @@
"link": "",
"route": [
{
"x": 1214,
"x": 1285,
"y": 236
},
{
"x": 1214,
"x": 1285,
"y": 1676
}
],
@ -1965,11 +1965,11 @@
"link": "",
"route": [
{
"x": 1364,
"x": 1435,
"y": 236
},
{
"x": 1364,
"x": 1435,
"y": 1676
}
],
@ -2004,11 +2004,11 @@
"link": "",
"route": [
{
"x": 1514,
"x": 1585,
"y": 236
},
{
"x": 1514,
"x": 1585,
"y": 1676
}
],
@ -2043,11 +2043,11 @@
"link": "",
"route": [
{
"x": 1677,
"x": 1748,
"y": 236
},
{
"x": 1677,
"x": 1748,
"y": 1676
}
],
@ -2082,11 +2082,11 @@
"link": "",
"route": [
{
"x": 1854,
"x": 1925,
"y": 241
},
{
"x": 1854,
"x": 1925,
"y": 1676
}
],
@ -2121,11 +2121,11 @@
"link": "",
"route": [
{
"x": 2006,
"x": 2077,
"y": 236
},
{
"x": 2006,
"x": 2077,
"y": 1676
}
],
@ -2160,11 +2160,11 @@
"link": "",
"route": [
{
"x": 2156,
"x": 2227,
"y": 236
},
{
"x": 2156,
"x": 2227,
"y": 1676
}
],
@ -2199,11 +2199,11 @@
"link": "",
"route": [
{
"x": 2306.5,
"x": 2377.5,
"y": 236
},
{
"x": 2306.5,
"x": 2377.5,
"y": 1676
}
],
@ -2238,11 +2238,11 @@
"link": "",
"route": [
{
"x": 2487.5,
"x": 2558.5,
"y": 236
},
{
"x": 2487.5,
"x": 2558.5,
"y": 1676
}
],
@ -2277,11 +2277,11 @@
"link": "",
"route": [
{
"x": 2642,
"x": 2713,
"y": 241
},
{
"x": 2642,
"x": 2713,
"y": 1676
}
],
@ -2316,11 +2316,11 @@
"link": "",
"route": [
{
"x": 2807.5,
"x": 2878.5,
"y": 236
},
{
"x": 2807.5,
"x": 2878.5,
"y": 1676
}
],
@ -2355,11 +2355,11 @@
"link": "",
"route": [
{
"x": 2974.5,
"x": 3045.5,
"y": 236
},
{
"x": 2974.5,
"x": 3045.5,
"y": 1676
}
],
@ -2394,11 +2394,11 @@
"link": "",
"route": [
{
"x": 3159.5,
"x": 3230.5,
"y": 236
},
{
"x": 3159.5,
"x": 3230.5,
"y": 1676
}
],
@ -2433,11 +2433,11 @@
"link": "",
"route": [
{
"x": 3341,
"x": 3412,
"y": 236
},
{
"x": 3341,
"x": 3412,
"y": 1676
}
],
@ -2472,11 +2472,11 @@
"link": "",
"route": [
{
"x": 3511.5,
"x": 3582.5,
"y": 236
},
{
"x": 3511.5,
"x": 3582.5,
"y": 1676
}
],

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

View file

@ -196,19 +196,19 @@
},
{
"id": "e",
"type": "code",
"type": "rectangle",
"pos": {
"x": 943,
"y": 158
"y": 167
},
"width": 199,
"height": 78,
"width": 270,
"height": 69,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "N1",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
@ -230,8 +230,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 183,
"labelHeight": 62,
"labelWidth": 225,
"labelHeight": 24,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
@ -240,7 +240,7 @@
"id": "f",
"type": "cylinder",
"pos": {
"x": 1164,
"x": 1235,
"y": 118
},
"width": 100,
@ -282,7 +282,7 @@
"id": "g",
"type": "diamond",
"pos": {
"x": 1314,
"x": 1385,
"y": 144
},
"width": 100,
@ -324,7 +324,7 @@
"id": "h",
"type": "document",
"pos": {
"x": 1464,
"x": 1535,
"y": 160
},
"width": 100,
@ -366,7 +366,7 @@
"id": "i",
"type": "hexagon",
"pos": {
"x": 1604,
"x": 1675,
"y": 167
},
"width": 146,
@ -408,7 +408,7 @@
"id": "j",
"type": "image",
"pos": {
"x": 1790,
"x": 1861,
"y": 87
},
"width": 128,
@ -462,7 +462,7 @@
"id": "k",
"type": "oval",
"pos": {
"x": 1956,
"x": 2027,
"y": 163
},
"width": 100,
@ -504,7 +504,7 @@
"id": "l",
"type": "package",
"pos": {
"x": 2106,
"x": 2177,
"y": 163
},
"width": 100,
@ -546,7 +546,7 @@
"id": "m",
"type": "page",
"pos": {
"x": 2250,
"x": 2321,
"y": 149
},
"width": 113,
@ -588,7 +588,7 @@
"id": "n",
"type": "parallelogram",
"pos": {
"x": 2403,
"x": 2474,
"y": 154
},
"width": 169,
@ -630,7 +630,7 @@
"id": "o",
"type": "person",
"pos": {
"x": 2592,
"x": 2663,
"y": 64
},
"width": 100,
@ -672,7 +672,7 @@
"id": "p",
"type": "queue",
"pos": {
"x": 2732,
"x": 2803,
"y": 170
},
"width": 151,
@ -714,7 +714,7 @@
"id": "q",
"type": "rectangle",
"pos": {
"x": 2923,
"x": 2994,
"y": 133
},
"width": 103,
@ -756,7 +756,7 @@
"id": "r",
"type": "step",
"pos": {
"x": 3066,
"x": 3137,
"y": 135
},
"width": 187,
@ -798,7 +798,7 @@
"id": "s",
"type": "stored_data",
"pos": {
"x": 3291,
"x": 3362,
"y": 170
},
"width": 100,
@ -840,7 +840,7 @@
"id": "t",
"type": "sql_table",
"pos": {
"x": 3431,
"x": 3502,
"y": 128
},
"width": 161,
@ -1111,7 +1111,7 @@
"y": 556
},
{
"x": 1042.5,
"x": 1078,
"y": 556
}
],
@ -1146,11 +1146,11 @@
"link": "",
"route": [
{
"x": 1042.5,
"x": 1078,
"y": 626
},
{
"x": 1214,
"x": 1285,
"y": 626
}
],
@ -1185,11 +1185,11 @@
"link": "",
"route": [
{
"x": 1214,
"x": 1285,
"y": 696
},
{
"x": 1364,
"x": 1435,
"y": 696
}
],
@ -1224,11 +1224,11 @@
"link": "",
"route": [
{
"x": 1364,
"x": 1435,
"y": 766
},
{
"x": 1514,
"x": 1585,
"y": 766
}
],
@ -1263,11 +1263,11 @@
"link": "",
"route": [
{
"x": 1514,
"x": 1585,
"y": 836
},
{
"x": 1677,
"x": 1748,
"y": 836
}
],
@ -1302,11 +1302,11 @@
"link": "",
"route": [
{
"x": 1677,
"x": 1748,
"y": 906
},
{
"x": 1854,
"x": 1925,
"y": 906
}
],
@ -1341,11 +1341,11 @@
"link": "",
"route": [
{
"x": 1854,
"x": 1925,
"y": 976
},
{
"x": 2006,
"x": 2077,
"y": 976
}
],
@ -1380,11 +1380,11 @@
"link": "",
"route": [
{
"x": 2006,
"x": 2077,
"y": 1046
},
{
"x": 2156,
"x": 2227,
"y": 1046
}
],
@ -1419,11 +1419,11 @@
"link": "",
"route": [
{
"x": 2156,
"x": 2227,
"y": 1116
},
{
"x": 2306.5,
"x": 2377.5,
"y": 1116
}
],
@ -1458,11 +1458,11 @@
"link": "",
"route": [
{
"x": 2306.5,
"x": 2377.5,
"y": 1186
},
{
"x": 2487.5,
"x": 2558.5,
"y": 1186
}
],
@ -1497,11 +1497,11 @@
"link": "",
"route": [
{
"x": 2487.5,
"x": 2558.5,
"y": 1256
},
{
"x": 2642,
"x": 2713,
"y": 1256
}
],
@ -1536,11 +1536,11 @@
"link": "",
"route": [
{
"x": 2642,
"x": 2713,
"y": 1326
},
{
"x": 2807.5,
"x": 2878.5,
"y": 1326
}
],
@ -1575,11 +1575,11 @@
"link": "",
"route": [
{
"x": 2807.5,
"x": 2878.5,
"y": 1396
},
{
"x": 2974.5,
"x": 3045.5,
"y": 1396
}
],
@ -1614,11 +1614,11 @@
"link": "",
"route": [
{
"x": 2974.5,
"x": 3045.5,
"y": 1466
},
{
"x": 3159.5,
"x": 3230.5,
"y": 1466
}
],
@ -1653,11 +1653,11 @@
"link": "",
"route": [
{
"x": 3159.5,
"x": 3230.5,
"y": 1536
},
{
"x": 3341,
"x": 3412,
"y": 1536
}
],
@ -1692,11 +1692,11 @@
"link": "",
"route": [
{
"x": 3341,
"x": 3412,
"y": 1606
},
{
"x": 3511.5,
"x": 3582.5,
"y": 1606
}
],
@ -1887,11 +1887,11 @@
"link": "",
"route": [
{
"x": 1042.5,
"x": 1078,
"y": 236
},
{
"x": 1042.5,
"x": 1078,
"y": 1676
}
],
@ -1926,11 +1926,11 @@
"link": "",
"route": [
{
"x": 1214,
"x": 1285,
"y": 236
},
{
"x": 1214,
"x": 1285,
"y": 1676
}
],
@ -1965,11 +1965,11 @@
"link": "",
"route": [
{
"x": 1364,
"x": 1435,
"y": 236
},
{
"x": 1364,
"x": 1435,
"y": 1676
}
],
@ -2004,11 +2004,11 @@
"link": "",
"route": [
{
"x": 1514,
"x": 1585,
"y": 236
},
{
"x": 1514,
"x": 1585,
"y": 1676
}
],
@ -2043,11 +2043,11 @@
"link": "",
"route": [
{
"x": 1677,
"x": 1748,
"y": 236
},
{
"x": 1677,
"x": 1748,
"y": 1676
}
],
@ -2082,11 +2082,11 @@
"link": "",
"route": [
{
"x": 1854,
"x": 1925,
"y": 241
},
{
"x": 1854,
"x": 1925,
"y": 1676
}
],
@ -2121,11 +2121,11 @@
"link": "",
"route": [
{
"x": 2006,
"x": 2077,
"y": 236
},
{
"x": 2006,
"x": 2077,
"y": 1676
}
],
@ -2160,11 +2160,11 @@
"link": "",
"route": [
{
"x": 2156,
"x": 2227,
"y": 236
},
{
"x": 2156,
"x": 2227,
"y": 1676
}
],
@ -2199,11 +2199,11 @@
"link": "",
"route": [
{
"x": 2306.5,
"x": 2377.5,
"y": 236
},
{
"x": 2306.5,
"x": 2377.5,
"y": 1676
}
],
@ -2238,11 +2238,11 @@
"link": "",
"route": [
{
"x": 2487.5,
"x": 2558.5,
"y": 236
},
{
"x": 2487.5,
"x": 2558.5,
"y": 1676
}
],
@ -2277,11 +2277,11 @@
"link": "",
"route": [
{
"x": 2642,
"x": 2713,
"y": 241
},
{
"x": 2642,
"x": 2713,
"y": 1676
}
],
@ -2316,11 +2316,11 @@
"link": "",
"route": [
{
"x": 2807.5,
"x": 2878.5,
"y": 236
},
{
"x": 2807.5,
"x": 2878.5,
"y": 1676
}
],
@ -2355,11 +2355,11 @@
"link": "",
"route": [
{
"x": 2974.5,
"x": 3045.5,
"y": 236
},
{
"x": 2974.5,
"x": 3045.5,
"y": 1676
}
],
@ -2394,11 +2394,11 @@
"link": "",
"route": [
{
"x": 3159.5,
"x": 3230.5,
"y": 236
},
{
"x": 3159.5,
"x": 3230.5,
"y": 1676
}
],
@ -2433,11 +2433,11 @@
"link": "",
"route": [
{
"x": 3341,
"x": 3412,
"y": 236
},
{
"x": 3341,
"x": 3412,
"y": 1676
}
],
@ -2472,11 +2472,11 @@
"link": "",
"route": [
{
"x": 3511.5,
"x": 3582.5,
"y": 236
},
{
"x": 3511.5,
"x": 3582.5,
"y": 1676
}
],

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 59 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 59 KiB

View file

@ -106,743 +106,7 @@
.d2-2865751059 .color-AA4{color:#EDF0FD;}
.d2-2865751059 .color-AA5{color:#F7F8FE;}
.d2-2865751059 .color-AB4{color:#EDF0FD;}
.d2-2865751059 .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-d2-2865751059);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2865751059);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2865751059);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2865751059);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2865751059);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2865751059);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2865751059);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2865751059 .md em,
.d2-2865751059 .md dfn {
font-family: "d2-2865751059-font-italic";
}
.d2-2865751059 .md b,
.d2-2865751059 .md strong {
font-family: "d2-2865751059-font-bold";
}
.d2-2865751059 .md code,
.d2-2865751059 .md kbd,
.d2-2865751059 .md pre,
.d2-2865751059 .md samp {
font-family: "d2-2865751059-font-mono";
font-size: 1em;
}
.d2-2865751059 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-2865751059 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-2865751059-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-2865751059 .md details,
.d2-2865751059 .md figcaption,
.d2-2865751059 .md figure {
display: block;
}
.d2-2865751059 .md summary {
display: list-item;
}
.d2-2865751059 .md [hidden] {
display: none !important;
}
.d2-2865751059 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-2865751059 .md a:active,
.d2-2865751059 .md a:hover {
outline-width: 0;
}
.d2-2865751059 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-2865751059 .md dfn {
font-style: italic;
}
.d2-2865751059 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-2865751059 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-2865751059 .md small {
font-size: 90%;
}
.d2-2865751059 .md sub,
.d2-2865751059 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-2865751059 .md sub {
bottom: -0.25em;
}
.d2-2865751059 .md sup {
top: -0.5em;
}
.d2-2865751059 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-2865751059 .md figure {
margin: 1em 40px;
}
.d2-2865751059 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-2865751059 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-2865751059 .md [type="button"],
.d2-2865751059 .md [type="reset"],
.d2-2865751059 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-2865751059 .md [type="button"]::-moz-focus-inner,
.d2-2865751059 .md [type="reset"]::-moz-focus-inner,
.d2-2865751059 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-2865751059 .md [type="button"]:-moz-focusring,
.d2-2865751059 .md [type="reset"]:-moz-focusring,
.d2-2865751059 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-2865751059 .md [type="checkbox"],
.d2-2865751059 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-2865751059 .md [type="number"]::-webkit-inner-spin-button,
.d2-2865751059 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-2865751059 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-2865751059 .md [type="search"]::-webkit-search-cancel-button,
.d2-2865751059 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-2865751059 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-2865751059 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-2865751059 .md a:hover {
text-decoration: underline;
}
.d2-2865751059 .md hr::before {
display: table;
content: "";
}
.d2-2865751059 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-2865751059 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-2865751059 .md td,
.d2-2865751059 .md th {
padding: 0;
}
.d2-2865751059 .md details summary {
cursor: pointer;
}
.d2-2865751059 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-2865751059 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-2865751059 .md h1,
.d2-2865751059 .md h2,
.d2-2865751059 .md h3,
.d2-2865751059 .md h4,
.d2-2865751059 .md h5,
.d2-2865751059 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-2865751059-font-semibold";
}
.d2-2865751059 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-2865751059 .md h3 {
font-size: 1.25em;
}
.d2-2865751059 .md h4 {
font-size: 1em;
}
.d2-2865751059 .md h5 {
font-size: 0.875em;
}
.d2-2865751059 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-2865751059 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-2865751059 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-2865751059 .md ul,
.d2-2865751059 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-2865751059 .md ol ol,
.d2-2865751059 .md ul ol {
list-style-type: lower-roman;
}
.d2-2865751059 .md ul ul ol,
.d2-2865751059 .md ul ol ol,
.d2-2865751059 .md ol ul ol,
.d2-2865751059 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-2865751059 .md dd {
margin-left: 0;
}
.d2-2865751059 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-2865751059 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-2865751059 .md input::-webkit-outer-spin-button,
.d2-2865751059 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-2865751059 .md::before {
display: table;
content: "";
}
.d2-2865751059 .md::after {
display: table;
clear: both;
content: "";
}
.d2-2865751059 .md > *:first-child {
margin-top: 0 !important;
}
.d2-2865751059 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-2865751059 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-2865751059 .md .absent {
color: var(--color-danger-fg);
}
.d2-2865751059 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-2865751059 .md .anchor:focus {
outline: none;
}
.d2-2865751059 .md p,
.d2-2865751059 .md blockquote,
.d2-2865751059 .md ul,
.d2-2865751059 .md ol,
.d2-2865751059 .md dl,
.d2-2865751059 .md table,
.d2-2865751059 .md pre,
.d2-2865751059 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-2865751059 .md blockquote > :first-child {
margin-top: 0;
}
.d2-2865751059 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-2865751059 .md sup > a::before {
content: "[";
}
.d2-2865751059 .md sup > a::after {
content: "]";
}
.d2-2865751059 .md h1:hover .anchor,
.d2-2865751059 .md h2:hover .anchor,
.d2-2865751059 .md h3:hover .anchor,
.d2-2865751059 .md h4:hover .anchor,
.d2-2865751059 .md h5:hover .anchor,
.d2-2865751059 .md h6:hover .anchor {
text-decoration: none;
}
.d2-2865751059 .md h1 tt,
.d2-2865751059 .md h1 code,
.d2-2865751059 .md h2 tt,
.d2-2865751059 .md h2 code,
.d2-2865751059 .md h3 tt,
.d2-2865751059 .md h3 code,
.d2-2865751059 .md h4 tt,
.d2-2865751059 .md h4 code,
.d2-2865751059 .md h5 tt,
.d2-2865751059 .md h5 code,
.d2-2865751059 .md h6 tt,
.d2-2865751059 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-2865751059 .md ul.no-list,
.d2-2865751059 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-2865751059 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-2865751059 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-2865751059 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-2865751059 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-2865751059 .md ul ul,
.d2-2865751059 .md ul ol,
.d2-2865751059 .md ol ol,
.d2-2865751059 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-2865751059 .md li > p {
margin-top: 16px;
}
.d2-2865751059 .md li + li {
margin-top: 0.25em;
}
.d2-2865751059 .md dl {
padding: 0;
}
.d2-2865751059 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-2865751059-font-semibold";
}
.d2-2865751059 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-2865751059 .md table th {
font-family: "d2-2865751059-font-semibold";
}
.d2-2865751059 .md table th,
.d2-2865751059 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-2865751059 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-2865751059 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-2865751059 .md table img {
background-color: transparent;
}
.d2-2865751059 .md img[align="right"] {
padding-left: 20px;
}
.d2-2865751059 .md img[align="left"] {
padding-right: 20px;
}
.d2-2865751059 .md span.frame {
display: block;
overflow: hidden;
}
.d2-2865751059 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-2865751059 .md span.frame span img {
display: block;
float: left;
}
.d2-2865751059 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-2865751059 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-2865751059 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-2865751059 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-2865751059 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-2865751059 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-2865751059 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-2865751059 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-2865751059 .md span.float-left span {
margin: 13px 0 0;
}
.d2-2865751059 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-2865751059 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-2865751059 .md code,
.d2-2865751059 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-2865751059 .md code br,
.d2-2865751059 .md tt br {
display: none;
}
.d2-2865751059 .md del code {
text-decoration: inherit;
}
.d2-2865751059 .md pre code {
font-size: 100%;
}
.d2-2865751059 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-2865751059 .md .highlight {
margin-bottom: 16px;
}
.d2-2865751059 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-2865751059 .md .highlight pre,
.d2-2865751059 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-2865751059 .md pre code,
.d2-2865751059 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-2865751059 .md .csv-data td,
.d2-2865751059 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-2865751059 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-2865751059 .md .csv-data tr {
border-top: 0;
}
.d2-2865751059 .md .csv-data th {
font-family: "d2-2865751059-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-2865751059 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-2865751059 .md .footnotes ol {
padding-left: 16px;
}
.d2-2865751059 .md .footnotes li {
position: relative;
}
.d2-2865751059 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-2865751059 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-2865751059 .md .task-list-item {
list-style-type: none;
}
.d2-2865751059 .md .task-list-item label {
font-weight: 400;
}
.d2-2865751059 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-2865751059 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-2865751059 .md .task-list-item .handle {
display: none;
}
.d2-2865751059 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-2865751059 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="YmVhcg=="><g class="shape" ></g><text x="165.000000" y="163.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:22px">bear</text></g><g class="bWFtYSBiZWFy"><g class="shape" ></g><text x="67.500000" y="31.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:28px">mama bear</text></g><g class="cGFwYSBiZWFy"><g class="shape" ></g><text x="262.000000" y="32.000000" fill="#0A0F25" class="text text-underline fill-N1" style="text-anchor:middle;font-size:32px">papa bear</text></g><g class="KG1hbWEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><marker id="mk-d2-2865751059-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 67.500000 41.500000 C 67.500000 80.699997 82.699997 101.000000 140.158332 138.801534" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2865751059-3488378134)" mask="url(#d2-2865751059)" /></g><g class="KHBhcGEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><path d="M 262.000000 43.000000 C 262.000000 81.000000 246.800003 101.000000 189.341668 138.801534" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2865751059-3488378134)" mask="url(#d2-2865751059)" /></g><mask id="d2-2865751059" maskUnits="userSpaceOnUse" x="-1" y="-1" width="331" height="171">
.d2-2865751059 .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-d2-2865751059);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2865751059);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2865751059);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2865751059);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2865751059);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2865751059);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2865751059);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2865751059);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVhcg=="><g class="shape" ></g><text x="165.000000" y="163.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:22px">bear</text></g><g class="bWFtYSBiZWFy"><g class="shape" ></g><text x="67.500000" y="31.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:28px">mama bear</text></g><g class="cGFwYSBiZWFy"><g class="shape" ></g><text x="262.000000" y="32.000000" fill="#0A0F25" class="text text-underline fill-N1" style="text-anchor:middle;font-size:32px">papa bear</text></g><g class="KG1hbWEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><marker id="mk-d2-2865751059-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 67.500000 41.500000 C 67.500000 80.699997 82.699997 101.000000 140.158332 138.801534" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2865751059-3488378134)" mask="url(#d2-2865751059)" /></g><g class="KHBhcGEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><path d="M 262.000000 43.000000 C 262.000000 81.000000 246.800003 101.000000 189.341668 138.801534" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2865751059-3488378134)" mask="url(#d2-2865751059)" /></g><mask id="d2-2865751059" maskUnits="userSpaceOnUse" x="-1" y="-1" width="331" height="171">
<rect x="-1" y="-1" width="331" height="171" fill="white"></rect>
<rect x="143.000000" y="141.000000" width="44" height="28" fill="rgba(0,0,0,0.75)"></rect>
<rect x="0.000000" y="3.000000" width="135" height="36" fill="rgba(0,0,0,0.75)"></rect>

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -106,743 +106,7 @@
.d2-2699761263 .color-AA4{color:#EDF0FD;}
.d2-2699761263 .color-AA5{color:#F7F8FE;}
.d2-2699761263 .color-AB4{color:#EDF0FD;}
.d2-2699761263 .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-d2-2699761263);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2699761263);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2699761263);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2699761263);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2699761263);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2699761263);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2699761263);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-2699761263 .md em,
.d2-2699761263 .md dfn {
font-family: "d2-2699761263-font-italic";
}
.d2-2699761263 .md b,
.d2-2699761263 .md strong {
font-family: "d2-2699761263-font-bold";
}
.d2-2699761263 .md code,
.d2-2699761263 .md kbd,
.d2-2699761263 .md pre,
.d2-2699761263 .md samp {
font-family: "d2-2699761263-font-mono";
font-size: 1em;
}
.d2-2699761263 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-2699761263 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-2699761263-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-2699761263 .md details,
.d2-2699761263 .md figcaption,
.d2-2699761263 .md figure {
display: block;
}
.d2-2699761263 .md summary {
display: list-item;
}
.d2-2699761263 .md [hidden] {
display: none !important;
}
.d2-2699761263 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-2699761263 .md a:active,
.d2-2699761263 .md a:hover {
outline-width: 0;
}
.d2-2699761263 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-2699761263 .md dfn {
font-style: italic;
}
.d2-2699761263 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-2699761263 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-2699761263 .md small {
font-size: 90%;
}
.d2-2699761263 .md sub,
.d2-2699761263 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-2699761263 .md sub {
bottom: -0.25em;
}
.d2-2699761263 .md sup {
top: -0.5em;
}
.d2-2699761263 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-2699761263 .md figure {
margin: 1em 40px;
}
.d2-2699761263 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-2699761263 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-2699761263 .md [type="button"],
.d2-2699761263 .md [type="reset"],
.d2-2699761263 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-2699761263 .md [type="button"]::-moz-focus-inner,
.d2-2699761263 .md [type="reset"]::-moz-focus-inner,
.d2-2699761263 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-2699761263 .md [type="button"]:-moz-focusring,
.d2-2699761263 .md [type="reset"]:-moz-focusring,
.d2-2699761263 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-2699761263 .md [type="checkbox"],
.d2-2699761263 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-2699761263 .md [type="number"]::-webkit-inner-spin-button,
.d2-2699761263 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-2699761263 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-2699761263 .md [type="search"]::-webkit-search-cancel-button,
.d2-2699761263 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-2699761263 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-2699761263 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-2699761263 .md a:hover {
text-decoration: underline;
}
.d2-2699761263 .md hr::before {
display: table;
content: "";
}
.d2-2699761263 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-2699761263 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-2699761263 .md td,
.d2-2699761263 .md th {
padding: 0;
}
.d2-2699761263 .md details summary {
cursor: pointer;
}
.d2-2699761263 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-2699761263 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-2699761263 .md h1,
.d2-2699761263 .md h2,
.d2-2699761263 .md h3,
.d2-2699761263 .md h4,
.d2-2699761263 .md h5,
.d2-2699761263 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-2699761263-font-semibold";
}
.d2-2699761263 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-2699761263 .md h3 {
font-size: 1.25em;
}
.d2-2699761263 .md h4 {
font-size: 1em;
}
.d2-2699761263 .md h5 {
font-size: 0.875em;
}
.d2-2699761263 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-2699761263 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-2699761263 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-2699761263 .md ul,
.d2-2699761263 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-2699761263 .md ol ol,
.d2-2699761263 .md ul ol {
list-style-type: lower-roman;
}
.d2-2699761263 .md ul ul ol,
.d2-2699761263 .md ul ol ol,
.d2-2699761263 .md ol ul ol,
.d2-2699761263 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-2699761263 .md dd {
margin-left: 0;
}
.d2-2699761263 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-2699761263 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-2699761263 .md input::-webkit-outer-spin-button,
.d2-2699761263 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-2699761263 .md::before {
display: table;
content: "";
}
.d2-2699761263 .md::after {
display: table;
clear: both;
content: "";
}
.d2-2699761263 .md > *:first-child {
margin-top: 0 !important;
}
.d2-2699761263 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-2699761263 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-2699761263 .md .absent {
color: var(--color-danger-fg);
}
.d2-2699761263 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-2699761263 .md .anchor:focus {
outline: none;
}
.d2-2699761263 .md p,
.d2-2699761263 .md blockquote,
.d2-2699761263 .md ul,
.d2-2699761263 .md ol,
.d2-2699761263 .md dl,
.d2-2699761263 .md table,
.d2-2699761263 .md pre,
.d2-2699761263 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-2699761263 .md blockquote > :first-child {
margin-top: 0;
}
.d2-2699761263 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-2699761263 .md sup > a::before {
content: "[";
}
.d2-2699761263 .md sup > a::after {
content: "]";
}
.d2-2699761263 .md h1:hover .anchor,
.d2-2699761263 .md h2:hover .anchor,
.d2-2699761263 .md h3:hover .anchor,
.d2-2699761263 .md h4:hover .anchor,
.d2-2699761263 .md h5:hover .anchor,
.d2-2699761263 .md h6:hover .anchor {
text-decoration: none;
}
.d2-2699761263 .md h1 tt,
.d2-2699761263 .md h1 code,
.d2-2699761263 .md h2 tt,
.d2-2699761263 .md h2 code,
.d2-2699761263 .md h3 tt,
.d2-2699761263 .md h3 code,
.d2-2699761263 .md h4 tt,
.d2-2699761263 .md h4 code,
.d2-2699761263 .md h5 tt,
.d2-2699761263 .md h5 code,
.d2-2699761263 .md h6 tt,
.d2-2699761263 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-2699761263 .md ul.no-list,
.d2-2699761263 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-2699761263 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-2699761263 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-2699761263 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-2699761263 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-2699761263 .md ul ul,
.d2-2699761263 .md ul ol,
.d2-2699761263 .md ol ol,
.d2-2699761263 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-2699761263 .md li > p {
margin-top: 16px;
}
.d2-2699761263 .md li + li {
margin-top: 0.25em;
}
.d2-2699761263 .md dl {
padding: 0;
}
.d2-2699761263 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-2699761263-font-semibold";
}
.d2-2699761263 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-2699761263 .md table th {
font-family: "d2-2699761263-font-semibold";
}
.d2-2699761263 .md table th,
.d2-2699761263 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-2699761263 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-2699761263 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-2699761263 .md table img {
background-color: transparent;
}
.d2-2699761263 .md img[align="right"] {
padding-left: 20px;
}
.d2-2699761263 .md img[align="left"] {
padding-right: 20px;
}
.d2-2699761263 .md span.frame {
display: block;
overflow: hidden;
}
.d2-2699761263 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-2699761263 .md span.frame span img {
display: block;
float: left;
}
.d2-2699761263 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-2699761263 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-2699761263 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-2699761263 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-2699761263 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-2699761263 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-2699761263 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-2699761263 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-2699761263 .md span.float-left span {
margin: 13px 0 0;
}
.d2-2699761263 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-2699761263 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-2699761263 .md code,
.d2-2699761263 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-2699761263 .md code br,
.d2-2699761263 .md tt br {
display: none;
}
.d2-2699761263 .md del code {
text-decoration: inherit;
}
.d2-2699761263 .md pre code {
font-size: 100%;
}
.d2-2699761263 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-2699761263 .md .highlight {
margin-bottom: 16px;
}
.d2-2699761263 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-2699761263 .md .highlight pre,
.d2-2699761263 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-2699761263 .md pre code,
.d2-2699761263 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-2699761263 .md .csv-data td,
.d2-2699761263 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-2699761263 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-2699761263 .md .csv-data tr {
border-top: 0;
}
.d2-2699761263 .md .csv-data th {
font-family: "d2-2699761263-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-2699761263 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-2699761263 .md .footnotes ol {
padding-left: 16px;
}
.d2-2699761263 .md .footnotes li {
position: relative;
}
.d2-2699761263 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-2699761263 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-2699761263 .md .task-list-item {
list-style-type: none;
}
.d2-2699761263 .md .task-list-item label {
font-weight: 400;
}
.d2-2699761263 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-2699761263 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-2699761263 .md .task-list-item .handle {
display: none;
}
.d2-2699761263 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-2699761263 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="YmVhcg=="><g class="shape" ></g><text x="138.000000" y="155.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:22px">bear</text></g><g class="bWFtYSBiZWFy"><g class="shape" ></g><text x="79.500000" y="45.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:28px">mama bear</text></g><g class="cGFwYSBiZWFy"><g class="shape" ></g><text x="234.000000" y="44.000000" fill="#0A0F25" class="text text-underline fill-N1" style="text-anchor:middle;font-size:32px">papa bear</text></g><g class="KG1hbWEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><marker id="mk-d2-2699761263-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 79.500000 55.000000 L 79.500000 83.000000 S 79.500000 93.000000 89.500000 93.000000 L 133.416000 93.000000 S 143.416000 93.000000 143.416000 103.000000 L 143.416000 129.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2699761263-3488378134)" mask="url(#d2-2699761263)" /></g><g class="KHBhcGEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><path d="M 234.000000 55.000000 L 234.000000 83.000000 S 234.000000 93.000000 224.000000 93.000000 L 180.082993 93.000000 S 170.082993 93.000000 170.082993 103.000000 L 170.082993 129.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2699761263-3488378134)" mask="url(#d2-2699761263)" /></g><mask id="d2-2699761263" maskUnits="userSpaceOnUse" x="11" y="11" width="291" height="151">
.d2-2699761263 .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-d2-2699761263);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2699761263);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2699761263);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2699761263);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2699761263);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2699761263);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2699761263);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2699761263);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVhcg=="><g class="shape" ></g><text x="138.000000" y="155.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:22px">bear</text></g><g class="bWFtYSBiZWFy"><g class="shape" ></g><text x="79.500000" y="45.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:28px">mama bear</text></g><g class="cGFwYSBiZWFy"><g class="shape" ></g><text x="234.000000" y="44.000000" fill="#0A0F25" class="text text-underline fill-N1" style="text-anchor:middle;font-size:32px">papa bear</text></g><g class="KG1hbWEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><marker id="mk-d2-2699761263-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 79.500000 55.000000 L 79.500000 83.000000 S 79.500000 93.000000 89.500000 93.000000 L 133.416000 93.000000 S 143.416000 93.000000 143.416000 103.000000 L 143.416000 129.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2699761263-3488378134)" mask="url(#d2-2699761263)" /></g><g class="KHBhcGEgYmVhciAtJmd0OyBiZWFyKVswXQ=="><path d="M 234.000000 55.000000 L 234.000000 83.000000 S 234.000000 93.000000 224.000000 93.000000 L 180.082993 93.000000 S 170.082993 93.000000 170.082993 103.000000 L 170.082993 129.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2699761263-3488378134)" mask="url(#d2-2699761263)" /></g><mask id="d2-2699761263" maskUnits="userSpaceOnUse" x="11" y="11" width="291" height="151">
<rect x="11" y="11" width="291" height="151" fill="white"></rect>
<rect x="116.000000" y="133.000000" width="44" height="28" fill="rgba(0,0,0,0.75)"></rect>
<rect x="12.000000" y="17.000000" width="135" height="36" fill="rgba(0,0,0,0.75)"></rect>

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View file

@ -836,7 +836,7 @@
.d2-3098341505 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="77.000000" y="0.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="144.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="354" height="664"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="77.000000" y="0.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="144.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="87.000000" y="423.000000" width="180" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
<ul>
<li>Asset Tagging</li>
<li>Inventory</li>

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 41 KiB

View file

@ -836,7 +836,7 @@
.d2-1471202586 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="115.000000" y="12.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="342" height="604"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
</style><g class="T0VNIEZhY3Rvcnk="><g class="shape" ><rect x="115.000000" y="12.000000" width="135.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.500000" y="50.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g class="Y29tcGFueSBXYXJlaG91c2U="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="93.000000" y="375.000000" width="180" height="150"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h3>company Warehouse</h3>
<ul>
<li>Asset Tagging</li>
<li>Inventory</li>

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 41 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 72 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 71 KiB

772
e2etests/testdata/txtar/md-label/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,772 @@
{
"name": "",
"config": {
"sketch": false,
"themeID": 0,
"darkThemeID": null,
"pad": null,
"center": null,
"layoutEngine": null
},
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "rectangle",
"type": "rectangle",
"pos": {
"x": 0,
"y": 68
},
"width": 116,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "square",
"type": "rectangle",
"pos": {
"x": 176,
"y": 68
},
"width": 176,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "page",
"type": "page",
"pos": {
"x": 412,
"y": 58
},
"width": 116,
"height": 197,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AB4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "parallelogram",
"type": "parallelogram",
"pos": {
"x": 588,
"y": 68
},
"width": 168,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "document",
"type": "document",
"pos": {
"x": 816,
"y": 44
},
"width": 116,
"height": 224,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AB4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "cylinder",
"type": "cylinder",
"pos": {
"x": 992,
"y": 42
},
"width": 116,
"height": 228,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AA4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "queue",
"type": "queue",
"pos": {
"x": 1168,
"y": 68
},
"width": 168,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "package",
"type": "package",
"pos": {
"x": 1396,
"y": 51
},
"width": 116,
"height": 210,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AA4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "step",
"type": "step",
"pos": {
"x": 1572,
"y": 51
},
"width": 156,
"height": 211,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AB4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "callout",
"type": "callout",
"pos": {
"x": 1788,
"y": 56
},
"width": 116,
"height": 201,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "stored_data",
"type": "stored_data",
"pos": {
"x": 1964,
"y": 68
},
"width": 136,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AA4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "person",
"type": "person",
"pos": {
"x": 2160,
"y": 68
},
"width": 117,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "OUTSIDE_BOTTOM_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "diamond",
"type": "diamond",
"pos": {
"x": 2337,
"y": 0
},
"width": 172,
"height": 312,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "oval",
"type": "oval",
"pos": {
"x": 2569,
"y": 35
},
"width": 136,
"height": 242,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "circle",
"type": "oval",
"pos": {
"x": 2765,
"y": 40
},
"width": 233,
"height": 233,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "hexagon",
"type": "hexagon",
"pos": {
"x": 3058,
"y": 39
},
"width": 144,
"height": 234,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "cloud",
"type": "cloud",
"pos": {
"x": 3262,
"y": 61
},
"width": 212,
"height": 191,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"contentAspectRatio": 0.3741391678622669,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
}
],
"connections": [],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"animated": false,
"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
}
}

View file

@ -0,0 +1,936 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 3476 381"><svg class="d2-1825138808 d2-svg" width="3476" height="381" viewBox="-1 -1 3476 381"><rect x="-1.000000" y="-1.000000" width="3476.000000" height="381.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1825138808 .text {
font-family: "d2-1825138808-font-regular";
}
@font-face {
font-family: d2-1825138808-font-regular;
src: url("data:application/font-woff;base64,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");
}
@font-face {
font-family: d2-1825138808-font-semibold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-1825138808 .fill-N1{fill:#0A0F25;}
.d2-1825138808 .fill-N2{fill:#676C7E;}
.d2-1825138808 .fill-N3{fill:#9499AB;}
.d2-1825138808 .fill-N4{fill:#CFD2DD;}
.d2-1825138808 .fill-N5{fill:#DEE1EB;}
.d2-1825138808 .fill-N6{fill:#EEF1F8;}
.d2-1825138808 .fill-N7{fill:#FFFFFF;}
.d2-1825138808 .fill-B1{fill:#0D32B2;}
.d2-1825138808 .fill-B2{fill:#0D32B2;}
.d2-1825138808 .fill-B3{fill:#E3E9FD;}
.d2-1825138808 .fill-B4{fill:#E3E9FD;}
.d2-1825138808 .fill-B5{fill:#EDF0FD;}
.d2-1825138808 .fill-B6{fill:#F7F8FE;}
.d2-1825138808 .fill-AA2{fill:#4A6FF3;}
.d2-1825138808 .fill-AA4{fill:#EDF0FD;}
.d2-1825138808 .fill-AA5{fill:#F7F8FE;}
.d2-1825138808 .fill-AB4{fill:#EDF0FD;}
.d2-1825138808 .fill-AB5{fill:#F7F8FE;}
.d2-1825138808 .stroke-N1{stroke:#0A0F25;}
.d2-1825138808 .stroke-N2{stroke:#676C7E;}
.d2-1825138808 .stroke-N3{stroke:#9499AB;}
.d2-1825138808 .stroke-N4{stroke:#CFD2DD;}
.d2-1825138808 .stroke-N5{stroke:#DEE1EB;}
.d2-1825138808 .stroke-N6{stroke:#EEF1F8;}
.d2-1825138808 .stroke-N7{stroke:#FFFFFF;}
.d2-1825138808 .stroke-B1{stroke:#0D32B2;}
.d2-1825138808 .stroke-B2{stroke:#0D32B2;}
.d2-1825138808 .stroke-B3{stroke:#E3E9FD;}
.d2-1825138808 .stroke-B4{stroke:#E3E9FD;}
.d2-1825138808 .stroke-B5{stroke:#EDF0FD;}
.d2-1825138808 .stroke-B6{stroke:#F7F8FE;}
.d2-1825138808 .stroke-AA2{stroke:#4A6FF3;}
.d2-1825138808 .stroke-AA4{stroke:#EDF0FD;}
.d2-1825138808 .stroke-AA5{stroke:#F7F8FE;}
.d2-1825138808 .stroke-AB4{stroke:#EDF0FD;}
.d2-1825138808 .stroke-AB5{stroke:#F7F8FE;}
.d2-1825138808 .background-color-N1{background-color:#0A0F25;}
.d2-1825138808 .background-color-N2{background-color:#676C7E;}
.d2-1825138808 .background-color-N3{background-color:#9499AB;}
.d2-1825138808 .background-color-N4{background-color:#CFD2DD;}
.d2-1825138808 .background-color-N5{background-color:#DEE1EB;}
.d2-1825138808 .background-color-N6{background-color:#EEF1F8;}
.d2-1825138808 .background-color-N7{background-color:#FFFFFF;}
.d2-1825138808 .background-color-B1{background-color:#0D32B2;}
.d2-1825138808 .background-color-B2{background-color:#0D32B2;}
.d2-1825138808 .background-color-B3{background-color:#E3E9FD;}
.d2-1825138808 .background-color-B4{background-color:#E3E9FD;}
.d2-1825138808 .background-color-B5{background-color:#EDF0FD;}
.d2-1825138808 .background-color-B6{background-color:#F7F8FE;}
.d2-1825138808 .background-color-AA2{background-color:#4A6FF3;}
.d2-1825138808 .background-color-AA4{background-color:#EDF0FD;}
.d2-1825138808 .background-color-AA5{background-color:#F7F8FE;}
.d2-1825138808 .background-color-AB4{background-color:#EDF0FD;}
.d2-1825138808 .background-color-AB5{background-color:#F7F8FE;}
.d2-1825138808 .color-N1{color:#0A0F25;}
.d2-1825138808 .color-N2{color:#676C7E;}
.d2-1825138808 .color-N3{color:#9499AB;}
.d2-1825138808 .color-N4{color:#CFD2DD;}
.d2-1825138808 .color-N5{color:#DEE1EB;}
.d2-1825138808 .color-N6{color:#EEF1F8;}
.d2-1825138808 .color-N7{color:#FFFFFF;}
.d2-1825138808 .color-B1{color:#0D32B2;}
.d2-1825138808 .color-B2{color:#0D32B2;}
.d2-1825138808 .color-B3{color:#E3E9FD;}
.d2-1825138808 .color-B4{color:#E3E9FD;}
.d2-1825138808 .color-B5{color:#EDF0FD;}
.d2-1825138808 .color-B6{color:#F7F8FE;}
.d2-1825138808 .color-AA2{color:#4A6FF3;}
.d2-1825138808 .color-AA4{color:#EDF0FD;}
.d2-1825138808 .color-AA5{color:#F7F8FE;}
.d2-1825138808 .color-AB4{color:#EDF0FD;}
.d2-1825138808 .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-d2-1825138808);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1825138808);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1825138808);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1825138808);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1825138808);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1825138808);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1825138808);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1825138808);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1825138808 .md em,
.d2-1825138808 .md dfn {
font-family: "d2-1825138808-font-italic";
}
.d2-1825138808 .md b,
.d2-1825138808 .md strong {
font-family: "d2-1825138808-font-bold";
}
.d2-1825138808 .md code,
.d2-1825138808 .md kbd,
.d2-1825138808 .md pre,
.d2-1825138808 .md samp {
font-family: "d2-1825138808-font-mono";
font-size: 1em;
}
.d2-1825138808 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-1825138808 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-1825138808-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-1825138808 .md details,
.d2-1825138808 .md figcaption,
.d2-1825138808 .md figure {
display: block;
}
.d2-1825138808 .md summary {
display: list-item;
}
.d2-1825138808 .md [hidden] {
display: none !important;
}
.d2-1825138808 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-1825138808 .md a:active,
.d2-1825138808 .md a:hover {
outline-width: 0;
}
.d2-1825138808 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-1825138808 .md dfn {
font-style: italic;
}
.d2-1825138808 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-1825138808 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-1825138808 .md small {
font-size: 90%;
}
.d2-1825138808 .md sub,
.d2-1825138808 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-1825138808 .md sub {
bottom: -0.25em;
}
.d2-1825138808 .md sup {
top: -0.5em;
}
.d2-1825138808 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-1825138808 .md figure {
margin: 1em 40px;
}
.d2-1825138808 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-1825138808 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-1825138808 .md [type="button"],
.d2-1825138808 .md [type="reset"],
.d2-1825138808 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-1825138808 .md [type="button"]::-moz-focus-inner,
.d2-1825138808 .md [type="reset"]::-moz-focus-inner,
.d2-1825138808 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-1825138808 .md [type="button"]:-moz-focusring,
.d2-1825138808 .md [type="reset"]:-moz-focusring,
.d2-1825138808 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-1825138808 .md [type="checkbox"],
.d2-1825138808 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-1825138808 .md [type="number"]::-webkit-inner-spin-button,
.d2-1825138808 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-1825138808 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-1825138808 .md [type="search"]::-webkit-search-cancel-button,
.d2-1825138808 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-1825138808 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-1825138808 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-1825138808 .md a:hover {
text-decoration: underline;
}
.d2-1825138808 .md hr::before {
display: table;
content: "";
}
.d2-1825138808 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-1825138808 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-1825138808 .md td,
.d2-1825138808 .md th {
padding: 0;
}
.d2-1825138808 .md details summary {
cursor: pointer;
}
.d2-1825138808 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-1825138808 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-1825138808 .md h1,
.d2-1825138808 .md h2,
.d2-1825138808 .md h3,
.d2-1825138808 .md h4,
.d2-1825138808 .md h5,
.d2-1825138808 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-1825138808-font-semibold";
}
.d2-1825138808 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-1825138808 .md h3 {
font-size: 1.25em;
}
.d2-1825138808 .md h4 {
font-size: 1em;
}
.d2-1825138808 .md h5 {
font-size: 0.875em;
}
.d2-1825138808 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-1825138808 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-1825138808 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-1825138808 .md ul,
.d2-1825138808 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-1825138808 .md ol ol,
.d2-1825138808 .md ul ol {
list-style-type: lower-roman;
}
.d2-1825138808 .md ul ul ol,
.d2-1825138808 .md ul ol ol,
.d2-1825138808 .md ol ul ol,
.d2-1825138808 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-1825138808 .md dd {
margin-left: 0;
}
.d2-1825138808 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-1825138808 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-1825138808 .md input::-webkit-outer-spin-button,
.d2-1825138808 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-1825138808 .md::before {
display: table;
content: "";
}
.d2-1825138808 .md::after {
display: table;
clear: both;
content: "";
}
.d2-1825138808 .md > *:first-child {
margin-top: 0 !important;
}
.d2-1825138808 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-1825138808 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-1825138808 .md .absent {
color: var(--color-danger-fg);
}
.d2-1825138808 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-1825138808 .md .anchor:focus {
outline: none;
}
.d2-1825138808 .md p,
.d2-1825138808 .md blockquote,
.d2-1825138808 .md ul,
.d2-1825138808 .md ol,
.d2-1825138808 .md dl,
.d2-1825138808 .md table,
.d2-1825138808 .md pre,
.d2-1825138808 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-1825138808 .md blockquote > :first-child {
margin-top: 0;
}
.d2-1825138808 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-1825138808 .md sup > a::before {
content: "[";
}
.d2-1825138808 .md sup > a::after {
content: "]";
}
.d2-1825138808 .md h1:hover .anchor,
.d2-1825138808 .md h2:hover .anchor,
.d2-1825138808 .md h3:hover .anchor,
.d2-1825138808 .md h4:hover .anchor,
.d2-1825138808 .md h5:hover .anchor,
.d2-1825138808 .md h6:hover .anchor {
text-decoration: none;
}
.d2-1825138808 .md h1 tt,
.d2-1825138808 .md h1 code,
.d2-1825138808 .md h2 tt,
.d2-1825138808 .md h2 code,
.d2-1825138808 .md h3 tt,
.d2-1825138808 .md h3 code,
.d2-1825138808 .md h4 tt,
.d2-1825138808 .md h4 code,
.d2-1825138808 .md h5 tt,
.d2-1825138808 .md h5 code,
.d2-1825138808 .md h6 tt,
.d2-1825138808 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-1825138808 .md ul.no-list,
.d2-1825138808 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-1825138808 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-1825138808 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-1825138808 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-1825138808 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-1825138808 .md ul ul,
.d2-1825138808 .md ul ol,
.d2-1825138808 .md ol ol,
.d2-1825138808 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-1825138808 .md li > p {
margin-top: 16px;
}
.d2-1825138808 .md li + li {
margin-top: 0.25em;
}
.d2-1825138808 .md dl {
padding: 0;
}
.d2-1825138808 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-1825138808-font-semibold";
}
.d2-1825138808 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-1825138808 .md table th {
font-family: "d2-1825138808-font-semibold";
}
.d2-1825138808 .md table th,
.d2-1825138808 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-1825138808 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-1825138808 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-1825138808 .md table img {
background-color: transparent;
}
.d2-1825138808 .md img[align="right"] {
padding-left: 20px;
}
.d2-1825138808 .md img[align="left"] {
padding-right: 20px;
}
.d2-1825138808 .md span.frame {
display: block;
overflow: hidden;
}
.d2-1825138808 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-1825138808 .md span.frame span img {
display: block;
float: left;
}
.d2-1825138808 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-1825138808 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-1825138808 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-1825138808 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-1825138808 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-1825138808 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-1825138808 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-1825138808 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-1825138808 .md span.float-left span {
margin: 13px 0 0;
}
.d2-1825138808 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-1825138808 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-1825138808 .md code,
.d2-1825138808 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-1825138808 .md code br,
.d2-1825138808 .md tt br {
display: none;
}
.d2-1825138808 .md del code {
text-decoration: inherit;
}
.d2-1825138808 .md pre code {
font-size: 100%;
}
.d2-1825138808 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-1825138808 .md .highlight {
margin-bottom: 16px;
}
.d2-1825138808 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-1825138808 .md .highlight pre,
.d2-1825138808 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-1825138808 .md pre code,
.d2-1825138808 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-1825138808 .md .csv-data td,
.d2-1825138808 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-1825138808 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-1825138808 .md .csv-data tr {
border-top: 0;
}
.d2-1825138808 .md .csv-data th {
font-family: "d2-1825138808-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-1825138808 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-1825138808 .md .footnotes ol {
padding-left: 16px;
}
.d2-1825138808 .md .footnotes li {
position: relative;
}
.d2-1825138808 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-1825138808 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-1825138808 .md .task-list-item {
list-style-type: none;
}
.d2-1825138808 .md .task-list-item label {
font-weight: 400;
}
.d2-1825138808 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-1825138808 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-1825138808 .md .task-list-item .handle {
display: none;
}
.d2-1825138808 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-1825138808 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="cmVjdGFuZ2xl"><g class="shape" ><rect x="0.000000" y="68.000000" width="116.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="22.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="c3F1YXJl"><g class="shape" ><rect x="176.000000" y="68.000000" width="176.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="228.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGFnZQ=="><g class="shape" ><path d="M 413 58 H 507 C 508 58 509 58 510 59 L 527 75 C 528 76 528 77 528 78 V 255 C 528 255 528 255 528 255 H 413 C 412 255 412 255 412 255 V 59 C 412 58 412 58 413 58 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 527 255 H 413 C 412 255 412 255 412 254 V 59 C 412 58 412 58 413 58 H 506 C 507 58 507 58 507 59 V 76 C 507 77 508 78 509 78 H 527 C 528 78 528 78 528 79 V 254 C 527 255 528 255 527 255 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="434.500000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGFyYWxsZWxvZ3JhbQ=="><g class="shape" ><path d="M 614 68 L 756 68 L 730 244 L 588 244 L 588 244 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="636.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="ZG9jdW1lbnQ="><g class="shape" ><path d="M 816 237 L 816 44 L 932 44 L 932 237 C 913 196 893 196 874 237 C 855 278 835 278 816 237 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="838.500000" y="61.353369" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y3lsaW5kZXI="><g class="shape" ><path d="M 992 66 C 992 42 1044 42 1050 42 C 1056 42 1108 42 1108 66 V 246 C 1108 270 1056 270 1050 270 C 1044 270 992 270 992 246 V 66 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 992 66 C 992 90 1044 90 1050 90 C 1056 90 1108 90 1108 66" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1014.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cXVldWU="><g class="shape" ><path d="M 1192 68 H 1312 C 1336 68 1336 147 1336 156 C 1336 165 1336 244 1312 244 H 1192 C 1168 244 1168 165 1168 156 C 1168 147 1168 68 1192 68 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 1312 68 C 1288 68 1288 147 1288 156 C 1288 165 1288 244 1312 244" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1204.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGFja2FnZQ=="><g class="shape" ><path d="M 1396 51 L 1454 51 L 1454 93 L 1512 93 L 1512 261 L 1396 261 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1418.500000" y="111.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="c3RlcA=="><g class="shape" ><path d="M 1572 51 L 1693 51 L 1728 157 L 1693 262 L 1572 262 L 1607 157 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1614.500000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y2FsbG91dA=="><g class="shape" ><path d="M 1788 56 V 212 H 1846 V 257 L 1876 212 H 1904 V 56 H 1788 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1810.500000" y="68.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="c3RvcmVkX2RhdGE="><g class="shape" ><path d="M 1979 68 H 2100 C 2096 68 2085 116 2085 156 C 2085 196 2096 244 2100 244 H 1979 C 1975 244 1964 196 1964 156 C 1964 116 1975 68 1979 68 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1996.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGVyc29u"><g class="shape" ><path d="M 2277 244 H 2160 V 241 C 2160 211 2173 184 2193 171 C 2182 161 2175 144 2175 125 C 2175 94 2195 68 2218 68 C 2242 68 2261 94 2261 125 C 2261 144 2254 160 2243 171 C 2263 184 2276 211 2276 241 V 243 H 2277 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2183.000000" y="249.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B3"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="ZGlhbW9uZA=="><g class="shape" ><path d="M 2423 312 C 2422 312 2422 312 2421 311 L 2338 159 C 2337 157 2337 155 2338 153 L 2421 1 C 2422 -1 2423 -1 2424 1 L 2508 153 C 2509 155 2509 157 2508 159 L 2425 311 C 2424 312 2424 312 2423 312 Z" stroke="#0D32B2" fill="#CFD2DD" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2387.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="b3ZhbA=="><g class="shape" ><ellipse rx="68.000000" ry="121.000000" cx="2637.000000" cy="156.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2601.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y2lyY2xl"><g class="shape" ><ellipse rx="116.500000" ry="116.500000" cx="2881.500000" cy="156.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2846.000000" y="91.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="aGV4YWdvbg=="><g class="shape" ><path d="M 3094 39 L 3058 156 L 3094 273 L 3166 273 L 3202 156 L 3166 39 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3094.500000" y="90.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y2xvdWQ="><g class="shape" ><path d="M 3297 128 C 3297 130 3296 132 3294 132 C 3276 135 3262 160 3262 192 C 3262 225 3278 252 3298 252 H 3435 C 3457 252 3474 223 3474 188 C 3474 155 3458 127 3437 125 C 3436 125 3434 123 3434 121 C 3429 87 3408 62 3384 62 C 3368 62 3353 73 3344 89 C 3343 91 3341 92 3340 91 C 3336 89 3333 88 3328 88 C 3312 87 3298 105 3297 128 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="3333.694000" y="108.810000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><mask id="d2-1825138808" maskUnits="userSpaceOnUse" x="-1" y="-1" width="3476" height="381">
<rect x="-1" y="-1" width="3476" height="381" fill="white"></rect>
<rect x="22.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="228.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="434.500000" y="91.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="636.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="838.500000" y="61.353369" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1014.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1204.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1418.500000" y="111.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1614.500000" y="91.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1810.500000" y="68.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1996.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2183.000000" y="249.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2387.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2601.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2846.000000" y="91.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="3094.500000" y="90.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="3333.694000" y="108.810000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

After

Width:  |  Height:  |  Size: 38 KiB

772
e2etests/testdata/txtar/md-label/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,772 @@
{
"name": "",
"config": {
"sketch": false,
"themeID": 0,
"darkThemeID": null,
"pad": null,
"center": null,
"layoutEngine": null
},
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "rectangle",
"type": "rectangle",
"pos": {
"x": 12,
"y": 80
},
"width": 116,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "square",
"type": "rectangle",
"pos": {
"x": 148,
"y": 80
},
"width": 176,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "page",
"type": "page",
"pos": {
"x": 344,
"y": 69
},
"width": 116,
"height": 197,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AB4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "parallelogram",
"type": "parallelogram",
"pos": {
"x": 480,
"y": 80
},
"width": 168,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "document",
"type": "document",
"pos": {
"x": 668,
"y": 56
},
"width": 116,
"height": 224,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AB4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "cylinder",
"type": "cylinder",
"pos": {
"x": 804,
"y": 54
},
"width": 116,
"height": 228,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AA4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "queue",
"type": "queue",
"pos": {
"x": 940,
"y": 80
},
"width": 168,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "package",
"type": "package",
"pos": {
"x": 1128,
"y": 63
},
"width": 116,
"height": 210,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AA4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "step",
"type": "step",
"pos": {
"x": 1264,
"y": 62
},
"width": 156,
"height": 211,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AB4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "callout",
"type": "callout",
"pos": {
"x": 1440,
"y": 67
},
"width": 116,
"height": 201,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "stored_data",
"type": "stored_data",
"pos": {
"x": 1576,
"y": 80
},
"width": 136,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "AA4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "person",
"type": "person",
"pos": {
"x": 1732,
"y": 12
},
"width": 117,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "OUTSIDE_BOTTOM_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "diamond",
"type": "diamond",
"pos": {
"x": 1869,
"y": 12
},
"width": 172,
"height": 312,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N4",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "oval",
"type": "oval",
"pos": {
"x": 2061,
"y": 47
},
"width": 136,
"height": 242,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "circle",
"type": "oval",
"pos": {
"x": 2217,
"y": 51
},
"width": 233,
"height": 233,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "hexagon",
"type": "hexagon",
"pos": {
"x": 2470,
"y": 51
},
"width": 144,
"height": 234,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "cloud",
"type": "cloud",
"pos": {
"x": 2634,
"y": 72
},
"width": 212,
"height": 191,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"contentAspectRatio": 0.3741391678622669,
"label": "# hello\n\n- world\n\nblah blah",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 71,
"labelHeight": 131,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
}
],
"connections": [],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"animated": false,
"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
}
}

View file

@ -0,0 +1,936 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2836 314"><svg class="d2-1030734791 d2-svg" width="2836" height="314" viewBox="11 11 2836 314"><rect x="11.000000" y="11.000000" width="2836.000000" height="314.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1030734791 .text {
font-family: "d2-1030734791-font-regular";
}
@font-face {
font-family: d2-1030734791-font-regular;
src: url("data:application/font-woff;base64,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");
}
@font-face {
font-family: d2-1030734791-font-semibold;
src: url("data:application/font-woff;base64,d09GRgABAAAAAAlYAAoAAAAADugAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXqrWeWNtYXAAAAFUAAAAcQAAAI4CfwJEZ2x5ZgAAAcgAAANSAAAD8Bj/db9oZWFkAAAFHAAAADYAAAA2FnoA72hoZWEAAAVUAAAAJAAAACQKgQXNaG10eAAABXgAAAA0AAAANBjUAolsb2NhAAAFrAAAABwAAAAcBj4Him1heHAAAAXIAAAAIAAAACAAJQD2bmFtZQAABegAAANOAAAIcCYSZQ5wb3N0AAAJOAAAAB0AAAAg/9EAMgADAhoCWAAFAAACigJYAAAASwKKAlgAAAFeADIBJgAAAgsGAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAAAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAesClAAAACAAA3icbMy/ykFxAIfxz3l/5z3+ncFkVmYXRZRBKYvdLRgkJW5MGV3FV8lg8Iyf4UGlqNCq7TEyVDTGJqbmllbWNrZ2CR+fWXx7HnnmnluuueScU445vK+/qrQG/hS1f42Orp4+LwAAAP//AQAA//8l6ByxAAAAeJxck09s21Qcx3/PcfOSki1xG9tJ0yZNXmrTTusfv9ovXXCW/gtNli5tl3Y0Lc0O1f5pdELuNoHEoZzGzhNIO3Hl0sMOlbhBcuGAhFZNHJDgAj0VcQqUA3WQ3QYQh5/t0/fjz/f3HnRBFYArc8/BA34IQg+IAFRICkNUVQlmlDEie5iKBFxFf9ovDjOj/NgYPzr+9cSHDx+iGzvc89MH1+5ub/+0tb5uf/rdK/sW+vwVAAdj7RZqohOIAgGQU4o+aTBFISkvVg2DapIoEJV4vapmMN3rFcPSV/nlZ58hVUvPJ0eG71zZ3Kj7+OQ1HJ/o377+ZmApX7kZUqf6w4t9ynt37B+NfqU2EN25QIeScXB4xXaL83MN6IE4QFdKJZgIVMRnrLAL0icVksKiJCFWyHu6NyxPojS0efutemViRstMZvpoID/JNQ5WYqmn71efXK2v3SitsCOp18m/1G6hY64BvZDo+DjRsqrTjgnTXUExLP2+uZO9pY9k+3mr7uNjCwE2HtWiY7NXAk8/WNrNDUQrL09zekypsyO5Z3WxUgXXYbjdQt+jE4g4jK6U0oFIYhgnJYlqBpO9Xg91PLwoNreTn747NVsb7bK/8V3PDrKYStZe/qBpl2YDprW8tJvL3ptPh6cXeoUFOY7Gp6avOhwERQD0K9eAsLPrf0oSiOAGY6Fo8YmyVlmw0sODEwmucVAfuHz7XftbNGRqibj9hZvRbsEfXAOCZ20IVAh3fvBLk1ohP49xsDsRKOW5udMDUUBojfeeO/6FTiAIsf87/rskp0PUY96fmblv5pxnzsjlDMM0Ha8VyzStlWXL3KoVS7VaqVjrOD1BJyC4TjJ1QmWsnAvVfXxfSSVi+IIUGsjL6PjmOO3e5vnLGfv1WScRAO41OoYkAPVQWZKcCMb+8+UhqqI4m8b4xce7Wd8bmMdBf/7etD/k43EAZx989MmU76KPxxd9GXTcJoV0+u1U230XSNsWj8i8qhbILy5vBA5RBCngAWA6FUd+O6w6V9G5Lehn7hnEnDNAGdHPhmJ3ROIOYQT3UkbeiSyuhpY3pHnxkTwnLq2HVrfkgvwoMvg49LhZ3ivv7+/vl/fKzWYTBfcA4G8AAAD//wEAAP//DbzZqwAAAAEAAAACC4XlGt3xXw889QADA+gAAAAA2F2gqwAAAADYXhEz/jj+zwhuA90AAAADAAIAAAAAAAAAAQAAA9j+7wAACJj+OP44CG4AAQAAAAAAAAAAAAAAAAAAAA0CoABUAMgAAAIEAC8CMwBJAjQAKwH7ACkCLgBJAQ8ASQIlACkBdQBJAuwAGAFCACoCAQAjAAAALAAsAGQAlADGAPoBHAE4AWQBhAG8AcgB+AABAAAADQCOAAwAZAAHAAEAAAAAAAAAAAAAAAAABAADeJyclEFvG0UcxX9rpzYVIioIRamEqjmC1K6TKKna5oJDGtUisoM3BXHcxGt7FXvX2l0nhI/BR+DGF+DMqR+BA0c+AAcOnNG8mcR1QJBGlZq3npk37//+b/7AWrBKnWDlPvAGPA7Y4I3HNVb5y+M63WDF45W39txjEPQ9bvA4+NnjJr8Ev3v8Htu1Hz2+z3rtV4/fZ6v2h8cf1E3deLzKduNzjx/wqFF5/CEPGj84HMCzhucMAtYbv3lc4+PGnx7XWWs2PF5hrfmJx/f4qLnlcYNHzX1+wrDFBptsYHhy/fUMQ5sBOSckGCIuKalImFJi6JBxSk7BTP/HWhtg+JQxFRUzXtCixYX+hcTXbKFOTmnxGY8xXJBSMcbQJ6EkoeDcsx2Qk1Fh6BIztVrMOhE5cwpOScxDwre/pTUmk8ojCnL9YnWnnJAzYaB7RsyZEFOwRcgG2+ywS5t99uixu8R5xej4nvyDz53rscdLvpb+klTKzRL7mJxK1WecY9jUWij3n7PLlJgzEu0akvCd6rEMO4Q8ZYcdnvP0nbQte5PKlxhDpa4NtNu6cIYhZ3jnvqeq1vbRnntNpq66tYjK73S3Zwxo6bxRrWN5ZsQ8V78LUu0O76TmiFjdNewTYnjlWW+fzIpLZiQcM/aeLZIYyaeKC/m2cHVCKpczZdjWPVelrrYrZyI6HGLoiT9bYj5cYrBv42aaNpUWW9NC2fK9ix6fE5Mq4ydMtLJ4abHubfOVcMULzA13Sk7VhRmV+lCKK5TPI1r0OODwhpL/92igv66/J8yvE+Kqs8mw77tNpO5G5iGGPX13iOTIN3Q45hU9XnOs7zZ9+rTpckyHlzrbo4/hC3p02deJjrBbO1DKu3yL4Us62mO5E++P65h9fzOpL6Xd5TVlykyeW+Whny7JnTpsGHrWq7OlzpySMtROo/5lmlYxI5+KmRRO5eVVNhYvyyViqlpsbxfrI3JN1kKv07IaLv18sGl1mtwUqG7R1fBOmfnvaX1zfh3ppqFUFz4tbamzuY4pOXO5IVd9GQlnlERyrpSv9sz3Ysg1iwq9jJHUW7faTJRE64ubIdbLf/t1JH2F+uN4bbas05NrR4finrvk/A0AAP//AQAA///ZL1xfAAB4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-1030734791 .fill-N1{fill:#0A0F25;}
.d2-1030734791 .fill-N2{fill:#676C7E;}
.d2-1030734791 .fill-N3{fill:#9499AB;}
.d2-1030734791 .fill-N4{fill:#CFD2DD;}
.d2-1030734791 .fill-N5{fill:#DEE1EB;}
.d2-1030734791 .fill-N6{fill:#EEF1F8;}
.d2-1030734791 .fill-N7{fill:#FFFFFF;}
.d2-1030734791 .fill-B1{fill:#0D32B2;}
.d2-1030734791 .fill-B2{fill:#0D32B2;}
.d2-1030734791 .fill-B3{fill:#E3E9FD;}
.d2-1030734791 .fill-B4{fill:#E3E9FD;}
.d2-1030734791 .fill-B5{fill:#EDF0FD;}
.d2-1030734791 .fill-B6{fill:#F7F8FE;}
.d2-1030734791 .fill-AA2{fill:#4A6FF3;}
.d2-1030734791 .fill-AA4{fill:#EDF0FD;}
.d2-1030734791 .fill-AA5{fill:#F7F8FE;}
.d2-1030734791 .fill-AB4{fill:#EDF0FD;}
.d2-1030734791 .fill-AB5{fill:#F7F8FE;}
.d2-1030734791 .stroke-N1{stroke:#0A0F25;}
.d2-1030734791 .stroke-N2{stroke:#676C7E;}
.d2-1030734791 .stroke-N3{stroke:#9499AB;}
.d2-1030734791 .stroke-N4{stroke:#CFD2DD;}
.d2-1030734791 .stroke-N5{stroke:#DEE1EB;}
.d2-1030734791 .stroke-N6{stroke:#EEF1F8;}
.d2-1030734791 .stroke-N7{stroke:#FFFFFF;}
.d2-1030734791 .stroke-B1{stroke:#0D32B2;}
.d2-1030734791 .stroke-B2{stroke:#0D32B2;}
.d2-1030734791 .stroke-B3{stroke:#E3E9FD;}
.d2-1030734791 .stroke-B4{stroke:#E3E9FD;}
.d2-1030734791 .stroke-B5{stroke:#EDF0FD;}
.d2-1030734791 .stroke-B6{stroke:#F7F8FE;}
.d2-1030734791 .stroke-AA2{stroke:#4A6FF3;}
.d2-1030734791 .stroke-AA4{stroke:#EDF0FD;}
.d2-1030734791 .stroke-AA5{stroke:#F7F8FE;}
.d2-1030734791 .stroke-AB4{stroke:#EDF0FD;}
.d2-1030734791 .stroke-AB5{stroke:#F7F8FE;}
.d2-1030734791 .background-color-N1{background-color:#0A0F25;}
.d2-1030734791 .background-color-N2{background-color:#676C7E;}
.d2-1030734791 .background-color-N3{background-color:#9499AB;}
.d2-1030734791 .background-color-N4{background-color:#CFD2DD;}
.d2-1030734791 .background-color-N5{background-color:#DEE1EB;}
.d2-1030734791 .background-color-N6{background-color:#EEF1F8;}
.d2-1030734791 .background-color-N7{background-color:#FFFFFF;}
.d2-1030734791 .background-color-B1{background-color:#0D32B2;}
.d2-1030734791 .background-color-B2{background-color:#0D32B2;}
.d2-1030734791 .background-color-B3{background-color:#E3E9FD;}
.d2-1030734791 .background-color-B4{background-color:#E3E9FD;}
.d2-1030734791 .background-color-B5{background-color:#EDF0FD;}
.d2-1030734791 .background-color-B6{background-color:#F7F8FE;}
.d2-1030734791 .background-color-AA2{background-color:#4A6FF3;}
.d2-1030734791 .background-color-AA4{background-color:#EDF0FD;}
.d2-1030734791 .background-color-AA5{background-color:#F7F8FE;}
.d2-1030734791 .background-color-AB4{background-color:#EDF0FD;}
.d2-1030734791 .background-color-AB5{background-color:#F7F8FE;}
.d2-1030734791 .color-N1{color:#0A0F25;}
.d2-1030734791 .color-N2{color:#676C7E;}
.d2-1030734791 .color-N3{color:#9499AB;}
.d2-1030734791 .color-N4{color:#CFD2DD;}
.d2-1030734791 .color-N5{color:#DEE1EB;}
.d2-1030734791 .color-N6{color:#EEF1F8;}
.d2-1030734791 .color-N7{color:#FFFFFF;}
.d2-1030734791 .color-B1{color:#0D32B2;}
.d2-1030734791 .color-B2{color:#0D32B2;}
.d2-1030734791 .color-B3{color:#E3E9FD;}
.d2-1030734791 .color-B4{color:#E3E9FD;}
.d2-1030734791 .color-B5{color:#EDF0FD;}
.d2-1030734791 .color-B6{color:#F7F8FE;}
.d2-1030734791 .color-AA2{color:#4A6FF3;}
.d2-1030734791 .color-AA4{color:#EDF0FD;}
.d2-1030734791 .color-AA5{color:#F7F8FE;}
.d2-1030734791 .color-AB4{color:#EDF0FD;}
.d2-1030734791 .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-d2-1030734791);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1030734791);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1030734791);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1030734791);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1030734791);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1030734791);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1030734791);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1030734791);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.d2-1030734791 .md em,
.d2-1030734791 .md dfn {
font-family: "d2-1030734791-font-italic";
}
.d2-1030734791 .md b,
.d2-1030734791 .md strong {
font-family: "d2-1030734791-font-bold";
}
.d2-1030734791 .md code,
.d2-1030734791 .md kbd,
.d2-1030734791 .md pre,
.d2-1030734791 .md samp {
font-family: "d2-1030734791-font-mono";
font-size: 1em;
}
.d2-1030734791 .md {
tab-size: 4;
}
/* variables are provided in d2renderers/d2svg/d2svg.go */
.d2-1030734791 .md {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-1030734791-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}
.d2-1030734791 .md details,
.d2-1030734791 .md figcaption,
.d2-1030734791 .md figure {
display: block;
}
.d2-1030734791 .md summary {
display: list-item;
}
.d2-1030734791 .md [hidden] {
display: none !important;
}
.d2-1030734791 .md a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
.d2-1030734791 .md a:active,
.d2-1030734791 .md a:hover {
outline-width: 0;
}
.d2-1030734791 .md abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.d2-1030734791 .md dfn {
font-style: italic;
}
.d2-1030734791 .md h1 {
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-1030734791 .md mark {
background-color: var(--color-attention-subtle);
color: var(--color-text-primary);
}
.d2-1030734791 .md small {
font-size: 90%;
}
.d2-1030734791 .md sub,
.d2-1030734791 .md sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.d2-1030734791 .md sub {
bottom: -0.25em;
}
.d2-1030734791 .md sup {
top: -0.5em;
}
.d2-1030734791 .md img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
.d2-1030734791 .md figure {
margin: 1em 40px;
}
.d2-1030734791 .md hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
border-bottom: 1px solid var(--color-border-muted);
height: 0.25em;
padding: 0;
margin: 24px 0;
background-color: var(--color-border-default);
border: 0;
}
.d2-1030734791 .md input {
font: inherit;
margin: 0;
overflow: visible;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.d2-1030734791 .md [type="button"],
.d2-1030734791 .md [type="reset"],
.d2-1030734791 .md [type="submit"] {
-webkit-appearance: button;
}
.d2-1030734791 .md [type="button"]::-moz-focus-inner,
.d2-1030734791 .md [type="reset"]::-moz-focus-inner,
.d2-1030734791 .md [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.d2-1030734791 .md [type="button"]:-moz-focusring,
.d2-1030734791 .md [type="reset"]:-moz-focusring,
.d2-1030734791 .md [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.d2-1030734791 .md [type="checkbox"],
.d2-1030734791 .md [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.d2-1030734791 .md [type="number"]::-webkit-inner-spin-button,
.d2-1030734791 .md [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.d2-1030734791 .md [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.d2-1030734791 .md [type="search"]::-webkit-search-cancel-button,
.d2-1030734791 .md [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.d2-1030734791 .md ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.d2-1030734791 .md ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.d2-1030734791 .md a:hover {
text-decoration: underline;
}
.d2-1030734791 .md hr::before {
display: table;
content: "";
}
.d2-1030734791 .md hr::after {
display: table;
clear: both;
content: "";
}
.d2-1030734791 .md table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: max-content;
max-width: 100%;
overflow: auto;
}
.d2-1030734791 .md td,
.d2-1030734791 .md th {
padding: 0;
}
.d2-1030734791 .md details summary {
cursor: pointer;
}
.d2-1030734791 .md details:not([open]) > *:not(summary) {
display: none !important;
}
.d2-1030734791 .md kbd {
display: inline-block;
padding: 3px 5px;
color: var(--color-fg-default);
vertical-align: middle;
background-color: var(--color-canvas-subtle);
border: solid 1px var(--color-neutral-muted);
border-bottom-color: var(--color-neutral-muted);
border-radius: 6px;
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.d2-1030734791 .md h1,
.d2-1030734791 .md h2,
.d2-1030734791 .md h3,
.d2-1030734791 .md h4,
.d2-1030734791 .md h5,
.d2-1030734791 .md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 400;
line-height: 1.25;
font-family: "d2-1030734791-font-semibold";
}
.d2-1030734791 .md h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.d2-1030734791 .md h3 {
font-size: 1.25em;
}
.d2-1030734791 .md h4 {
font-size: 1em;
}
.d2-1030734791 .md h5 {
font-size: 0.875em;
}
.d2-1030734791 .md h6 {
font-size: 0.85em;
color: var(--color-fg-muted);
}
.d2-1030734791 .md p {
margin-top: 0;
margin-bottom: 10px;
}
.d2-1030734791 .md blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
.d2-1030734791 .md ul,
.d2-1030734791 .md ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.d2-1030734791 .md ol ol,
.d2-1030734791 .md ul ol {
list-style-type: lower-roman;
}
.d2-1030734791 .md ul ul ol,
.d2-1030734791 .md ul ol ol,
.d2-1030734791 .md ol ul ol,
.d2-1030734791 .md ol ol ol {
list-style-type: lower-alpha;
}
.d2-1030734791 .md dd {
margin-left: 0;
}
.d2-1030734791 .md pre {
margin-top: 0;
margin-bottom: 0;
word-wrap: normal;
}
.d2-1030734791 .md ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
.d2-1030734791 .md input::-webkit-outer-spin-button,
.d2-1030734791 .md input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.d2-1030734791 .md::before {
display: table;
content: "";
}
.d2-1030734791 .md::after {
display: table;
clear: both;
content: "";
}
.d2-1030734791 .md > *:first-child {
margin-top: 0 !important;
}
.d2-1030734791 .md > *:last-child {
margin-bottom: 0 !important;
}
.d2-1030734791 .md a:not([href]) {
color: inherit;
text-decoration: none;
}
.d2-1030734791 .md .absent {
color: var(--color-danger-fg);
}
.d2-1030734791 .md .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
.d2-1030734791 .md .anchor:focus {
outline: none;
}
.d2-1030734791 .md p,
.d2-1030734791 .md blockquote,
.d2-1030734791 .md ul,
.d2-1030734791 .md ol,
.d2-1030734791 .md dl,
.d2-1030734791 .md table,
.d2-1030734791 .md pre,
.d2-1030734791 .md details {
margin-top: 0;
margin-bottom: 16px;
}
.d2-1030734791 .md blockquote > :first-child {
margin-top: 0;
}
.d2-1030734791 .md blockquote > :last-child {
margin-bottom: 0;
}
.d2-1030734791 .md sup > a::before {
content: "[";
}
.d2-1030734791 .md sup > a::after {
content: "]";
}
.d2-1030734791 .md h1:hover .anchor,
.d2-1030734791 .md h2:hover .anchor,
.d2-1030734791 .md h3:hover .anchor,
.d2-1030734791 .md h4:hover .anchor,
.d2-1030734791 .md h5:hover .anchor,
.d2-1030734791 .md h6:hover .anchor {
text-decoration: none;
}
.d2-1030734791 .md h1 tt,
.d2-1030734791 .md h1 code,
.d2-1030734791 .md h2 tt,
.d2-1030734791 .md h2 code,
.d2-1030734791 .md h3 tt,
.d2-1030734791 .md h3 code,
.d2-1030734791 .md h4 tt,
.d2-1030734791 .md h4 code,
.d2-1030734791 .md h5 tt,
.d2-1030734791 .md h5 code,
.d2-1030734791 .md h6 tt,
.d2-1030734791 .md h6 code {
padding: 0 0.2em;
font-size: inherit;
}
.d2-1030734791 .md ul.no-list,
.d2-1030734791 .md ol.no-list {
padding: 0;
list-style-type: none;
}
.d2-1030734791 .md ol[type="1"] {
list-style-type: decimal;
}
.d2-1030734791 .md ol[type="a"] {
list-style-type: lower-alpha;
}
.d2-1030734791 .md ol[type="i"] {
list-style-type: lower-roman;
}
.d2-1030734791 .md div > ol:not([type]) {
list-style-type: decimal;
}
.d2-1030734791 .md ul ul,
.d2-1030734791 .md ul ol,
.d2-1030734791 .md ol ol,
.d2-1030734791 .md ol ul {
margin-top: 0;
margin-bottom: 0;
}
.d2-1030734791 .md li > p {
margin-top: 16px;
}
.d2-1030734791 .md li + li {
margin-top: 0.25em;
}
.d2-1030734791 .md dl {
padding: 0;
}
.d2-1030734791 .md dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-family: "d2-1030734791-font-semibold";
}
.d2-1030734791 .md dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.d2-1030734791 .md table th {
font-family: "d2-1030734791-font-semibold";
}
.d2-1030734791 .md table th,
.d2-1030734791 .md table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
.d2-1030734791 .md table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
.d2-1030734791 .md table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
.d2-1030734791 .md table img {
background-color: transparent;
}
.d2-1030734791 .md img[align="right"] {
padding-left: 20px;
}
.d2-1030734791 .md img[align="left"] {
padding-right: 20px;
}
.d2-1030734791 .md span.frame {
display: block;
overflow: hidden;
}
.d2-1030734791 .md span.frame > span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid var(--color-border-default);
}
.d2-1030734791 .md span.frame span img {
display: block;
float: left;
}
.d2-1030734791 .md span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
.d2-1030734791 .md span.align-center {
display: block;
overflow: hidden;
clear: both;
}
.d2-1030734791 .md span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
.d2-1030734791 .md span.align-center span img {
margin: 0 auto;
text-align: center;
}
.d2-1030734791 .md span.align-right {
display: block;
overflow: hidden;
clear: both;
}
.d2-1030734791 .md span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
.d2-1030734791 .md span.align-right span img {
margin: 0;
text-align: right;
}
.d2-1030734791 .md span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.d2-1030734791 .md span.float-left span {
margin: 13px 0 0;
}
.d2-1030734791 .md span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.d2-1030734791 .md span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.d2-1030734791 .md code,
.d2-1030734791 .md tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
background-color: var(--color-neutral-muted);
border-radius: 6px;
}
.d2-1030734791 .md code br,
.d2-1030734791 .md tt br {
display: none;
}
.d2-1030734791 .md del code {
text-decoration: inherit;
}
.d2-1030734791 .md pre code {
font-size: 100%;
}
.d2-1030734791 .md pre > code {
padding: 0;
margin: 0;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
}
.d2-1030734791 .md .highlight {
margin-bottom: 16px;
}
.d2-1030734791 .md .highlight pre {
margin-bottom: 0;
word-break: normal;
}
.d2-1030734791 .md .highlight pre,
.d2-1030734791 .md pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: var(--color-canvas-subtle);
border-radius: 6px;
}
.d2-1030734791 .md pre code,
.d2-1030734791 .md pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.d2-1030734791 .md .csv-data td,
.d2-1030734791 .md .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
}
.d2-1030734791 .md .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
.d2-1030734791 .md .csv-data tr {
border-top: 0;
}
.d2-1030734791 .md .csv-data th {
font-family: "d2-1030734791-font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}
.d2-1030734791 .md .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
.d2-1030734791 .md .footnotes ol {
padding-left: 16px;
}
.d2-1030734791 .md .footnotes li {
position: relative;
}
.d2-1030734791 .md .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -24px;
pointer-events: none;
content: "";
border: 2px solid var(--color-accent-emphasis);
border-radius: 6px;
}
.d2-1030734791 .md .footnotes li:target {
color: var(--color-fg-default);
}
.d2-1030734791 .md .task-list-item {
list-style-type: none;
}
.d2-1030734791 .md .task-list-item label {
font-weight: 400;
}
.d2-1030734791 .md .task-list-item.enabled label {
cursor: pointer;
}
.d2-1030734791 .md .task-list-item + .task-list-item {
margin-top: 3px;
}
.d2-1030734791 .md .task-list-item .handle {
display: none;
}
.d2-1030734791 .md .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.6em;
vertical-align: middle;
}
.d2-1030734791 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g class="cmVjdGFuZ2xl"><g class="shape" ><rect x="12.000000" y="80.000000" width="116.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="34.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="c3F1YXJl"><g class="shape" ><rect x="148.000000" y="80.000000" width="176.000000" height="176.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="200.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGFnZQ=="><g class="shape" ><path d="M 345 69 H 439 C 440 69 441 69 442 70 L 459 86 C 460 87 460 88 460 89 V 266 C 460 266 460 266 460 266 H 345 C 344 266 344 266 344 266 V 70 C 344 69 344 69 345 69 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 459 266 H 345 C 344 266 344 266 344 265 V 70 C 344 69 344 69 345 69 H 438 C 439 69 439 69 439 70 V 87 C 439 88 440 89 441 89 H 459 C 460 89 460 89 460 90 V 265 C 459 266 460 266 459 266 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="366.500000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGFyYWxsZWxvZ3JhbQ=="><g class="shape" ><path d="M 506 80 L 648 80 L 622 256 L 480 256 L 480 256 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="528.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="ZG9jdW1lbnQ="><g class="shape" ><path d="M 668 249 L 668 56 L 784 56 L 784 249 C 765 208 745 208 726 249 C 707 290 687 290 668 249 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="690.500000" y="73.353369" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y3lsaW5kZXI="><g class="shape" ><path d="M 804 78 C 804 54 856 54 862 54 C 868 54 920 54 920 78 V 258 C 920 282 868 282 862 282 C 856 282 804 282 804 258 V 78 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /><path d="M 804 78 C 804 102 856 102 862 102 C 868 102 920 102 920 78" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="826.500000" y="114.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cXVldWU="><g class="shape" ><path d="M 964 80 H 1084 C 1108 80 1108 159 1108 168 C 1108 177 1108 256 1084 256 H 964 C 940 256 940 177 940 168 C 940 159 940 80 964 80 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 1084 80 C 1060 80 1060 159 1060 168 C 1060 177 1060 256 1084 256" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="976.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGFja2FnZQ=="><g class="shape" ><path d="M 1128 63 L 1186 63 L 1186 105 L 1244 105 L 1244 273 L 1128 273 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1150.500000" y="123.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="c3RlcA=="><g class="shape" ><path d="M 1264 62 L 1385 62 L 1420 168 L 1385 273 L 1264 273 L 1299 168 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1306.500000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AB4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y2FsbG91dA=="><g class="shape" ><path d="M 1440 67 V 223 H 1498 V 268 L 1528 223 H 1556 V 67 H 1440 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1462.500000" y="79.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="c3RvcmVkX2RhdGE="><g class="shape" ><path d="M 1591 80 H 1712 C 1708 80 1697 128 1697 168 C 1697 208 1708 256 1712 256 H 1591 C 1587 256 1576 208 1576 168 C 1576 128 1587 80 1591 80 Z" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-AA4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1608.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:AA4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="cGVyc29u"><g class="shape" ><path d="M 1849 188 H 1732 V 185 C 1732 155 1745 128 1765 115 C 1754 105 1747 88 1747 69 C 1747 38 1767 12 1790 12 C 1814 12 1833 38 1833 69 C 1833 88 1826 104 1815 115 C 1835 128 1848 155 1848 185 V 187 H 1849 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1755.000000" y="193.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B3"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="ZGlhbW9uZA=="><g class="shape" ><path d="M 1955 324 C 1954 324 1954 324 1953 323 L 1870 171 C 1869 169 1869 167 1870 165 L 1953 13 C 1954 11 1955 11 1956 13 L 2040 165 C 2041 167 2041 169 2040 171 L 1957 323 C 1956 324 1956 324 1955 324 Z" stroke="#0D32B2" fill="#CFD2DD" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1919.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N4"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="b3ZhbA=="><g class="shape" ><ellipse rx="68.000000" ry="121.000000" cx="2129.000000" cy="168.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2093.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y2lyY2xl"><g class="shape" ><ellipse rx="116.500000" ry="116.500000" cx="2333.500000" cy="167.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2298.000000" y="102.000000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:B6"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="aGV4YWdvbg=="><g class="shape" ><path d="M 2506 51 L 2470 168 L 2506 285 L 2578 285 L 2614 168 L 2578 51 Z" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2506.500000" y="102.500000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N5"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><g class="Y2xvdWQ="><g class="shape" ><path d="M 2669 139 C 2669 141 2668 143 2666 143 C 2648 146 2634 171 2634 203 C 2634 236 2650 263 2670 263 H 2807 C 2829 263 2846 234 2846 199 C 2846 166 2830 138 2809 136 C 2808 136 2806 134 2806 132 C 2801 98 2780 73 2756 73 C 2740 73 2725 84 2716 100 C 2715 102 2713 103 2712 102 C 2708 100 2705 99 2700 99 C 2684 98 2670 116 2669 139 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="2705.694000" y="119.810000" width="71" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:N7"><h1>hello</h1>
<ul>
<li>world</li>
</ul>
<p>blah blah</p>
</div></foreignObject></g></g><mask id="d2-1030734791" maskUnits="userSpaceOnUse" x="11" y="11" width="2836" height="314">
<rect x="11" y="11" width="2836" height="314" fill="white"></rect>
<rect x="34.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="200.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="366.500000" y="102.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="528.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="690.500000" y="73.353369" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="826.500000" y="114.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="976.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1150.500000" y="123.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1306.500000" y="102.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1462.500000" y="79.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1608.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1755.000000" y="193.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="1919.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2093.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2298.000000" y="102.000000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2506.500000" y="102.500000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
<rect x="2705.694000" y="119.810000" width="71" height="131" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

After

Width:  |  Height:  |  Size: 38 KiB

View file

@ -0,0 +1,385 @@
{
"name": "",
"config": {
"sketch": false,
"themeID": 0,
"darkThemeID": null,
"pad": null,
"center": null,
"layoutEngine": null
},
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "x",
"type": "rectangle",
"pos": {
"x": 12,
"y": 52
},
"width": 100,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "x",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 7,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "y",
"type": "rectangle",
"pos": {
"x": 265,
"y": 52
},
"width": 100,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "y",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "x.x",
"type": "page",
"pos": {
"x": -150,
"y": 279
},
"width": 425,
"height": 164,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## A man who fishes for marlin in ponds\n\n- ...dramatic pause\n\nwill put his money in Etruscan bonds.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 380,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
},
{
"id": "y.z",
"type": "page",
"pos": {
"x": 155,
"y": 513
},
"width": 320,
"height": 64,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "\\\\lim_{h \\\\rightarrow 0 } \\\\frac{f(x+h)-f(x)}{h}",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "latex",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 275,
"labelHeight": 19,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
},
{
"id": "x.z",
"type": "page",
"pos": {
"x": 13,
"y": 647
},
"width": 98,
"height": 69,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "1 + 1 = 2",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "python",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 53,
"labelHeight": 24,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
}
],
"connections": [
{
"id": "(x -> y)[0]",
"src": "x",
"srcArrow": "none",
"dst": "y",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "hello",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 33,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 62,
"y": 198
},
{
"x": 315,
"y": 198
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(x -- )[0]",
"src": "x",
"srcArrow": "none",
"dst": "x-lifeline-end-1678191278",
"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,
"link": "",
"route": [
{
"x": 62,
"y": 118
},
{
"x": 62,
"y": 786
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 1
},
{
"id": "(y -- )[0]",
"src": "y",
"srcArrow": "none",
"dst": "y-lifeline-end-35261543",
"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,
"link": "",
"route": [
{
"x": 315,
"y": 118
},
{
"x": 315,
"y": 786
}
],
"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": "",
"animated": false,
"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
}
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 72 KiB

View file

@ -0,0 +1,385 @@
{
"name": "",
"config": {
"sketch": false,
"themeID": 0,
"darkThemeID": null,
"pad": null,
"center": null,
"layoutEngine": null
},
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "x",
"type": "rectangle",
"pos": {
"x": 12,
"y": 52
},
"width": 100,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "x",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 7,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "y",
"type": "rectangle",
"pos": {
"x": 265,
"y": 52
},
"width": 100,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "y",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "x.x",
"type": "page",
"pos": {
"x": -150,
"y": 279
},
"width": 425,
"height": 164,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## A man who fishes for marlin in ponds\n\n- ...dramatic pause\n\nwill put his money in Etruscan bonds.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 380,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
},
{
"id": "y.z",
"type": "page",
"pos": {
"x": 155,
"y": 513
},
"width": 320,
"height": 64,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "\\\\lim_{h \\\\rightarrow 0 } \\\\frac{f(x+h)-f(x)}{h}",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "latex",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 275,
"labelHeight": 19,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
},
{
"id": "x.z",
"type": "page",
"pos": {
"x": 13,
"y": 647
},
"width": 98,
"height": 69,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "1 + 1 = 2",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "python",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 53,
"labelHeight": 24,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
}
],
"connections": [
{
"id": "(x -> y)[0]",
"src": "x",
"srcArrow": "none",
"dst": "y",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "hello",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 33,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 62,
"y": 198
},
{
"x": 315,
"y": 198
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(x -- )[0]",
"src": "x",
"srcArrow": "none",
"dst": "x-lifeline-end-1678191278",
"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,
"link": "",
"route": [
{
"x": 62,
"y": 118
},
{
"x": 62,
"y": 786
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 1
},
{
"id": "(y -- )[0]",
"src": "y",
"srcArrow": "none",
"dst": "y-lifeline-end-35261543",
"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,
"link": "",
"route": [
{
"x": 315,
"y": 118
},
{
"x": 315,
"y": 786
}
],
"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": "",
"animated": false,
"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
}
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 72 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 19 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View file

@ -805,3 +805,176 @@ softwareSystem -> externalSystem
}
# Include all connections/objects connected to an object
(** -> externalSystem)[*]: unsuspend
-- sequence-diagram-note-md --
shape: sequence_diagram
x -> y: hello
x.x: |md
## A man who fishes for marlin in ponds
- ...dramatic pause
will put his money in Etruscan bonds.
|
y.z: |latex
\\lim_{h \\rightarrow 0 } \\frac{f(x+h)-f(x)}{h}
|
x.z: |python
1 + 1 = 2
|
-- md-label --
rectangle.shape: rectangle
rectangle: |md
# hello
- world
blah blah
|
square.shape: square
square: |md
# hello
- world
blah blah
|
page.shape: page
page: |md
# hello
- world
blah blah
|
parallelogram.shape: parallelogram
parallelogram: |md
# hello
- world
blah blah
|
document.shape: document
document: |md
# hello
- world
blah blah
|
cylinder.shape: cylinder
cylinder: |md
# hello
- world
blah blah
|
queue.shape: queue
queue: |md
# hello
- world
blah blah
|
package.shape: package
package: |md
# hello
- world
blah blah
|
step.shape: step
step: |md
# hello
- world
blah blah
|
callout.shape: callout
callout: |md
# hello
- world
blah blah
|
stored_data.shape: stored_data
stored_data: |md
# hello
- world
blah blah
|
person.shape: person
person: |md
# hello
- world
blah blah
|
diamond.shape: diamond
diamond: |md
# hello
- world
blah blah
|
oval.shape: oval
oval: |md
# hello
- world
blah blah
|
circle.shape: circle
circle: |md
# hello
- world
blah blah
|
hexagon.shape: hexagon
hexagon: |md
# hello
- world
blah blah
|
cloud.shape: cloud
cloud: |md
# hello
- world
blah blah
|