drawio_dsl 0.5.5 → 0.5.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/generators/project_plans/drawio_dsl.rb +8 -6
  3. data/.builders/generators/sample_diagrams/05-samples.rb +23 -0
  4. data/CHANGELOG.md +7 -0
  5. data/README.md +2 -0
  6. data/docs/project_done.svg +1 -1
  7. data/docs/project_in_progress.svg +1 -1
  8. data/docs/project_todo.svg +1 -1
  9. data/docs/samples/samples.svg +3 -0
  10. data/lib/drawio_dsl/version.rb +1 -1
  11. data/package-lock.json +2 -2
  12. data/package.json +1 -1
  13. metadata +3 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 60804927795dfee66047328d57be2b2fbdb924622652f30551df7e89ec041ad1
4
- data.tar.gz: d65e52b32cf6addeca5a34ab932ea8514b79a6c0d5ae0de937fe61039c8099aa
3
+ metadata.gz: 35811da8138e65733de38529db78e785306a329c7a4f8b0cfb6c0317e647150c
4
+ data.tar.gz: 7604913a71121114897631cd5ee74666a9443a379119248e8e724d4c1edd4284
5
5
  SHA512:
6
- metadata.gz: 7a7a8ac91696f596df2c25efa00ff308a7cd601bd7a5a40fb4de090538a96cf741d639b52e0f5e195140e10c0e107780b9c50323e1625ad4f64c3bc63f9becaa
7
- data.tar.gz: 999205f96a80dff96d0d4645c921392e8a49a65bc25e1cbcd7950bb4c772f1fe636e42309be5bbf01ff484312c346985a78715aa53ccbc795b3e871896af9f93
6
+ metadata.gz: 23b027e1219e74a55ebb2ce56973d7b32c389f712e0f15d60571020bf7d182d2e360c54e043213e5dc360fcbb244b18b314da2f0df5109212b42a3b69f147c29
7
+ data.tar.gz: 4add99537c8e7e7a93fae23bb3d55634f0b8471c59a201f49cdc577e64a98e738763e98d1efbb82e601009d9847b77d7d9bc990b835317b130e7399e06d4222e
data/.builders/generators/project_plans/drawio_dsl.rb CHANGED
@@ -6,17 +6,18 @@ KManager.action :todo_drawio_dsl do
6
6
  .diagram(rounded: 1, glass: 1)
7
7
  .page('In progress', theme: :style_03, margin_left: 0, margin_top: 0) do
8
8
 
9
- h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
10
- p(x: 350, y: 40, w: 400, h: 80, title: 'Project plan - In progress')
9
+ # h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
10
+ # p(x: 350, y: 40, w: 400, h: 80, title: 'Project plan - In progress')
11
11
 
12
12
  grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
13
13
 
14
+ square(w: 300, h: 60, title: 'add :shape and :text-only to random shape generator')
14
15
  square(w: 300, h: 60, title: 'write SVG directly into other projects')
15
16
  end
16
17
  .page('To Do', theme: :style_02, margin_left: 0, margin_top: 0) do
17
18
 
18
- h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
19
- p(x: 350, y: 40, w: 400, h: 80, title: 'Project plan')
19
+ # h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
20
+ # p(x: 350, y: 40, w: 400, h: 80, title: 'Project plan')
20
21
 
21
22
  grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
22
23
 
@@ -36,11 +37,12 @@ KManager.action :todo_drawio_dsl do
36
37
  end
37
38
  .page('Done', theme: :style_06, margin_left: 0, margin_top: 0) do
38
39
 
39
- h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
40
- p(x: 350, y: 40, w: 400, h: 80, title: 'Done')
40
+ # h5(x: 300, y: 0, w: 400, h: 80, title: 'DrawIO DSL')
41
+ # p(x: 350, y: 40, w: 400, h: 80, title: 'Done')
41
42
 
42
43
  grid_layout(y:90, direction: :horizontal, grid_h: 80, grid_w: 320, wrap_at: 3, grid: 0)
43
44
 
45
+ square(w: 300, h: 60, title: 'add sample diagram for the github readme file')
44
46
  square(w: 300, h: 60, title: 'write samples into docs folder and display in readme')
45
47
  square(w: 300, h: 60, title: 'add export as .PNG, needs to take a page number as the PNG will not support multiple pages')
46
48
  square(w: 300, h: 60, title: 'add export as .SVG, needs to take a page number as the SVG will not support multiple pages')
data/.builders/generators/sample_diagrams/05-samples.rb ADDED
@@ -0,0 +1,23 @@
1
+ def rnd(max)
2
+ Random.rand(0..max) == 0 ? 1 : 0
3
+ end
4
+ KManager.action :bootstrap do
5
+ action do
6
+ DrawioDsl::Drawio
7
+ .init(k_builder, on_exist: :write, on_action: :execute)
8
+ .diagram(theme: :style_01)
9
+ .page('Samples') do
10
+ grid_layout(wrap_at: 5)
11
+
12
+ KConfig.configuration.drawio.shapes.select { |shape| shape.type != :shape && !shape.text_only }.each do |shape|
13
+ # print random number between 0 and 1
14
+ send(shape.type, theme: KConfig.configuration.drawio.random_theme, title: shape.type.to_s, shape: shape, rounded: rnd(2), gloss: rnd(2), sketch: rnd(8))
15
+ end
16
+
17
+ end
18
+ .cd(:spec)
19
+ .save('.samples/05-samples.drawio')
20
+ .cd(:docs)
21
+ .export_svg('samples/samples', page: 1)
22
+ end
23
+ end
data/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [0.5.5](https://github.com/klueless-io/drawio_dsl/compare/v0.5.4...v0.5.5) (2022-03-08)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * add support for PNG/SVG and add sample documents ([4393be1](https://github.com/klueless-io/drawio_dsl/commit/4393be1db0deaf2040a4f395fd6f5c86ab4778db))
7
+
1
8
  ## [0.5.4](https://github.com/klueless-io/drawio_dsl/compare/v0.5.3...v0.5.4) (2022-03-08)
2
9
 
3
10
 
data/README.md CHANGED
@@ -38,6 +38,8 @@ See [project plan](./docs/project-plan.md)
38
38
 
39
39
  See all [samples](./docs/samples/samples.md)
40
40
 
41
+ ![](docs/samples/samples.svg)
42
+
41
43
  ## Usage
42
44
 
43
45
  See all [usage examples](./USAGE.md)
data/docs/project_done.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="942px" height="152px" viewBox="-0.5 -0.5 942 152"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="290" y="0" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 7px; margin-left: 292px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DrawIO DSL</div></div></div></foreignObject><text x="292" y="35" fill="#333333" font-family="Helvetica" font-size="28px" font-weight="bold">DrawIO DSL</text></switch></g><rect x="340" y="40" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 47px; margin-left: 342px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Done</div></div></div></foreignObject><text x="342" y="63" fill="#333333" font-family="Helvetica" font-size="16px" font-weight="bold">Done</text></switch></g><rect x="0" y="10" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 9 Q -1 9 -1 20.15 L -1 34 Q 150 52 301 34 L 301 20.15 Q 301 9 289.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">write samples into docs folder and display in readme</div></div></div></foreignObject><text x="150" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">write samples into docs folder and display in read...</text></switch></g><rect x="320" y="10" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 9 Q 319 9 319 20.15 L 319 34 Q 470 52 621 34 L 621 20.15 Q 621 9 609.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add export as .PNG, needs to take a page number as the PNG will not support multiple pages</div></div></div></foreignObject><text x="470" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add export as .PNG, needs to take a page number as...</text></switch></g><rect x="640" y="10" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 650.15 9 Q 639 9 639 20.15 L 639 34 Q 790 52 941 34 L 941 20.15 Q 941 9 929.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add export as .SVG, needs to take a page number as the SVG will not support multiple pages</div></div></div></foreignObject><text x="790" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add export as .SVG, needs to take a page number as...</text></switch></g><rect x="0" y="90" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 89 Q -1 89 -1 100.15 L -1 114 Q 150 132 301 114 L 301 100.15 Q 301 89 289.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add save as .drawio</div></div></div></foreignObject><text x="150" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add save as .drawio</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="942px" height="142px" viewBox="-0.5 -0.5 942 142"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add sample diagram for the github readme file</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add sample diagram for the github readme file</text></switch></g><rect x="320" y="0" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 -1 Q 319 -1 319 10.15 L 319 24 Q 470 42 621 24 L 621 10.15 Q 621 -1 609.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">write samples into docs folder and display in readme</div></div></div></foreignObject><text x="470" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">write samples into docs folder and display in read...</text></switch></g><rect x="640" y="0" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 650.15 -1 Q 639 -1 639 10.15 L 639 24 Q 790 42 941 24 L 941 10.15 Q 941 -1 929.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add export as .PNG, needs to take a page number as the PNG will not support multiple pages</div></div></div></foreignObject><text x="790" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add export as .PNG, needs to take a page number as...</text></switch></g><rect x="0" y="80" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 10.15 79 Q -1 79 -1 90.15 L -1 104 Q 150 122 301 104 L 301 90.15 Q 301 79 289.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add export as .SVG, needs to take a page number as the SVG will not support multiple pages</div></div></div></foreignObject><text x="150" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add export as .SVG, needs to take a page number as...</text></switch></g><rect x="320" y="80" width="300" height="60" rx="9" ry="9" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><path d="M 330.15 79 Q 319 79 319 90.15 L 319 104 Q 470 122 621 104 L 621 90.15 Q 621 79 609.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add save as .drawio</div></div></div></foreignObject><text x="470" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add save as .drawio</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/project_in_progress.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="742px" height="122px" viewBox="-0.5 -0.5 742 122"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="290" y="0" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 7px; margin-left: 292px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DrawIO DSL</div></div></div></foreignObject><text x="292" y="35" fill="#333333" font-family="Helvetica" font-size="28px" font-weight="bold">DrawIO DSL</text></switch></g><rect x="340" y="40" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 47px; margin-left: 342px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Project plan - In progress</div></div></div></foreignObject><text x="342" y="63" fill="#333333" font-family="Helvetica" font-size="16px" font-weight="bold">Project plan - In progress</text></switch></g><rect x="0" y="10" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 9 Q -1 9 -1 20.15 L -1 34 Q 150 52 301 34 L 301 20.15 Q 301 9 289.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">write SVG directly into other projects</div></div></div></foreignObject><text x="150" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">write SVG directly into other projects</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="622px" height="62px" viewBox="-0.5 -0.5 622 62"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">add :shape and :text-only to random shape generator</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">add :shape and :text-only to random shape generator</text></switch></g><rect x="320" y="0" width="300" height="60" rx="9" ry="9" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 330.15 -1 Q 319 -1 319 10.15 L 319 24 Q 470 42 621 24 L 621 10.15 Q 621 -1 609.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">write SVG directly into other projects</div></div></div></foreignObject><text x="470" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">write SVG directly into other projects</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/project_todo.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="942px" height="392px" viewBox="-0.5 -0.5 942 392"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="290" y="0" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 7px; margin-left: 292px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">DrawIO DSL</div></div></div></foreignObject><text x="292" y="35" fill="#333333" font-family="Helvetica" font-size="28px" font-weight="bold">DrawIO DSL</text></switch></g><rect x="340" y="40" width="400" height="80" rx="12" ry="12" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 398px; height: 1px; padding-top: 47px; margin-left: 342px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Project plan</div></div></div></foreignObject><text x="342" y="63" fill="#333333" font-family="Helvetica" font-size="16px" font-weight="bold">Project plan</text></switch></g><rect x="0" y="10" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 9 Q -1 9 -1 20.15 L -1 34 Q 150 52 301 34 L 301 20.15 Q 301 9 289.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">First level child nodes need to hang of node 1</div></div></div></foreignObject><text x="150" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">First level child nodes need to hang of node 1</text></switch></g><rect x="320" y="10" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 9 Q 319 9 319 20.15 L 319 34 Q 470 52 621 34 L 621 20.15 Q 621 9 609.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Add page background to theme, use it whenever the theme is set at a diagram/page level</div></div></div></foreignObject><text x="470" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Add page background to theme, use it whenever the...</text></switch></g><rect x="640" y="10" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 9 Q 639 9 639 20.15 L 639 34 Q 790 52 941 34 L 941 20.15 Q 941 9 929.85 9 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 40px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Nodes need to support child nodes</div></div></div></foreignObject><text x="790" y="44" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Nodes need to support child nodes</text></switch></g><rect x="0" y="90" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 89 Q -1 89 -1 100.15 L -1 114 Q 150 132 301 114 L 301 100.15 Q 301 89 289.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Grid layout does no position itself in relation to the last element</div></div></div></foreignObject><text x="150" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Grid layout does no position itself in relation to...</text></switch></g><rect x="320" y="90" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 89 Q 319 89 319 100.15 L 319 114 Q 470 132 621 114 L 621 100.15 Q 621 89 609.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Dynamic sized shapes that expand to the size of their text</div></div></div></foreignObject><text x="470" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Dynamic sized shapes that expand to the size of th...</text></switch></g><rect x="640" y="90" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 89 Q 639 89 639 100.15 L 639 114 Q 790 132 941 114 L 941 100.15 Q 941 89 929.85 89 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 120px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Control of text padding left, right, top and bottom</div></div></div></foreignObject><text x="790" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Control of text padding left, right, top and bottom</text></switch></g><rect x="0" y="170" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 169 Q -1 169 -1 180.15 L -1 194 Q 150 212 301 194 L 301 180.15 Q 301 169 289.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Improve the theme control over text-only shapes</div></div></div></foreignObject><text x="150" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Improve the theme control over text-only shapes</text></switch></g><rect x="320" y="170" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 169 Q 319 169 319 180.15 L 319 194 Q 470 212 621 194 L 621 180.15 Q 621 169 609.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">x,y settings do not work for shapes within a grid layout</div></div></div></foreignObject><text x="470" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">x,y settings do not work for shapes within a grid...</text></switch></g><rect x="640" y="170" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 169 Q 639 169 639 180.15 L 639 194 Q 790 212 941 194 L 941 180.15 Q 941 169 929.85 169 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 200px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">background color does not work from the diagram object</div></div></div></foreignObject><text x="790" y="204" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">background color does not work from the diagram ob...</text></switch></g><rect x="0" y="250" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 249 Q -1 249 -1 260.15 L -1 274 Q 150 292 301 274 L 301 260.15 Q 301 249 289.85 249 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 280px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">settings style attributes need to de-duplicate</div></div></div></foreignObject><text x="150" y="284" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">settings style attributes need to de-duplicate</text></switch></g><rect x="320" y="250" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 249 Q 319 249 319 260.15 L 319 274 Q 470 292 621 274 L 621 260.15 Q 621 249 609.85 249 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 280px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">need to setup new project plans</div></div></div></foreignObject><text x="470" y="284" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">need to setup new project plans</text></switch></g><rect x="640" y="250" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 249 Q 639 249 639 260.15 L 639 274 Q 790 292 941 274 L 941 260.15 Q 941 249 929.85 249 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 280px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">write SVG directly into other projects</div></div></div></foreignObject><text x="790" y="284" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">write SVG directly into other projects</text></switch></g><rect x="0" y="330" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 329 Q -1 329 -1 340.15 L -1 354 Q 150 372 301 354 L 301 340.15 Q 301 329 289.85 329 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 360px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">page layout so that you drop elements on and they are positioned correctly, e.g centered, left, right, etc, maybe a grid layout with a wrap of 1 and a width of the page is sufficient</div></div></div></foreignObject><text x="150" y="364" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">page layout so that you drop elements on and they...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="942px" height="382px" viewBox="-0.5 -0.5 942 382"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><rect x="0" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 -1 Q -1 -1 -1 10.15 L -1 24 Q 150 42 301 24 L 301 10.15 Q 301 -1 289.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">First level child nodes need to hang of node 1</div></div></div></foreignObject><text x="150" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">First level child nodes need to hang of node 1</text></switch></g><rect x="320" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 -1 Q 319 -1 319 10.15 L 319 24 Q 470 42 621 24 L 621 10.15 Q 621 -1 609.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Add page background to theme, use it whenever the theme is set at a diagram/page level</div></div></div></foreignObject><text x="470" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Add page background to theme, use it whenever the...</text></switch></g><rect x="640" y="0" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 -1 Q 639 -1 639 10.15 L 639 24 Q 790 42 941 24 L 941 10.15 Q 941 -1 929.85 -1 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 30px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Nodes need to support child nodes</div></div></div></foreignObject><text x="790" y="34" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Nodes need to support child nodes</text></switch></g><rect x="0" y="80" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 79 Q -1 79 -1 90.15 L -1 104 Q 150 122 301 104 L 301 90.15 Q 301 79 289.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Grid layout does no position itself in relation to the last element</div></div></div></foreignObject><text x="150" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Grid layout does no position itself in relation to...</text></switch></g><rect x="320" y="80" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 79 Q 319 79 319 90.15 L 319 104 Q 470 122 621 104 L 621 90.15 Q 621 79 609.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Dynamic sized shapes that expand to the size of their text</div></div></div></foreignObject><text x="470" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Dynamic sized shapes that expand to the size of th...</text></switch></g><rect x="640" y="80" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 79 Q 639 79 639 90.15 L 639 104 Q 790 122 941 104 L 941 90.15 Q 941 79 929.85 79 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 110px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Control of text padding left, right, top and bottom</div></div></div></foreignObject><text x="790" y="114" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Control of text padding left, right, top and bottom</text></switch></g><rect x="0" y="160" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 159 Q -1 159 -1 170.15 L -1 184 Q 150 202 301 184 L 301 170.15 Q 301 159 289.85 159 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 190px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Improve the theme control over text-only shapes</div></div></div></foreignObject><text x="150" y="194" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">Improve the theme control over text-only shapes</text></switch></g><rect x="320" y="160" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 159 Q 319 159 319 170.15 L 319 184 Q 470 202 621 184 L 621 170.15 Q 621 159 609.85 159 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 190px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">x,y settings do not work for shapes within a grid layout</div></div></div></foreignObject><text x="470" y="194" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">x,y settings do not work for shapes within a grid...</text></switch></g><rect x="640" y="160" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 159 Q 639 159 639 170.15 L 639 184 Q 790 202 941 184 L 941 170.15 Q 941 159 929.85 159 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 190px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">background color does not work from the diagram object</div></div></div></foreignObject><text x="790" y="194" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">background color does not work from the diagram ob...</text></switch></g><rect x="0" y="240" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 239 Q -1 239 -1 250.15 L -1 264 Q 150 282 301 264 L 301 250.15 Q 301 239 289.85 239 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 270px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">settings style attributes need to de-duplicate</div></div></div></foreignObject><text x="150" y="274" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">settings style attributes need to de-duplicate</text></switch></g><rect x="320" y="240" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 330.15 239 Q 319 239 319 250.15 L 319 264 Q 470 282 621 264 L 621 250.15 Q 621 239 609.85 239 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 270px; margin-left: 321px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">need to setup new project plans</div></div></div></foreignObject><text x="470" y="274" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">need to setup new project plans</text></switch></g><rect x="640" y="240" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 650.15 239 Q 639 239 639 250.15 L 639 264 Q 790 282 941 264 L 941 250.15 Q 941 239 929.85 239 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 270px; margin-left: 641px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">write SVG directly into other projects</div></div></div></foreignObject><text x="790" y="274" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">write SVG directly into other projects</text></switch></g><rect x="0" y="320" width="300" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><path d="M 10.15 319 Q -1 319 -1 330.15 L -1 344 Q 150 362 301 344 L 301 330.15 Q 301 319 289.85 319 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 350px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">page layout so that you drop elements on and they are positioned correctly, e.g centered, left, right, etc, maybe a grid layout with a wrap of 1 and a width of the page is sufficient</div></div></div></foreignObject><text x="150" y="354" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">page layout so that you drop elements on and they...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/samples/samples.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1082px" height="1253px" viewBox="-0.5 -0.5 1082 1253"><defs/><g><path d="M 80 105 C 80 85 80 75 100 75 C 86.67 75 86.67 55 100 55 C 113.33 55 113.33 75 100 75 C 120 75 120 85 120 105 Z" fill="#0050ef" stroke="#001dbc" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 80px; margin-left: 81px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">actor</div></div></div></foreignObject><text x="100" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">actor</text></switch></g><ellipse cx="320" cy="61.25" rx="7.5" ry="6.25" fill="#6d8764" stroke="#3a5431" pointer-events="all"/><path d="M 320 67.5 L 320 88.33 M 320 71.67 L 305 71.67 M 320 71.67 L 335 71.67 M 320 88.33 L 305 105 M 320 88.33 L 335 105" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 130px; margin-left: 306px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">actor2</div></div></div></foreignObject><text x="320" y="134" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">actor2</text></switch></g><path d="M 460 65 L 460 30 Q 460 20 470 20 L 610 20 Q 620 20 620 30 L 620 100 Q 620 110 610 110 L 570 110 Q 560 110 554.45 118.32 L 540 140 L 540 120 Q 540 110 530 110 L 470 110 Q 460 110 460 100 Z" fill="#ffcc99" stroke="#36393d" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 65px; margin-left: 461px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout</div></div></div></foreignObject><text x="540" y="69" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">callout</text></switch></g><path d="M 710.02 116.93 C 682.66 94.06 680 56.37 703.91 30.67 C 727.83 4.96 770.17 0.01 800.83 19.33 C 831.48 38.64 840 75.64 820.32 104.02 C 800.64 132.39 759.48 142.46 726.1 127.06 C 718.59 146.13 706.49 158.25 693.2 160 C 701.56 149.51 707.51 134.26 710.02 116.93 Z" fill="#ffcccc" stroke="#36393d" stroke-miterlimit="15" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 80px; margin-left: 681px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout2</div></div></div></foreignObject><text x="760" y="84" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">callout2</text></switch></g><path d="M 921.41 82.87 C 915.53 86.08 908.91 83.21 905.15 75.81 C 901.39 68.4 901.39 58.24 905.15 50.84 C 908.91 43.44 915.53 40.56 921.41 43.78 C 921.37 30.74 926.82 19.03 935.09 14.39 C 943.36 9.75 952.72 13.15 958.58 22.93 C 962.34 9.08 971.45 -0.01 981.58 -0.01 C 991.72 -0.01 1000.83 9.08 1004.59 22.93 C 1010.6 14.95 1019.18 12.7 1026.7 17.12 C 1034.21 21.55 1039.37 31.89 1039.98 43.78 C 1045.87 40.56 1052.49 43.44 1056.25 50.84 C 1060.01 58.24 1060.01 68.4 1056.25 75.81 C 1052.49 83.21 1045.87 86.08 1039.98 82.87 C 1039.34 95.43 1033.64 106.2 1025.52 110.19 C 1017.4 114.17 1008.45 110.59 1002.82 101.11 C 998.34 112.08 990.28 118.8 981.58 118.8 C 972.89 118.8 964.83 112.08 960.35 101.11 C 956.07 113.77 943.89 119.96 933.14 114.92 C 922.39 109.88 917.14 95.53 921.41 82.87 Z" fill="#e3c800" stroke="#b09500" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><rect x="900" y="0" width="0" height="0" fill="none" stroke="#b09500" pointer-events="all"/><ellipse cx="926.72" cy="127.17" rx="10.618294436456145" ry="7.0358306188925095" fill="#e3c800" stroke="#b09500" pointer-events="all"/><ellipse cx="914.33" cy="144.1" rx="6.724919809755558" ry="4.690553745928339" fill="#e3c800" stroke="#b09500" pointer-events="all"/><ellipse cx="904.25" cy="156.61" rx="4.2473177745824575" ry="3.387622149837134" fill="#e3c800" stroke="#b09500" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 80px; margin-left: 901px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout3</div></div></div></foreignObject><text x="980" y="84" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">callout3</text></switch></g><path d="M 42.5 345 L 25 345 C 22.24 345 20 342.76 20 340 L 20 245 C 20 242.24 22.24 240 25 240 L 175 240 C 177.76 240 180 242.24 180 245 L 180 340 C 180 342.76 177.76 345 175 345 L 57.5 345 C 54.54 352.77 45.79 358.6 35 360 C 38.89 357.15 41.68 351.57 42.5 345 Z" fill="#d0cee2" stroke="#56517e" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 293px; margin-left: 21px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout4</div></div></div></foreignObject><text x="100" y="296" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">callout4</text></switch></g><ellipse cx="320" cy="300" rx="80" ry="80" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 241px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">circle</div></div></div></foreignObject><text x="320" y="304" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">circle</text></switch></g><path d="M 500 260 C 468 260 460 300 485.6 308 C 460 325.6 488.8 364 509.6 348 C 524 380 572 380 588 348 C 620 348 620 316 600 300 C 620 268 588 236 560 252 C 540 228 508 228 500 260 Z" fill="none" stroke="none" pointer-events="all"/><path d="M 474.93 272.73 C 474.93 272.73 474.93 272.73 474.93 272.73 M 474.93 272.73 C 474.93 272.73 474.93 272.73 474.93 272.73 M 471.39 282.9 C 478.78 276.23 486.41 265.59 489.76 261.77 M 471.39 282.9 C 478.87 274.92 484.27 267.92 489.76 261.77 M 473.1 287.04 C 479.69 278.75 484.54 272.63 495.4 261.38 M 473.1 287.04 C 478.32 281.28 482.08 277.04 495.4 261.38 M 505.24 250.06 C 507.29 248.58 507.77 246.71 511.15 243.26 M 505.24 250.06 C 507.23 248.24 508.79 246.7 511.15 243.26 M 472.18 294.19 C 485.46 275.48 503.92 259 520.07 239.09 M 472.18 294.19 C 487.37 277.09 500.34 260.41 520.07 239.09 M 473.89 298.32 C 489.22 281.54 503.03 264.81 527.68 236.44 M 473.89 298.32 C 491.78 277.41 510.43 257.05 527.68 236.44 M 476.25 301.7 C 496.56 278.76 516.98 254.48 532.67 236.8 M 476.25 301.7 C 496.41 279.61 516.63 256.5 532.67 236.8 M 479.27 304.33 C 499.69 282.49 520.73 257.65 537 237.91 M 479.27 304.33 C 497.52 281.89 517.2 260.3 537 237.91 M 482.94 306.2 C 503.25 282.66 522.93 260.17 541.33 239.03 M 482.94 306.2 C 500.46 286.67 518.37 265.53 541.33 239.03 M 479.4 316.37 C 506.18 285.74 530.16 258.71 545.66 240.14 M 479.4 316.37 C 492.47 299.47 506.87 283.66 545.66 240.14 M 477.83 324.27 C 497.47 303.53 515.87 284.61 548.68 242.77 M 477.83 324.27 C 505.05 293.75 531.66 263.72 548.68 242.77 M 478.22 329.92 C 501.43 300.28 527.61 273.75 552.36 244.63 M 478.22 329.92 C 502.84 301.97 527.63 273.84 552.36 244.63 M 479.27 334.81 C 504.96 301.13 531.34 271.78 555.38 247.26 M 479.27 334.81 C 502.09 307.39 527.49 278.28 555.38 247.26 M 480.98 338.94 C 512.74 305.25 540.89 266.88 558.4 249.88 M 480.98 338.94 C 502.38 314.77 522.91 291.47 558.4 249.88 M 483.34 342.32 C 515.49 309.53 544.99 271.84 560.76 253.26 M 483.34 342.32 C 512.75 308.81 540.33 276.65 560.76 253.26 M 485.71 345.7 C 505.47 320.32 523.84 300.55 567.71 251.36 M 485.71 345.7 C 518.2 308.77 548.66 270.45 567.71 251.36 M 488.07 349.08 C 511.23 322.83 530.38 299.72 575.98 247.94 M 488.07 349.08 C 512.41 320.62 537.91 293.7 575.98 247.94 M 492.4 350.19 C 523 313.45 555.25 276.76 580.31 249.06 M 492.4 350.19 C 514.7 322.4 537.04 296.96 580.31 249.06 M 496.07 352.06 C 528.73 311.7 566.28 274.58 585.3 249.42 M 496.07 352.06 C 519.34 325.66 543.74 297.15 585.3 249.42 M 499.75 353.93 C 524.32 323.48 551.54 294.36 588.32 252.04 M 499.75 353.93 C 521.62 328.44 544.33 303.17 588.32 252.04 M 509.98 348.25 C 541.63 312.57 575.1 272.88 591.99 253.91 M 509.98 348.25 C 535.39 317.11 562.36 288.28 591.99 253.91 M 512.35 351.63 C 531.9 326.08 555.11 302.14 595.67 255.78 M 512.35 351.63 C 538.9 318.82 567.27 286.68 595.67 255.78 M 514.71 355.01 C 533.92 335.28 553.59 310.86 598.69 258.41 M 514.71 355.01 C 537.7 330.55 558.76 306.16 598.69 258.41 M 517.07 358.39 C 539.27 332.77 559.23 310.36 601.05 261.79 M 517.07 358.39 C 542.03 328.39 565.56 300.74 601.05 261.79 M 520.09 361.01 C 548.43 328.42 581.46 290.18 604.07 264.41 M 520.09 361.01 C 542.67 335.75 565.26 311.4 604.07 264.41 M 523.11 363.64 C 541.36 345.29 554.46 326.38 605.77 268.54 M 523.11 363.64 C 550.41 332.71 576.32 303.46 605.77 268.54 M 526.13 366.26 C 546.22 346.45 562.62 325.09 606.82 273.43 M 526.13 366.26 C 556.26 332.08 587.33 297.48 606.82 273.43 M 529.8 368.13 C 548.32 347.41 566.89 327.91 607.22 279.08 M 529.8 368.13 C 559.34 333.58 590.22 297.85 607.22 279.08 M 534.14 369.25 C 551.14 352.05 568.98 332.91 606.96 285.47 M 534.14 369.25 C 560.11 338.83 586.39 309.22 606.96 285.47 M 537.81 371.12 C 560.17 346.57 581.62 321.16 608.01 290.36 M 537.81 371.12 C 559.03 348.24 578.76 324.45 608.01 290.36 M 542.14 372.23 C 560.42 352.43 576.91 334.28 602.5 302.8 M 542.14 372.23 C 560.68 352.94 579.03 330.62 602.5 302.8 M 547.13 372.59 C 562.15 353.25 576.2 337.71 605.52 305.42 M 547.13 372.59 C 559.73 358.07 571.13 343.62 605.52 305.42 M 550.8 374.46 C 567.1 357.05 579.15 343.13 607.88 308.8 M 550.8 374.46 C 568.93 352.31 589.42 330.35 607.88 308.8 M 557.1 373.31 C 577.88 349.31 598.21 327.86 610.9 311.42 M 557.1 373.31 C 577 350.1 596.15 327.49 610.9 311.42 M 562.75 372.92 C 583.06 353.1 598.73 329.67 611.95 316.31 M 562.75 372.92 C 580.61 353.02 599.43 332.58 611.95 316.31 M 572.98 367.24 C 579.42 360.8 586 351.51 588.73 349.13 M 572.98 367.24 C 577.62 361.93 584.18 355.76 588.73 349.13 M 588.73 349.13 C 592.89 344.9 600.81 336.71 613.66 320.45 M 588.73 349.13 C 598.13 338.36 606.7 328.35 613.66 320.45 M 595.03 347.98 C 599.74 343.85 605.1 338.72 616.02 323.83 M 595.03 347.98 C 601.26 339.47 608.88 332.99 616.02 323.83 M 600.01 348.34 C 605.32 345.36 608.66 338.05 612.48 334 M 600.01 348.34 C 604.16 342.4 608.15 337.8 612.48 334" fill="none" stroke="#ffcc99" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 500 260 M 500 260 C 468.85 260.82 460.86 299.07 485.6 308 M 500 260 C 469.73 259.78 458.32 300.69 485.6 308 M 485.6 308 C 458.17 324.57 487.93 364.34 509.6 348 M 485.6 308 C 458.71 327.78 488.38 364.5 509.6 348 M 509.6 348 C 522.59 380.27 573.98 381.08 588 348 M 509.6 348 C 523.11 382.09 573.21 380.63 588 348 M 588 348 C 621.62 346.35 620.65 315.16 600 300 M 588 348 C 621.79 349.96 621.78 315.21 600 300 M 600 300 C 621.76 267.82 589.41 237.45 560 252 M 600 300 C 619.87 268.77 586.71 236.1 560 252 M 560 252 C 540.53 228.3 509.51 227.8 500 260 M 560 252 C 539.1 226.65 510.08 227.12 500 260 M 500 260 C 500 260 500 260 500 260 M 500 260 C 500 260 500 260 500 260" fill="none" stroke="#36393d" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 461px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">cloud</div></div></div></foreignObject><text x="540" y="304" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">cloud</text></switch></g><path d="M 735 275 L 749.58 275 L 760 289.8 L 770.42 275 L 785 275 L 767.29 300 L 785 325 L 770.42 325 L 760 310.2 L 749.58 325 L 735 325 L 751.67 300 Z" fill="#60a917" stroke="#2d7600" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 332px; margin-left: 736px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">cross</div></div></div></foreignObject><text x="760" y="344" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">cross</text></switch></g><path d="M 900 250 L 1060 250 L 1060 350 L 900 350 Z" fill="#0050ef" stroke="#001dbc" stroke-miterlimit="10" pointer-events="all"/><path d="M 900 250 L 980 300 L 1060 250" fill="none" stroke="#001dbc" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 901px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">envelop</div></div></div></foreignObject><text x="980" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">envelop</text></switch></g><path d="M 100 470 L 150 520 L 100 570 L 50 520 Z" fill="#f5f5f5" stroke="#666666" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 520px; margin-left: 51px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">diamond</div></div></div></foreignObject><text x="100" y="524" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">diamond</text></switch></g><path d="M 398.38 462.86 L 398.38 600 L 240 600 L 240 440 L 375.76 440 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/><path d="M 375.76 440 C 377.6 445.35 374.57 450.86 367.68 454.69 L 400 464 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 520px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">document</div></div></div></foreignObject><text x="320" y="524" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">document</text></switch></g><ellipse cx="540" cy="520" rx="100" ry="60" fill="#ffcc99" stroke="#36393d" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 520px; margin-left: 441px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">ellipse</div></div></div></foreignObject><text x="540" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">ellipse</text></switch></g><path d="M 710 460 L 810 460 L 860 520 L 810 580 L 710 580 L 660 520 Z" fill="#e3c800" stroke="#b09500" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 520px; margin-left: 661px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">hexagon</div></div></div></foreignObject><text x="760" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">hexagon</text></switch></g><path d="M 900 463 L 900 440 L 1060 440 L 1060 463" fill="#6d8764" stroke="#3a5431" stroke-miterlimit="10" pointer-events="all"/><path d="M 900 463 L 900 600 L 1060 600 L 1060 463" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="none"/><path d="M 900 463 L 1060 463" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 452px; margin-left: 901px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container</div></div></div></foreignObject><text x="980" y="455" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container</text></switch></g><path d="M 43 660 L 20 660 L 20 820 L 43 820" fill="#f9f7ed" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 43 660 L 180 660 L 180 820 L 43 820" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 43 660 L 43 820" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 31.5 740)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 740px; margin-left: -47px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container2</div></div></div></foreignObject><text x="32" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container2</text></switch></g><path d="M 240 710 L 240 660 L 400 660 L 400 710" fill="#6d8764" stroke="#3a5431" stroke-miterlimit="10" pointer-events="none"/><path d="M 240 710 L 240 820 L 400 820 L 400 710" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="none"/><path d="M 240 710 L 400 710" fill="none" stroke="#3a5431" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 685px; margin-left: 241px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container3</div></div></div></foreignObject><text x="320" y="689" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container3</text></switch></g><path d="M 460 660 C 460 660 460 660 460 660 M 460 660 C 460 660 460 660 460 660 M 459.74 666.4 C 461.81 665.11 462.68 662.87 464.99 660.36 M 459.74 666.4 C 461.22 664.53 463.21 661.96 464.99 660.36 M 460.13 672.04 C 462.99 668.65 465.24 667.15 470.63 659.97 M 460.13 672.04 C 464.6 667.08 468.44 662.8 470.63 659.97 M 459.87 678.44 C 464.95 672.62 467.51 671 475.62 660.33 M 459.87 678.44 C 464.23 673.24 468.43 668.39 475.62 660.33 M 460.92 683.33 C 467.71 674.66 474.15 668.03 481.26 659.93 M 460.92 683.33 C 467.9 675.91 476.27 666.88 481.26 659.93 M 465.91 683.69 C 475.04 673.39 481.9 665.7 486.25 660.29 M 465.91 683.69 C 472.15 676.43 478.19 668.58 486.25 660.29 M 471.55 683.29 C 476.71 675.14 483.34 672.78 491.89 659.9 M 471.55 683.29 C 478.24 675.38 483.92 667.78 491.89 659.9 M 476.54 683.65 C 481.36 675.69 489.41 668.55 496.88 660.26 M 476.54 683.65 C 483.19 674.86 490.82 666.84 496.88 660.26 M 482.18 683.26 C 489.47 674.52 497.74 667.25 502.52 659.86 M 482.18 683.26 C 487.46 675.92 494.16 670.37 502.52 659.86 M 487.17 683.62 C 493.97 675.64 497.95 669.13 507.51 660.22 M 487.17 683.62 C 494.14 675.9 499.92 669.68 507.51 660.22 M 492.81 683.22 C 501.57 672.66 507.63 665.66 513.15 659.83 M 492.81 683.22 C 498.21 676.18 503.25 671.43 513.15 659.83 M 497.8 683.58 C 507.29 674.94 515.21 663.95 518.14 660.19 M 497.8 683.58 C 502.71 677.31 508.33 671.2 518.14 660.19 M 502.79 683.94 C 507.14 676.05 515.57 670.37 523.78 659.79 M 502.79 683.94 C 508.24 678.63 513.22 671.1 523.78 659.79 M 508.43 683.55 C 513.71 674.72 521.31 667.55 528.77 660.15 M 508.43 683.55 C 514.02 676.87 519.76 668.43 528.77 660.15 M 513.42 683.91 C 521.72 673.83 528.74 666.31 534.41 659.76 M 513.42 683.91 C 519.28 677.77 526.04 669.44 534.41 659.76 M 519.06 683.51 C 524.17 675.91 531.6 667.77 539.4 660.12 M 519.06 683.51 C 526.48 674.89 534.68 665.46 539.4 660.12 M 524.05 683.87 C 534.02 675.72 541.15 662.95 545.04 659.72 M 524.05 683.87 C 531.68 676.76 537.24 668.34 545.04 659.72 M 529.69 683.48 C 533.15 676.39 539.37 672.63 550.03 660.08 M 529.69 683.48 C 535.52 676.07 539.91 670.29 550.03 660.08 M 534.68 683.84 C 541.76 673.95 551.46 667.69 555.67 659.69 M 534.68 683.84 C 538.56 677.9 543.27 673.2 555.67 659.69 M 540.32 683.45 C 546.54 676.85 549.93 675.17 560.66 660.05 M 540.32 683.45 C 545 677.14 550.42 671.48 560.66 660.05 M 545.31 683.81 C 553.66 673.02 562.87 666.55 566.3 659.66 M 545.31 683.81 C 552.21 675.96 560.76 667.14 566.3 659.66 M 550.95 683.41 C 554.37 677.99 559.28 670.33 571.29 660.02 M 550.95 683.41 C 556.72 676 564.46 668.33 571.29 660.02 M 555.94 683.77 C 561.81 676.57 565.05 670.5 576.27 660.38 M 555.94 683.77 C 562.98 677.41 567.9 669.84 576.27 660.38 M 561.58 683.38 C 568.57 673.53 573.76 665.61 581.92 659.98 M 561.58 683.38 C 567.72 676.14 574.91 668.91 581.92 659.98 M 566.57 683.74 C 574.27 676.52 582.2 666.16 586.91 660.34 M 566.57 683.74 C 571.92 676.38 579.25 669.24 586.91 660.34 M 572.21 683.34 C 579.53 672.74 588.76 665.94 592.55 659.95 M 572.21 683.34 C 580.25 674.16 587.45 665.95 592.55 659.95 M 577.2 683.7 C 582.34 677.62 592.23 669.35 597.54 660.31 M 577.2 683.7 C 584.82 675.97 589.74 669.1 597.54 660.31 M 582.84 683.31 C 588.72 678.35 591.18 673.28 603.18 659.91 M 582.84 683.31 C 589.66 674.68 596.25 667.38 603.18 659.91 M 587.83 683.67 C 591.78 676.68 597.48 671.95 608.17 660.27 M 587.83 683.67 C 595.75 675.87 603.28 667.26 608.17 660.27 M 593.47 683.27 C 598.17 676.56 603.25 672.89 613.81 659.88 M 593.47 683.27 C 598.43 676.1 604.14 671.13 613.81 659.88 M 598.46 683.63 C 606.97 676.19 614.46 668.28 618.8 660.24 M 598.46 683.63 C 603.73 677.03 609.12 672.84 618.8 660.24 M 604.1 683.24 C 608.72 675.5 613.74 669.55 622.47 662.11 M 604.1 683.24 C 611.23 674.66 616.91 667.66 622.47 662.11 M 609.09 683.6 C 613.31 680.7 615.99 676.81 622.21 668.5 M 609.09 683.6 C 612.71 679.25 617.75 674.25 622.21 668.5 M 614.07 683.96 C 616.74 679.4 619.6 675.78 622.6 674.15 M 614.07 683.96 C 616.36 681.64 618.69 677.94 622.6 674.15" fill="none" stroke="#f5f5f5" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 683 M 460 683 C 461.77 677.14 461.77 667.72 460 660 M 460 683 C 459.39 677.68 459.49 672.43 460 660 M 460 660 C 503.79 660.29 546.42 657.9 620 660 M 460 660 C 494.11 661.63 528.69 661.18 620 660 M 620 660 C 618.17 669.37 618.48 678.94 620 683 M 620 660 C 619.6 667.08 620.52 673.23 620 683" fill="none" stroke="#666666" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 683 M 460 683 C 461.15 717.55 459.01 751.36 460 820 M 460 683 C 459.53 736.05 458.28 789.68 460 820 M 460 820 C 504.78 819.78 546.69 818.25 620 820 M 460 820 C 517.02 820.51 575.25 819.56 620 820 M 620 820 C 620.69 789.45 620.67 761.26 620 683 M 620 820 C 621.46 766.01 621.11 712.82 620 683" fill="none" stroke="#666666" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 683 M 460 683 C 501.02 683.88 538.05 684.16 620 683 M 460 683 C 523.38 680.94 584.98 680.75 620 683" fill="none" stroke="#666666" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 672px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container4</div></div></div></foreignObject><text x="540" y="675" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container4</text></switch></g><path d="M 680 660 L 810 660 L 840 690 L 840 820 L 680 820 L 680 660 Z" fill="#fad7ac" stroke="#b46504" stroke-miterlimit="10" pointer-events="none"/><path d="M 810 660 L 810 690 L 840 690" fill="none" stroke="#b46504" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 740px; margin-left: 681px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">note</div></div></div></foreignObject><text x="760" y="744" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">note</text></switch></g><rect x="880" y="680" width="200" height="120" fill="#e1d5e7" stroke="#9673a6" pointer-events="none"/><path d="M 900 680 L 900 800 M 1060 680 L 1060 800" fill="none" stroke="#9673a6" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 740px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">process</div></div></div></foreignObject><text x="980" y="744" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">process</text></switch></g><rect x="0" y="900" width="200" height="120" rx="18" ry="18" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 960px; margin-left: 1px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">rectangle</div></div></div></foreignObject><text x="100" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle</text></switch></g><path d="M 227.96 900 C 223.57 900 220 902.6 220 905.8 C 220 907.55 221.1 909.21 222.97 910.32 C 221.09 911.41 220 913.08 220 914.83 C 220 916.59 221.1 918.25 222.97 919.35 C 221.09 920.45 220 922.11 220 923.86 C 220 925.62 221.1 927.28 222.97 928.38 C 221.09 929.48 220 931.14 220 932.9 C 220 934.65 221.1 936.32 222.97 937.42 C 221.09 938.51 220 940.18 220 941.93 C 220 943.69 221.1 945.35 222.97 946.45 C 221.09 947.55 220 949.21 220 950.97 C 220 952.72 221.1 954.38 222.97 955.48 C 221.09 956.58 220 958.24 220 960 C 220 961.76 221.1 963.42 222.97 964.51 C 221.09 965.61 220 967.28 220 969.03 C 220 970.79 221.1 972.45 222.97 973.55 C 221.09 974.65 220 976.31 220 978.07 C 220 979.82 221.1 981.48 222.97 982.58 C 221.09 983.68 220 985.34 220 987.1 C 220 988.86 221.1 990.52 222.97 991.61 C 221.09 992.72 220 994.38 220 996.13 C 220 997.89 221.1 999.55 222.97 1000.65 C 221.09 1001.74 220 1003.41 220 1005.17 C 220 1006.92 221.1 1008.58 222.97 1009.68 C 221.09 1010.78 220 1012.45 220 1014.2 C 220 1017.4 223.57 1020 227.96 1020 C 230.62 1020 233.12 1019.03 234.59 1017.41 C 236.06 1019.03 238.55 1020 241.22 1020 C 243.84 1020 246.3 1019.05 247.79 1017.48 C 249.27 1019.05 251.72 1020 254.35 1020 C 256.97 1020 259.43 1019.05 260.91 1017.48 C 262.39 1019.05 264.85 1020 267.47 1020 C 270.1 1020 272.55 1019.05 274.04 1017.48 C 275.52 1019.05 277.97 1020 280.6 1020 C 283.23 1020 285.68 1019.05 287.17 1017.48 C 288.65 1019.05 291.1 1020 293.73 1020 C 296.35 1020 298.81 1019.05 300.3 1017.48 C 301.78 1019.05 304.23 1020 306.85 1020 C 309.48 1020 311.94 1019.05 313.42 1017.48 C 314.91 1019.05 317.36 1020 319.98 1020 C 322.61 1020 325.06 1019.05 326.55 1017.48 C 328.04 1019.05 330.48 1020 333.11 1020 C 335.73 1020 338.2 1019.05 339.68 1017.48 C 341.16 1019.05 343.61 1020 346.24 1020 C 348.86 1020 351.33 1019.05 352.8 1017.48 C 354.29 1019.05 356.75 1020 359.36 1020 C 362 1020 364.45 1019.05 365.93 1017.48 C 367.42 1019.05 369.87 1020 372.5 1020 C 375.12 1020 377.58 1019.05 379.06 1017.48 C 380.54 1019.05 383 1020 385.62 1020 C 388.25 1020 390.71 1019.05 392.18 1017.48 C 393.67 1019.05 396.13 1020 398.75 1020 C 401.42 1020 403.92 1019.01 405.4 1017.39 C 406.86 1019.02 409.36 1020 412.04 1020 C 416.43 1020 420 1017.4 420 1014.2 C 420 1012.45 418.91 1010.79 417.03 1009.68 C 418.91 1008.59 420 1006.92 420 1005.17 C 420 1003.41 418.91 1001.75 417.03 1000.65 C 418.91 999.55 420 997.89 420 996.13 C 420 994.38 418.91 992.72 417.03 991.62 C 418.91 990.52 420 988.86 420 987.1 C 420 985.35 418.91 983.69 417.03 982.58 C 418.91 981.49 420 979.82 420 978.07 C 420 976.31 418.91 974.65 417.03 973.55 C 418.91 972.45 420 970.79 420 969.03 C 420 967.28 418.91 965.62 417.03 964.52 C 418.91 963.42 420 961.76 420 960 C 420 958.25 418.91 956.58 417.03 955.49 C 418.91 954.38 420 952.72 420 950.97 C 420 949.21 418.91 947.55 417.03 946.45 C 418.91 945.35 420 943.69 420 941.93 C 420 940.18 418.91 938.52 417.03 937.42 C 418.91 936.32 420 934.66 420 932.9 C 420 931.14 418.91 929.48 417.03 928.39 C 418.91 927.28 420 925.62 420 923.86 C 420 922.11 418.91 920.45 417.03 919.35 C 418.91 918.25 420 916.59 420 914.83 C 420 913.08 418.91 911.42 417.03 910.32 C 418.91 909.22 420 907.55 420 905.8 C 420 902.6 416.43 900 412.04 900 C 409.37 900 406.86 900.99 405.4 902.61 C 403.93 900.98 401.42 900 398.75 900 C 396.12 900 393.66 900.95 392.18 902.52 C 390.7 900.95 388.24 900 385.62 900 C 382.99 900 380.53 900.95 379.05 902.52 C 377.57 900.95 375.11 900 372.5 900 C 369.86 900 367.41 900.95 365.92 902.52 C 364.44 900.95 361.99 900 359.36 900 C 356.74 900 354.28 900.95 352.79 902.52 C 351.32 900.95 348.86 900 346.24 900 C 343.61 900 341.15 900.95 339.67 902.52 C 338.19 900.95 335.73 900 333.11 900 C 330.48 900 328.03 900.95 326.54 902.52 C 325.06 900.95 322.61 900 319.98 900 C 317.36 900 314.9 900.95 313.41 902.52 C 311.94 900.95 309.48 900 306.85 900 C 304.23 900 301.77 900.95 300.29 902.52 C 298.81 900.95 296.35 900 293.73 900 C 291.1 900 288.65 900.95 287.16 902.52 C 285.67 900.95 283.23 900 280.6 900 C 277.97 900 275.52 900.95 274.03 902.52 C 272.55 900.95 270.1 900 267.47 900 C 264.85 900 262.39 900.95 260.91 902.52 C 259.42 900.95 256.97 900 254.35 900 C 251.72 900 249.26 900.95 247.78 902.52 C 246.29 900.95 243.84 900 241.22 900 C 238.55 900 236.06 900.97 234.59 902.59 C 233.12 900.97 230.62 900 227.96 900 Z" fill="#ffcc99" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 960px; margin-left: 221px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">rectangle2</div></div></div></foreignObject><text x="320" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle2</text></switch></g><rect x="460" y="880" width="160" height="160" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 960px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">square</div></div></div></foreignObject><text x="540" y="964" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">square</text></switch></g><path d="M 700 920 L 800 920 L 820 960 L 800 1000 L 700 1000 L 720 960 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 960px; margin-left: 701px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">step</div></div></div></foreignObject><text x="760" y="964" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">step</text></switch></g><path d="M 955.21 969.19 C 955.75 967.5 957.08 966.08 958.89 965.3 C 960.7 964.52 962.81 964.44 964.69 965.09 C 967.43 966.24 969.55 968.26 970.62 970.72 C 975.5 958.7 982.94 947.58 992.54 937.92 C 995.26 935.78 999.07 935 1002.61 935.87 C 1003.51 935.99 1004.28 936.51 1004.64 937.24 C 1005 937.96 1004.9 938.8 1004.38 939.45 C 991.34 952.2 981.64 967.24 975.95 983.54 C 972.59 985 968.64 985 965.28 983.54 C 962.75 978.67 959.35 974.17 955.21 970.21 C 955 969.89 955 969.5 955.21 969.19 Z" fill="#a20025" stroke="#6f0000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 992px; margin-left: 956px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">tick</div></div></div></foreignObject><text x="980" y="1004" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">tick</text></switch></g><ellipse cx="100" cy="1180" rx="50" ry="50" fill="#cce5ff" stroke="#36393d" pointer-events="none"/><path d="M 61.22 1185.1 C 61.22 1194.95 68.62 1204.04 80.61 1208.96 C 92.61 1213.88 107.39 1213.88 119.39 1208.96 C 131.38 1204.04 138.78 1194.95 138.78 1185.1" fill="none" stroke="#36393d" stroke-width="2.04" stroke-miterlimit="10" pointer-events="none"/><rect x="50" y="1130" width="0" height="0" fill="none" stroke="#36393d" pointer-events="none"/><path d="M 66.33 1182.04 L 56.12 1188.16" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 133.67 1182.04 L 143.88 1188.16" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="77.55" cy="1165.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#cce5ff" stroke="#36393d" stroke-width="6.12" pointer-events="none"/><ellipse cx="122.45" cy="1165.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#cce5ff" stroke="#36393d" stroke-width="6.12" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 1237px; margin-left: 51px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">face</div></div></div></foreignObject><text x="100" y="1249" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">face</text></switch></g><path d="M 270 1130 L 370 1180 L 270 1230 Z" fill="#ffcd28" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 1180px; margin-left: 271px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">triangle</div></div></div></foreignObject><text x="320" y="1184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">triangle</text></switch></g><rect x="440" y="1160" width="200" height="40" fill="#fad7ac" stroke="none" pointer-events="none"/><path d="M 440 1160 M 640 1160 M 640 1200 L 440 1200" fill="none" stroke="#b46504" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1180px; margin-left: 441px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">embed_row</div></div></div></foreignObject><text x="540" y="1184" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">embed_row</text></switch></g><path d="M 735.24 1159.73 C 735.24 1159.73 735.24 1159.73 735.24 1159.73 M 735.24 1159.73 C 735.24 1159.73 735.24 1159.73 735.24 1159.73 M 734.97 1166.13 C 736.24 1164.89 737.82 1162.73 740.22 1160.09 M 734.97 1166.13 C 737.07 1163.66 738.72 1161.27 740.22 1160.09 M 734.71 1172.53 C 737.29 1167.52 742.57 1163.31 745.87 1159.7 M 734.71 1172.53 C 736.92 1169.01 739.91 1167.57 745.87 1159.7 M 735.11 1178.17 C 737.22 1172.26 744.47 1170.85 750.85 1160.06 M 735.11 1178.17 C 739.13 1173.31 744.38 1166.73 750.85 1160.06 M 734.85 1184.57 C 737.72 1179.96 743.15 1174.82 756.5 1159.66 M 734.85 1184.57 C 741.49 1176.61 749.18 1169.04 756.5 1159.66 M 735.24 1190.21 C 741.28 1183.43 745.11 1176.79 761.48 1160.02 M 735.24 1190.21 C 742.65 1183.29 749.1 1176.17 761.48 1160.02 M 734.98 1196.61 C 744.15 1184.91 754.08 1175.61 767.13 1159.63 M 734.98 1196.61 C 744.52 1186.75 753.4 1174.14 767.13 1159.63 M 736.03 1201.5 C 747.06 1192.45 755.86 1179.35 772.11 1159.99 M 736.03 1201.5 C 747.22 1189.59 758.76 1176.49 772.11 1159.99 M 741.67 1201.1 C 756.7 1183.15 770.77 1170.87 777.1 1160.35 M 741.67 1201.1 C 750.65 1190.3 759.51 1180.47 777.1 1160.35 M 746.66 1201.46 C 761.46 1183.79 774.75 1170.95 782.74 1159.95 M 746.66 1201.46 C 757.32 1190.41 767.62 1177.92 782.74 1159.95 M 752.3 1201.07 C 759.11 1190.51 767.45 1182.61 786.42 1161.82 M 752.3 1201.07 C 765.42 1185.76 777.79 1171.25 786.42 1161.82 M 757.29 1201.43 C 766.49 1191.15 771.07 1182.88 786.81 1167.46 M 757.29 1201.43 C 763.44 1193.89 770.1 1186.72 786.81 1167.46 M 762.93 1201.03 C 771.76 1194.05 778.05 1184.99 786.55 1173.86 M 762.93 1201.03 C 770.51 1193.68 776.26 1185.18 786.55 1173.86 M 767.92 1201.39 C 775.19 1195 781.72 1188.3 786.95 1179.51 M 767.92 1201.39 C 772.96 1196.14 779.06 1189.27 786.95 1179.51 M 773.56 1201 C 779.86 1195 781.76 1189.39 786.68 1185.9 M 773.56 1201 C 778.5 1194.91 783.97 1189.23 786.68 1185.9 M 778.55 1201.36 C 780.19 1198.1 782.99 1197.08 786.42 1192.3 M 778.55 1201.36 C 781.14 1199.39 782.65 1196.65 786.42 1192.3" fill="none" stroke="#fa6800" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="none"/><path d="M 735 1160 M 785 1160 M 785 1200 M 735 1200" fill="none" stroke="#c73500" stroke-linejoin="round" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1180px; margin-left: 736px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 36px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">embed_col50</div></div></div></foreignObject><text x="760" y="1184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">embed_co...</text></switch></g><rect x="905" y="1160" width="150" height="40" fill="#1ba1e2" stroke="none" pointer-events="none"/><path d="M 905 1160 M 1055 1160 M 1055 1200 M 905 1200" fill="none" stroke="#006eaf" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 142px; height: 1px; padding-top: 1180px; margin-left: 913px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 36px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">embed_col200</div></div></div></foreignObject><text x="913" y="1184" fill="#ffffff" font-family="Helvetica" font-size="12px">embed_col200</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/lib/drawio_dsl/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module DrawioDsl
4
- VERSION = '0.5.5'
4
+ VERSION = '0.5.6'
5
5
  end
data/package-lock.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "drawio_dsl",
3
- "version": "0.5.5",
3
+ "version": "0.5.6",
4
4
  "lockfileVersion": 2,
5
5
  "requires": true,
6
6
  "packages": {
7
7
  "": {
8
8
  "name": "drawio_dsl",
9
- "version": "0.5.5",
9
+ "version": "0.5.6",
10
10
  "devDependencies": {
11
11
  "@klueless-js/semantic-release-rubygem": "github:klueless-js/semantic-release-rubygem",
12
12
  "@semantic-release/changelog": "^6.0.1",
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "drawio_dsl",
3
- "version": "0.5.5",
3
+ "version": "0.5.6",
4
4
  "description": "DrawIO DSL can build DrawIO diagrams using a Domain Specific Language",
5
5
  "scripts": {
6
6
  "release": "semantic-release"
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: drawio_dsl
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.5
4
+ version: 0.5.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Cruwys
@@ -86,6 +86,7 @@ files:
86
86
  - ".builders/generators/01-bootstrap.rb"
87
87
  - ".builders/generators/02-generate-app.rb"
88
88
  - ".builders/generators/project_plans/drawio_dsl.rb"
89
+ - ".builders/generators/sample_diagrams/05-samples.rb"
89
90
  - ".builders/generators/sample_diagrams/10-page-margin.rb"
90
91
  - ".builders/generators/sample_diagrams/15-grid-direction.rb"
91
92
  - ".builders/generators/sample_diagrams/16-grid-alignment.rb"
@@ -114,6 +115,7 @@ files:
114
115
  - docs/samples/grid-direction-horizontal.svg
115
116
  - docs/samples/grid-direction-vertical.svg
116
117
  - docs/samples/samples.md
118
+ - docs/samples/samples.svg
117
119
  - docs/samples/styles-glass.svg
118
120
  - docs/samples/styles-plain.svg
119
121
  - docs/samples/styles-rounded.svg