drawio_dsl 0.5.7 → 0.8.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (216) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/.data/shapes.json +49 -22
  3. data/.builders/.templates/basic/dom_builder_shapes.rb +2 -2
  4. data/.builders/.templates/basic/drawio_extensions.rb +57 -0
  5. data/.builders/.templates/basic/drawio_shapes.rb +2 -2
  6. data/.builders/blueprint/shapes.rb +10 -5
  7. data/.builders/generators/10-transform-drawio-js.rb +195 -0
  8. data/.builders/generators/20-drawio-extensions.rb +41 -0
  9. data/.builders/generators/project_plans/drawio_dsl.rb +30 -21
  10. data/.builders/generators/sample_diagrams/15-grid-direction.rb +0 -8
  11. data/.builders/generators/sample_diagrams/20-styles.rb +1 -2
  12. data/.builders/generators/sample_diagrams/30-html-shapes.rb +48 -0
  13. data/.rubocop.yml +1 -0
  14. data/CHANGELOG.md +28 -0
  15. data/docs/extensions/analyti_cs.svg +3 -0
  16. data/docs/extensions/android_inputs.svg +3 -0
  17. data/docs/extensions/app_services.svg +3 -0
  18. data/docs/extensions/appliances.svg +3 -0
  19. data/docs/extensions/arrows.svg +3 -0
  20. data/docs/extensions/aws_17___analyti_cs.svg +3 -0
  21. data/docs/extensions/aws_17___application_services.svg +3 -0
  22. data/docs/extensions/aws_17___artificial_intelligence.svg +3 -0
  23. data/docs/extensions/aws_17___business_productivity.svg +3 -0
  24. data/docs/extensions/aws_17___compute.svg +3 -0
  25. data/docs/extensions/aws_17___contact_center.svg +3 -0
  26. data/docs/extensions/aws_17___containers.svg +3 -0
  27. data/docs/extensions/aws_17___database.svg +3 -0
  28. data/docs/extensions/aws_17___desktop_app_straning.svg +3 -0
  29. data/docs/extensions/aws_17___developer_tools.svg +3 -0
  30. data/docs/extensions/aws_17___game_development.svg +3 -0
  31. data/docs/extensions/aws_17___general.svg +3 -0
  32. data/docs/extensions/aws_17___io_t.svg +3 -0
  33. data/docs/extensions/aws_17___management.svg +3 -0
  34. data/docs/extensions/aws_17___messaging.svg +3 -0
  35. data/docs/extensions/aws_17___migration.svg +3 -0
  36. data/docs/extensions/aws_17___mobile_services.svg +3 -0
  37. data/docs/extensions/aws_17___networking_content_delivery.svg +3 -0
  38. data/docs/extensions/aws_17___on_demand_workforce.svg +3 -0
  39. data/docs/extensions/aws_17___sdks.svg +3 -0
  40. data/docs/extensions/aws_17___serurity_identity_and_compliance.svg +3 -0
  41. data/docs/extensions/aws_17___storage.svg +3 -0
  42. data/docs/extensions/aws_19___application_integration.svg +3 -0
  43. data/docs/extensions/aws_19___ar_vr.svg +3 -0
  44. data/docs/extensions/aws_19___blockchain.svg +3 -0
  45. data/docs/extensions/aws_19___business_applications.svg +3 -0
  46. data/docs/extensions/aws_19___compute.svg +3 -0
  47. data/docs/extensions/aws_19___cost_management.svg +3 -0
  48. data/docs/extensions/aws_19___customer_engagement.svg +3 -0
  49. data/docs/extensions/aws_19___database.svg +3 -0
  50. data/docs/extensions/aws_19___desktop_app_streaming.svg +3 -0
  51. data/docs/extensions/aws_19___developer_tools.svg +3 -0
  52. data/docs/extensions/aws_19___ec2_instance_types.svg +3 -0
  53. data/docs/extensions/aws_19___game_tech.svg +3 -0
  54. data/docs/extensions/aws_19___general.svg +3 -0
  55. data/docs/extensions/aws_19___groups_note_repeated_below_without_v2.svg +3 -0
  56. data/docs/extensions/aws_19___internet_of_things.svg +3 -0
  57. data/docs/extensions/aws_19___machine_learning.svg +3 -0
  58. data/docs/extensions/aws_19___management_governance.svg +3 -0
  59. data/docs/extensions/aws_19___media_services.svg +3 -0
  60. data/docs/extensions/aws_19___migration_transfer.svg +3 -0
  61. data/docs/extensions/aws_19___mobile.svg +3 -0
  62. data/docs/extensions/aws_19___networking_content_delivery.svg +3 -0
  63. data/docs/extensions/aws_19___roboti_cs.svg +3 -0
  64. data/docs/extensions/aws_19___satellite.svg +3 -0
  65. data/docs/extensions/aws_19___security_identity_compliance.svg +3 -0
  66. data/docs/extensions/aws_19___storage.svg +3 -0
  67. data/docs/extensions/aws_19_analyti_cs.svg +3 -0
  68. data/docs/extensions/aws_general.svg +3 -0
  69. data/docs/extensions/azure2019.svg +3 -0
  70. data/docs/extensions/azure_cloud.svg +3 -0
  71. data/docs/extensions/azure_enterprise.svg +3 -0
  72. data/docs/extensions/azure_vms.svg +3 -0
  73. data/docs/extensions/basic_network_shapes.svg +3 -0
  74. data/docs/extensions/beds.svg +3 -0
  75. data/docs/extensions/bpmn_2_0.svg +3 -0
  76. data/docs/extensions/cisco_basic.svg +3 -0
  77. data/docs/extensions/cisco_extended.svg +3 -0
  78. data/docs/extensions/common_elements.svg +3 -0
  79. data/docs/extensions/computers_and_monitors.svg +3 -0
  80. data/docs/extensions/containers.svg +3 -0
  81. data/docs/extensions/content_delivery.svg +3 -0
  82. data/docs/extensions/couches.svg +3 -0
  83. data/docs/extensions/cubicle_walls.svg +3 -0
  84. data/docs/extensions/data_flow.svg +3 -0
  85. data/docs/extensions/database.svg +3 -0
  86. data/docs/extensions/deployment.svg +3 -0
  87. data/docs/extensions/desks.svg +3 -0
  88. data/docs/extensions/detailed_network_diagrams.svg +3 -0
  89. data/docs/extensions/developer_tools.svg +3 -0
  90. data/docs/extensions/doors_windows.svg +3 -0
  91. data/docs/extensions/ec2.svg +3 -0
  92. data/docs/extensions/electrical.svg +3 -0
  93. data/docs/extensions/electroni_cs.svg +3 -0
  94. data/docs/extensions/enterprise_application.svg +3 -0
  95. data/docs/extensions/equipment.svg +3 -0
  96. data/docs/extensions/ext_shapes.svg +3 -0
  97. data/docs/extensions/flowchart.svg +3 -0
  98. data/docs/extensions/geometric_shapes.svg +3 -0
  99. data/docs/extensions/google_cloud_platform.svg +3 -0
  100. data/docs/extensions/heat_exchangers.svg +3 -0
  101. data/docs/extensions/i_os_6_i_pad_controls.svg +3 -0
  102. data/docs/extensions/i_os_6_i_pad_elements.svg +3 -0
  103. data/docs/extensions/i_os_6_i_pad_icons.svg +3 -0
  104. data/docs/extensions/i_os_6_i_phone_controls.svg +3 -0
  105. data/docs/extensions/i_os_6_i_phone_elements.svg +3 -0
  106. data/docs/extensions/i_os_6_i_phone_icons.svg +3 -0
  107. data/docs/extensions/i_os_devices.svg +3 -0
  108. data/docs/extensions/i_os_icons.svg +3 -0
  109. data/docs/extensions/i_os_mockups.svg +3 -0
  110. data/docs/extensions/i_os_ui_components.svg +3 -0
  111. data/docs/extensions/i_pad_elements.svg +3 -0
  112. data/docs/extensions/i_phone_elements.svg +3 -0
  113. data/docs/extensions/information.svg +3 -0
  114. data/docs/extensions/instruments.svg +3 -0
  115. data/docs/extensions/internet_of_things.svg +3 -0
  116. data/docs/extensions/kanban.svg +3 -0
  117. data/docs/extensions/kitchen.svg +3 -0
  118. data/docs/extensions/kubernetes_icons.svg +3 -0
  119. data/docs/extensions/logic_gates.svg +3 -0
  120. data/docs/extensions/materials.svg +3 -0
  121. data/docs/extensions/message_routing.svg +3 -0
  122. data/docs/extensions/message_transformation.svg +3 -0
  123. data/docs/extensions/messaging_channels.svg +3 -0
  124. data/docs/extensions/messaging_endpoints.svg +3 -0
  125. data/docs/extensions/messaging_systems.svg +3 -0
  126. data/docs/extensions/mind_map.svg +3 -0
  127. data/docs/extensions/misc.svg +3 -0
  128. data/docs/extensions/misc_floorplan.svg +3 -0
  129. data/docs/extensions/miscellaneous.svg +3 -0
  130. data/docs/extensions/mobile_services.svg +3 -0
  131. data/docs/extensions/network.svg +3 -0
  132. data/docs/extensions/networking.svg +3 -0
  133. data/docs/extensions/on_demand.svg +3 -0
  134. data/docs/extensions/piping.svg +3 -0
  135. data/docs/extensions/power_sources.svg +3 -0
  136. data/docs/extensions/processes.svg +3 -0
  137. data/docs/extensions/pumps.svg +3 -0
  138. data/docs/extensions/repeated_from_the_above.svg +3 -0
  139. data/docs/extensions/restroom.svg +3 -0
  140. data/docs/extensions/s3.svg +3 -0
  141. data/docs/extensions/sdks.svg +3 -0
  142. data/docs/extensions/security_identity.svg +3 -0
  143. data/docs/extensions/server_racks.svg +3 -0
  144. data/docs/extensions/shipments.svg +3 -0
  145. data/docs/extensions/site_map.svg +3 -0
  146. data/docs/extensions/stairs.svg +3 -0
  147. data/docs/extensions/standard.svg +3 -0
  148. data/docs/extensions/system_management.svg +3 -0
  149. data/docs/extensions/tables_chairs.svg +3 -0
  150. data/docs/extensions/technology.svg +3 -0
  151. data/docs/extensions/transistors.svg +3 -0
  152. data/docs/extensions/ui_containers.svg +3 -0
  153. data/docs/extensions/ui_input.svg +3 -0
  154. data/docs/extensions/ui_menus.svg +3 -0
  155. data/docs/extensions/ui_misc.svg +3 -0
  156. data/docs/extensions/ui_widgets.svg +3 -0
  157. data/docs/extensions/uml_class_diagram.svg +3 -0
  158. data/docs/extensions/uml_component.svg +3 -0
  159. data/docs/extensions/uml_entity_relationship.svg +3 -0
  160. data/docs/extensions/uml_sequence.svg +3 -0
  161. data/docs/extensions/uml_state_activity.svg +3 -0
  162. data/docs/extensions/uml_use_case.svg +3 -0
  163. data/docs/extensions/value_stream_mapping.svg +3 -0
  164. data/docs/extensions/valves.svg +3 -0
  165. data/docs/extensions/venn_gradient.svg +3 -0
  166. data/docs/extensions/venn_plain.svg +3 -0
  167. data/docs/extensions/vessels.svg +3 -0
  168. data/docs/extensions.md +614 -0
  169. data/docs/project_done.svg +1 -1
  170. data/docs/project_in_progress.svg +1 -1
  171. data/docs/project_todo.svg +1 -1
  172. data/docs/samples/grid-direction-horizontal.svg +1 -1
  173. data/docs/samples/grid-direction-vertical.svg +1 -1
  174. data/docs/samples/html-shapes.svg +3 -0
  175. data/docs/samples/samples.md +4 -0
  176. data/docs/samples/samples.svg +1 -1
  177. data/docs/samples/styles-glass.svg +1 -1
  178. data/docs/samples/styles-plain.svg +1 -1
  179. data/docs/samples/styles-rounded.svg +1 -1
  180. data/docs/samples/styles-shadow.svg +1 -1
  181. data/docs/samples/styles-sketch.svg +1 -1
  182. data/docs/samples/themes-random.svg +1 -1
  183. data/lib/drawio_dsl/configuration_shapes.rb +14 -8
  184. data/lib/drawio_dsl/dom_builder.rb +23 -8
  185. data/lib/drawio_dsl/dom_builder_shapes.rb +97 -82
  186. data/lib/drawio_dsl/drawio_extensions.json +14024 -0
  187. data/lib/drawio_dsl/drawio_extensions.rb +4599 -0
  188. data/lib/drawio_dsl/drawio_extensions_active.rb +32 -0
  189. data/lib/drawio_dsl/drawio_shapes.rb +114 -96
  190. data/lib/drawio_dsl/formatters/_.rb +8 -0
  191. data/lib/drawio_dsl/formatters/base_formatter.rb +24 -0
  192. data/lib/drawio_dsl/formatters/factory.rb +33 -0
  193. data/lib/drawio_dsl/formatters/html_builder.rb +84 -0
  194. data/lib/drawio_dsl/formatters/interface_formatter.rb +53 -0
  195. data/lib/drawio_dsl/formatters/klass_formatter.rb +52 -0
  196. data/lib/drawio_dsl/formatters/style_builder.rb +63 -0
  197. data/lib/drawio_dsl/layout_engine.rb +17 -7
  198. data/lib/drawio_dsl/schema/_.rb +7 -4
  199. data/lib/drawio_dsl/schema/diagram.rb +1 -1
  200. data/lib/drawio_dsl/schema/layouts/flex_layout.rb +1 -2
  201. data/lib/drawio_dsl/schema/layouts/grid_layout.rb +1 -2
  202. data/lib/drawio_dsl/schema/layouts/layout.rb +0 -3
  203. data/lib/drawio_dsl/schema/node.rb +16 -3
  204. data/lib/drawio_dsl/schema/node_list.rb +20 -1
  205. data/lib/drawio_dsl/schema/page.rb +14 -7
  206. data/lib/drawio_dsl/schema/shapes/interface.rb +9 -0
  207. data/lib/drawio_dsl/schema/shapes/klass.rb +9 -0
  208. data/lib/drawio_dsl/schema/shapes/shape.rb +25 -11
  209. data/lib/drawio_dsl/schema/shapes/todo.rb +9 -0
  210. data/lib/drawio_dsl/schema/virtual/anchor.rb +2 -0
  211. data/lib/drawio_dsl/version.rb +1 -1
  212. data/lib/drawio_dsl/xml_builder.rb +4 -9
  213. data/lib/drawio_dsl.rb +3 -0
  214. data/package-lock.json +2 -2
  215. data/package.json +1 -1
  216. metadata +174 -2
data/docs/samples/themes-random.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="1742px" height="1262px" viewBox="-0.5 -0.5 1742 1262"><defs/><g><path d="M 50 60 L 44.47 48.94 Q 40 40 50 40 L 130 40 Q 140 40 144.47 48.94 L 155.53 71.06 Q 160 80 155.53 88.94 L 144.47 111.06 Q 140 120 130 120 L 50 120 Q 40 120 44.47 111.06 L 55.53 88.94 Q 60 80 55.53 71.06 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: 118px; height: 1px; padding-top: 80px; margin-left: 41px;"><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;">style_01</div></div></div></foreignObject><text x="100" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_01</text></switch></g><path d="M 398.38 22.86 L 398.38 160 L 240 160 L 240 0 L 375.76 0 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/><path d="M 375.76 0 C 377.6 5.35 374.57 10.86 367.68 14.69 L 400 24 Z" fill="#dae8fc" stroke="#6c8ebf" 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: 80px; 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;">style_02</div></div></div></foreignObject><text x="320" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_02</text></switch></g><rect x="490" y="55" width="100" height="50" rx="7.5" ry="7.5" 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: 98px; height: 1px; padding-top: 62px; margin-left: 492px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 67px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_03</div></div></div></foreignObject><text x="492" y="129" fill="#333333" font-family="Helvetica" font-size="67px" font-weight="bold">sty...</text></switch></g><rect x="710" y="55" width="100" height="50" rx="7.5" ry="7.5" 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: 98px; height: 1px; padding-top: 62px; margin-left: 712px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 67px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_04</div></div></div></foreignObject><text x="712" y="129" fill="#333333" font-family="Helvetica" font-size="67px" font-weight="bold">sty...</text></switch></g><path d="M 922.5 125 L 905 125 C 902.24 125 900 122.76 900 120 L 900 25 C 900 22.24 902.24 20 905 20 L 1055 20 C 1057.76 20 1060 22.24 1060 25 L 1060 120 C 1060 122.76 1057.76 125 1055 125 L 937.5 125 C 934.54 132.77 925.79 138.6 915 140 C 918.89 137.15 921.68 131.57 922.5 125 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: 73px; 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: all; white-space: normal; overflow-wrap: normal;">style_05</div></div></div></foreignObject><text x="980" y="76" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_05</text></switch></g><ellipse cx="1200" cy="80" rx="100" ry="60" fill="#f8cecc" stroke="#b85450" 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: 80px; margin-left: 1101px;"><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;">style_06</div></div></div></foreignObject><text x="1200" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_06</text></switch></g><ellipse cx="1420" cy="61.25" rx="7.5" ry="6.25" fill="#e1d5e7" stroke="#9673a6" pointer-events="all"/><path d="M 1420 67.5 L 1420 88.33 M 1420 71.67 L 1405 71.67 M 1420 71.67 L 1435 71.67 M 1420 88.33 L 1405 105 M 1420 88.33 L 1435 105" fill="none" stroke="#9673a6" 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: 1406px;"><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;">style_07</div></div></div></foreignObject><text x="1420" y="134" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style...</text></switch></g><rect x="1540" y="20" width="200" height="120" rx="18" ry="18" fill="#60a917" stroke="#2d7600" 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: 80px; margin-left: 1541px;"><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;">style_08</div></div></div></foreignObject><text x="1640" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_08</text></switch></g><path d="M 180 243 L 180 230.35 Q 180 220 169.65 220 L 30.35 220 Q 20 220 20 230.35 L 20 243" fill="#008a00" stroke="#005700" stroke-miterlimit="10" pointer-events="all"/><path d="M 20 243 L 20 369.65 Q 20 380 30.35 380 L 169.65 380 Q 180 380 180 369.65 L 180 243" fill="none" stroke="#005700" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 243 L 180 243" fill="none" stroke="#005700" 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: 232px; margin-left: 21px;"><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;">style_09</div></div></div></foreignObject><text x="100" y="235" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_09</text></switch></g><path d="M 295.21 309.19 C 295.75 307.5 297.08 306.08 298.89 305.3 C 300.7 304.52 302.81 304.44 304.69 305.09 C 307.43 306.24 309.55 308.26 310.62 310.72 C 315.5 298.7 322.94 287.58 332.54 277.92 C 335.26 275.78 339.07 275 342.61 275.87 C 343.51 275.99 344.28 276.51 344.64 277.24 C 345 277.96 344.9 278.8 344.38 279.45 C 331.34 292.2 321.64 307.24 315.95 323.54 C 312.59 325 308.64 325 305.28 323.54 C 302.75 318.67 299.35 314.17 295.21 310.21 C 295 309.89 295 309.5 295.21 309.19 Z" fill="#1ba1e2" stroke="#006eaf" 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: 332px; margin-left: 296px;"><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;">style_10</div></div></div></foreignObject><text x="320" y="344" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_10</text></switch></g><path d="M 460 250 L 620 250 L 620 350 L 460 350 Z" fill="#0050ef" stroke="#001dbc" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 250 L 540 300 L 620 250" fill="none" stroke="#001dbc" 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: 300px; margin-left: 461px;"><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;">style_11</div></div></div></foreignObject><text x="540" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_11</text></switch></g><rect x="680" y="220" width="160" height="160" rx="24" ry="24" fill="#6a00ff" stroke="#3700cc" 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: 300px; margin-left: 681px;"><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;">style_12</div></div></div></foreignObject><text x="760" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_12</text></switch></g><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: 98px; height: 1px; padding-top: 282px; margin-left: 932px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_13</div></div></div></foreignObject><text x="932" y="319" fill="#ffffff" font-family="Helvetica" font-size="37px" font-weight="bold">style_...</text></switch></g><path d="M 1125 270 L 1143.6 247.68 Q 1150 240 1160 240 L 1240 240 Q 1250 240 1256.4 247.68 L 1293.6 292.32 Q 1300 300 1293.6 307.68 L 1256.4 352.32 Q 1250 360 1240 360 L 1160 360 Q 1150 360 1143.6 352.32 L 1106.4 307.68 Q 1100 300 1106.4 292.32 Z" fill="#d80073" stroke="#a50040" 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: 300px; margin-left: 1101px;"><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;">style_14</div></div></div></foreignObject><text x="1200" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_14</text></switch></g><path d="M 1500 270 L 1500 242.5 Q 1500 220 1477.5 220 L 1362.5 220 Q 1340 220 1340 242.5 L 1340 270" fill="#a20025" stroke="#6f0000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1340 270 L 1340 357.5 Q 1340 380 1362.5 380 L 1477.5 380 Q 1500 380 1500 357.5 L 1500 270" fill="none" stroke="#6f0000" stroke-miterlimit="10" pointer-events="none"/><path d="M 1340 270 L 1500 270" fill="none" 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 center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 245px; margin-left: 1341px;"><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;">style_15</div></div></div></foreignObject><text x="1420" y="249" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_15</text></switch></g><path d="M 1590.02 336.93 C 1562.66 314.06 1560 276.37 1583.91 250.67 C 1607.83 224.96 1650.17 220.01 1680.83 239.33 C 1711.48 258.64 1720 295.64 1700.32 324.02 C 1680.64 352.39 1639.48 362.46 1606.1 347.06 C 1598.59 366.13 1586.49 378.25 1573.2 380 C 1581.56 369.51 1587.51 354.26 1590.02 336.93 Z" fill="#e51400" stroke="#b20000" stroke-miterlimit="15" 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: 300px; margin-left: 1561px;"><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;">style_16</div></div></div></foreignObject><text x="1640" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_16</text></switch></g><ellipse cx="100" cy="520" rx="100" ry="60" fill="#fa6800" stroke="#c73500" 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: 520px; 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;">style_17</div></div></div></foreignObject><text x="100" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_17</text></switch></g><path d="M 263 440 L 250.35 440 Q 240 440 240 450.35 L 240 589.65 Q 240 600 250.35 600 L 263 600" fill="#f0a30a" stroke="#bd7000" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 600 L 389.65 600 Q 400 600 400 589.65 L 400 450.35 Q 400 440 389.65 440 L 263 440" fill="none" stroke="#bd7000" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 440 L 263 600" fill="none" stroke="#bd7000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 251.5 520)"><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: 173px;"><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;">style_18</div></div></div></foreignObject><text x="252" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_18</text></switch></g><path d="M 483 440 L 470.35 440 Q 460 440 460 450.35 L 460 589.65 Q 460 600 470.35 600 L 483 600" fill="#e3c800" stroke="#b09500" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 600 L 609.65 600 Q 620 600 620 589.65 L 620 450.35 Q 620 440 609.65 440 L 483 440" fill="none" stroke="#b09500" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 440 L 483 600" fill="none" stroke="#b09500" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 471.5 520)"><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: 393px;"><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;">style_19</div></div></div></foreignObject><text x="472" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_19</text></switch></g><path d="M 735 495 L 749.58 495 L 760 509.8 L 770.42 495 L 785 495 L 767.29 520 L 785 545 L 770.42 545 L 760 530.2 L 749.58 545 L 735 545 L 751.67 520 Z" fill="#6d8764" 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 flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 552px; 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: none; white-space: normal; overflow-wrap: normal;">style_20</div></div></div></foreignObject><text x="760" y="564" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_20</text></switch></g><path d="M 923 440 L 910.35 440 Q 900 440 900 450.35 L 900 589.65 Q 900 600 910.35 600 L 923 600" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 923 600 L 1049.65 600 Q 1060 600 1060 589.65 L 1060 450.35 Q 1060 440 1049.65 440 L 923 440" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 923 440 L 923 600" fill="none" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 911.5 520)"><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: 833px;"><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;">style_21</div></div></div></foreignObject><text x="912" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_21</text></switch></g><ellipse cx="1200" cy="520" rx="100" ry="60" fill="#76608a" stroke="#432d57" 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: 520px; margin-left: 1101px;"><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;">style_22</div></div></div></foreignObject><text x="1200" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_22</text></switch></g><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: 98px; height: 1px; padding-top: 502px; margin-left: 1372px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_23</div></div></div></foreignObject><text x="1372" y="552" fill="#ffffff" font-family="Helvetica" font-size="50px" font-weight="bold">styl...</text></switch></g><path d="M 1547.96 460 C 1543.57 460 1540 462.6 1540 465.8 C 1540 467.55 1541.1 469.21 1542.97 470.32 C 1541.09 471.41 1540 473.08 1540 474.83 C 1540 476.59 1541.1 478.25 1542.97 479.35 C 1541.09 480.45 1540 482.11 1540 483.86 C 1540 485.62 1541.1 487.28 1542.97 488.38 C 1541.09 489.48 1540 491.14 1540 492.9 C 1540 494.65 1541.1 496.32 1542.97 497.42 C 1541.09 498.51 1540 500.18 1540 501.93 C 1540 503.69 1541.1 505.35 1542.97 506.45 C 1541.09 507.55 1540 509.21 1540 510.97 C 1540 512.72 1541.1 514.38 1542.97 515.48 C 1541.09 516.58 1540 518.24 1540 520 C 1540 521.76 1541.1 523.42 1542.97 524.51 C 1541.09 525.61 1540 527.28 1540 529.03 C 1540 530.79 1541.1 532.45 1542.97 533.55 C 1541.09 534.65 1540 536.31 1540 538.07 C 1540 539.82 1541.1 541.48 1542.97 542.58 C 1541.09 543.68 1540 545.34 1540 547.1 C 1540 548.86 1541.1 550.52 1542.97 551.61 C 1541.09 552.72 1540 554.38 1540 556.13 C 1540 557.89 1541.1 559.55 1542.97 560.65 C 1541.09 561.74 1540 563.41 1540 565.17 C 1540 566.92 1541.1 568.58 1542.97 569.68 C 1541.09 570.78 1540 572.45 1540 574.2 C 1540 577.4 1543.57 580 1547.96 580 C 1550.62 580 1553.12 579.03 1554.59 577.41 C 1556.06 579.03 1558.55 580 1561.22 580 C 1563.84 580 1566.3 579.05 1567.79 577.48 C 1569.27 579.05 1571.72 580 1574.35 580 C 1576.97 580 1579.43 579.05 1580.91 577.48 C 1582.39 579.05 1584.85 580 1587.47 580 C 1590.1 580 1592.55 579.05 1594.04 577.48 C 1595.52 579.05 1597.97 580 1600.6 580 C 1603.23 580 1605.68 579.05 1607.17 577.48 C 1608.65 579.05 1611.1 580 1613.73 580 C 1616.35 580 1618.81 579.05 1620.3 577.48 C 1621.78 579.05 1624.23 580 1626.85 580 C 1629.48 580 1631.94 579.05 1633.42 577.48 C 1634.91 579.05 1637.36 580 1639.98 580 C 1642.61 580 1645.06 579.05 1646.55 577.48 C 1648.04 579.05 1650.48 580 1653.11 580 C 1655.73 580 1658.2 579.05 1659.68 577.48 C 1661.16 579.05 1663.61 580 1666.24 580 C 1668.86 580 1671.33 579.05 1672.8 577.48 C 1674.29 579.05 1676.75 580 1679.36 580 C 1682 580 1684.45 579.05 1685.93 577.48 C 1687.42 579.05 1689.87 580 1692.5 580 C 1695.12 580 1697.58 579.05 1699.06 577.48 C 1700.54 579.05 1703 580 1705.62 580 C 1708.25 580 1710.71 579.05 1712.18 577.48 C 1713.67 579.05 1716.13 580 1718.75 580 C 1721.42 580 1723.92 579.01 1725.4 577.39 C 1726.86 579.02 1729.36 580 1732.04 580 C 1736.43 580 1740 577.4 1740 574.2 C 1740 572.45 1738.91 570.79 1737.03 569.68 C 1738.91 568.59 1740 566.92 1740 565.17 C 1740 563.41 1738.91 561.75 1737.03 560.65 C 1738.91 559.55 1740 557.89 1740 556.13 C 1740 554.38 1738.91 552.72 1737.03 551.62 C 1738.91 550.52 1740 548.86 1740 547.1 C 1740 545.35 1738.91 543.69 1737.03 542.58 C 1738.91 541.49 1740 539.82 1740 538.07 C 1740 536.31 1738.91 534.65 1737.03 533.55 C 1738.91 532.45 1740 530.79 1740 529.03 C 1740 527.28 1738.91 525.62 1737.03 524.52 C 1738.91 523.42 1740 521.76 1740 520 C 1740 518.25 1738.91 516.58 1737.03 515.49 C 1738.91 514.38 1740 512.72 1740 510.97 C 1740 509.21 1738.91 507.55 1737.03 506.45 C 1738.91 505.35 1740 503.69 1740 501.93 C 1740 500.18 1738.91 498.52 1737.03 497.42 C 1738.91 496.32 1740 494.66 1740 492.9 C 1740 491.14 1738.91 489.48 1737.03 488.39 C 1738.91 487.28 1740 485.62 1740 483.86 C 1740 482.11 1738.91 480.45 1737.03 479.35 C 1738.91 478.25 1740 476.59 1740 474.83 C 1740 473.08 1738.91 471.42 1737.03 470.32 C 1738.91 469.22 1740 467.55 1740 465.8 C 1740 462.6 1736.43 460 1732.04 460 C 1729.37 460 1726.86 460.99 1725.4 462.61 C 1723.93 460.98 1721.42 460 1718.75 460 C 1716.12 460 1713.66 460.95 1712.18 462.52 C 1710.7 460.95 1708.24 460 1705.62 460 C 1702.99 460 1700.53 460.95 1699.05 462.52 C 1697.57 460.95 1695.11 460 1692.5 460 C 1689.86 460 1687.41 460.95 1685.92 462.52 C 1684.44 460.95 1681.99 460 1679.36 460 C 1676.74 460 1674.28 460.95 1672.79 462.52 C 1671.32 460.95 1668.86 460 1666.24 460 C 1663.61 460 1661.15 460.95 1659.67 462.52 C 1658.19 460.95 1655.73 460 1653.11 460 C 1650.48 460 1648.03 460.95 1646.54 462.52 C 1645.06 460.95 1642.61 460 1639.98 460 C 1637.36 460 1634.9 460.95 1633.41 462.52 C 1631.94 460.95 1629.48 460 1626.85 460 C 1624.23 460 1621.77 460.95 1620.29 462.52 C 1618.81 460.95 1616.35 460 1613.73 460 C 1611.1 460 1608.65 460.95 1607.16 462.52 C 1605.67 460.95 1603.23 460 1600.6 460 C 1597.97 460 1595.52 460.95 1594.03 462.52 C 1592.55 460.95 1590.1 460 1587.47 460 C 1584.85 460 1582.39 460.95 1580.91 462.52 C 1579.42 460.95 1576.97 460 1574.35 460 C 1571.72 460 1569.26 460.95 1567.78 462.52 C 1566.29 460.95 1563.84 460 1561.22 460 C 1558.55 460 1556.06 460.97 1554.59 462.59 C 1553.12 460.97 1550.62 460 1547.96 460 Z" fill="#fad7ac" 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: 198px; height: 1px; padding-top: 520px; margin-left: 1541px;"><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;">style_24</div></div></div></foreignObject><text x="1640" y="524" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_24</text></switch></g><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: 98px; height: 1px; padding-top: 722px; margin-left: 52px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_25</div></div></div></foreignObject><text x="52" y="759" fill="#333333" font-family="Helvetica" font-size="37px" font-weight="bold">style_...</text></switch></g><ellipse cx="320" cy="740" rx="100" ry="60" fill="#b0e3e6" stroke="#0e8088" 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: 740px; 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;">style_26</div></div></div></foreignObject><text x="320" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_26</text></switch></g><rect x="440" y="680" width="200" height="120" rx="18" ry="18" fill="#b1ddf0" stroke="#10739e" 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: 740px; 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: none; white-space: normal; overflow-wrap: normal;">style_27</div></div></div></foreignObject><text x="540" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_27</text></switch></g><path d="M 710.02 776.93 C 682.66 754.06 680 716.37 703.91 690.67 C 727.83 664.96 770.17 660.01 800.83 679.33 C 831.48 698.64 840 735.64 820.32 764.02 C 800.64 792.39 759.48 802.46 726.1 787.06 C 718.59 806.13 706.49 818.25 693.2 820 C 701.56 809.51 707.51 794.26 710.02 776.93 Z" fill="#d0cee2" stroke="#56517e" stroke-miterlimit="15" 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: #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;">style_28</div></div></div></foreignObject><text x="760" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_28</text></switch></g><path d="M 930.02 776.93 C 902.66 754.06 900 716.37 923.91 690.67 C 947.83 664.96 990.17 660.01 1020.83 679.33 C 1051.48 698.64 1060 735.64 1040.32 764.02 C 1020.64 792.39 979.48 802.46 946.1 787.06 C 938.59 806.13 926.49 818.25 913.2 820 C 921.56 809.51 927.51 794.26 930.02 776.93 Z" fill="#bac8d3" stroke="#23445d" stroke-miterlimit="15" 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: #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;">style_29</div></div></div></foreignObject><text x="980" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_29</text></switch></g><rect x="1100" y="680" width="200" height="120" rx="18" ry="18" fill="#f5f5f5" stroke="#666666" 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: 740px; margin-left: 1101px;"><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;">style_30</div></div></div></foreignObject><text x="1200" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_30</text></switch></g><path d="M 1500 683 L 1500 670.35 Q 1500 660 1489.65 660 L 1350.35 660 Q 1340 660 1340 670.35 L 1340 683" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><path d="M 1340 683 L 1340 809.65 Q 1340 820 1350.35 820 L 1489.65 820 Q 1500 820 1500 809.65 L 1500 683" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="none"/><path d="M 1340 683 L 1500 683" fill="none" stroke="#6c8ebf" 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: 1341px;"><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;">style_31</div></div></div></foreignObject><text x="1420" y="675" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_31</text></switch></g><path d="M 1720 683 L 1720 670.35 Q 1720 660 1709.65 660 L 1570.35 660 Q 1560 660 1560 670.35 L 1560 683" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><path d="M 1560 683 L 1560 809.65 Q 1560 820 1570.35 820 L 1709.65 820 Q 1720 820 1720 809.65 L 1720 683" fill="none" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><path d="M 1560 683 L 1720 683" fill="none" stroke="#82b366" 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: 1561px;"><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;">style_32</div></div></div></foreignObject><text x="1640" y="675" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_32</text></switch></g><path d="M 180 903 L 180 890.35 Q 180 880 169.65 880 L 30.35 880 Q 20 880 20 890.35 L 20 903" fill="#ffcd28" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 903 L 20 1029.65 Q 20 1040 30.35 1040 L 169.65 1040 Q 180 1040 180 1029.65 L 180 903" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 903 L 180 903" fill="none" 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: 158px; height: 1px; padding-top: 892px; 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: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_33</div></div></div></foreignObject><text x="100" y="895" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_33</text></switch></g><rect x="295" y="940" width="50" height="40" fill="#fff2cc" stroke="none" pointer-events="none"/><path d="M 295 940 M 345 940 M 345 980 M 295 980" fill="none" stroke="#d6b656" 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: 960px; margin-left: 296px;"><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;">style_34</div></div></div></foreignObject><text x="320" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_34</text></switch></g><path d="M 490 960 L 490 920 Q 490 910 498.94 914.47 L 581.06 955.53 Q 590 960 581.06 964.47 L 498.94 1005.53 Q 490 1010 490 1000 Z" fill="#f8cecc" stroke="#b85450" 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: 960px; margin-left: 491px;"><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;">style_35</div></div></div></foreignObject><text x="540" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_35</text></switch></g><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: 98px; height: 1px; padding-top: 942px; margin-left: 712px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 89px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_36</div></div></div></foreignObject><text x="712" y="1031" fill="#000000" font-family="Helvetica" font-size="89px" font-weight="bold">sty...</text></switch></g><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: 98px; height: 1px; padding-top: 942px; margin-left: 932px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_37</div></div></div></foreignObject><text x="932" y="970" fill="#000000" font-family="Helvetica" font-size="28px" font-weight="bold">style_37</text></switch></g><path d="M 1160 920 C 1128 920 1120 960 1145.6 968 C 1120 985.6 1148.8 1024 1169.6 1008 C 1184 1040 1232 1040 1248 1008 C 1280 1008 1280 976 1260 960 C 1280 928 1248 896 1220 912 C 1200 888 1168 888 1160 920 Z" fill="#f9f7ed" 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: 158px; height: 1px; padding-top: 960px; margin-left: 1121px;"><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;">style_38</div></div></div></foreignObject><text x="1200" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_38</text></switch></g><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: 98px; height: 1px; padding-top: 942px; margin-left: 1372px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_39</div></div></div></foreignObject><text x="1372" y="979" fill="#000000" font-family="Helvetica" font-size="37px" font-weight="bold">style_...</text></switch></g><path d="M 1720 930 L 1720 902.5 Q 1720 880 1697.5 880 L 1582.5 880 Q 1560 880 1560 902.5 L 1560 930" fill="#cce5ff" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 1560 930 L 1560 1017.5 Q 1560 1040 1582.5 1040 L 1697.5 1040 Q 1720 1040 1720 1017.5 L 1720 930" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 1560 930 L 1720 930" fill="none" 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: 158px; height: 1px; padding-top: 905px; margin-left: 1561px;"><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;">style_40</div></div></div></foreignObject><text x="1640" y="909" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_40</text></switch></g><rect x="75" y="1160" width="50" height="40" fill="#ffff88" stroke="none" pointer-events="none"/><path d="M 75 1160 M 125 1160 M 125 1200 M 75 1200" fill="none" stroke="#36393d" 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: 76px;"><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;">style_41</div></div></div></foreignObject><text x="100" y="1184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_41</text></switch></g><path d="M 263 1100 L 250.35 1100 Q 240 1100 240 1110.35 L 240 1249.65 Q 240 1260 250.35 1260 L 263 1260" fill="#cdeb8b" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 1260 L 389.65 1260 Q 400 1260 400 1249.65 L 400 1110.35 Q 400 1100 389.65 1100 L 263 1100" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 1100 L 263 1260" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 251.5 1180)"><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: 1180px; margin-left: 173px;"><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;">style_42</div></div></div></foreignObject><text x="252" y="1184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_42</text></switch></g><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: 98px; height: 1px; padding-top: 1162px; margin-left: 492px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_43</div></div></div></foreignObject><text x="492" y="1178" fill="#000000" font-family="Helvetica" font-size="16px" font-weight="bold">style_43</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="1742px" height="1262px" viewBox="-0.5 -0.5 1742 1262"><defs/><g><rect x="20" y="0" width="160" height="160" rx="24" ry="24" fill="#f5f5f5" stroke="#666666" 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: 21px;"><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;">style_01</div></div></div></foreignObject><text x="100" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_01</text></switch></g><rect x="240" y="0" width="160" height="160" rx="24" ry="24" fill="#dae8fc" stroke="#6c8ebf" 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: 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;">style_02</div></div></div></foreignObject><text x="320" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_02</text></switch></g><rect x="440" y="20" width="200" height="120" rx="18" ry="18" 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: 198px; height: 1px; padding-top: 80px; 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: all; white-space: normal; overflow-wrap: normal;">style_03</div></div></div></foreignObject><text x="540" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_03</text></switch></g><path d="M 735.21 89.19 C 735.75 87.5 737.08 86.08 738.89 85.3 C 740.7 84.52 742.81 84.44 744.69 85.09 C 747.43 86.24 749.55 88.26 750.62 90.72 C 755.5 78.7 762.94 67.58 772.54 57.92 C 775.26 55.78 779.07 55 782.61 55.87 C 783.51 55.99 784.28 56.51 784.64 57.24 C 785 57.96 784.9 58.8 784.38 59.45 C 771.34 72.2 761.64 87.24 755.95 103.54 C 752.59 105 748.64 105 745.28 103.54 C 742.75 98.67 739.35 94.17 735.21 90.21 C 735 89.89 735 89.5 735.21 89.19 Z" fill="#ffe6cc" stroke="#d79b00" 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: 112px; margin-left: 736px;"><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;">style_04</div></div></div></foreignObject><text x="760" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_04</text></switch></g><rect x="930" y="55" width="100" height="50" rx="7.5" ry="7.5" 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: 98px; height: 1px; padding-top: 62px; margin-left: 932px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_05</div></div></div></foreignObject><text x="932" y="99" fill="#ffffff" font-family="Helvetica" font-size="37px" font-weight="bold">style_...</text></switch></g><rect x="1150" y="55" width="100" height="50" rx="7.5" ry="7.5" 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: 98px; height: 1px; padding-top: 62px; margin-left: 1152px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_06</div></div></div></foreignObject><text x="1152" y="112" fill="#ffffff" font-family="Helvetica" font-size="50px" font-weight="bold">styl...</text></switch></g><path d="M 1380 40 C 1348 40 1340 80 1365.6 88 C 1340 105.6 1368.8 144 1389.6 128 C 1404 160 1452 160 1468 128 C 1500 128 1500 96 1480 80 C 1500 48 1468 16 1440 32 C 1420 8 1388 8 1380 40 Z" fill="#e1d5e7" stroke="#9673a6" 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: 80px; margin-left: 1341px;"><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;">style_07</div></div></div></foreignObject><text x="1420" y="84" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_07</text></switch></g><path d="M 1720 23 L 1720 10.35 Q 1720 0 1709.65 0 L 1570.35 0 Q 1560 0 1560 10.35 L 1560 23" fill="#60a917" stroke="#2d7600" stroke-miterlimit="10" pointer-events="all"/><path d="M 1560 23 L 1560 149.65 Q 1560 160 1570.35 160 L 1709.65 160 Q 1720 160 1720 149.65 L 1720 23" fill="none" stroke="#2d7600" stroke-miterlimit="10" pointer-events="none"/><path d="M 1560 23 L 1720 23" fill="none" stroke="#2d7600" 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: 12px; margin-left: 1561px;"><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;">style_08</div></div></div></foreignObject><text x="1640" y="15" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_08</text></switch></g><rect x="0" y="280" width="200" height="40" fill="#008a00" stroke="none" pointer-events="none"/><path d="M 0 280 M 200 280 M 200 320 L 0 320" fill="none" stroke="#005700" 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: 300px; margin-left: 1px;"><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;">style_09</div></div></div></foreignObject><text x="100" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_09</text></switch></g><rect x="240" y="220" width="160" height="160" rx="24" ry="24" fill="#1ba1e2" stroke="#006eaf" 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: 162px; height: 160px; padding-top: 220px; margin-left: 240px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; 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; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;">style_10</div></div></div></foreignObject><text x="240" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px">style_10</text></switch></g><ellipse cx="540" cy="300" rx="50" ry="50" fill="#0050ef" stroke="#001dbc" pointer-events="none"/><path d="M 501.22 305.1 C 501.22 320.32 518.58 332.65 540 332.65 C 561.42 332.65 578.78 320.32 578.78 305.1" fill="none" stroke="#001dbc" stroke-width="2.04" stroke-miterlimit="10" pointer-events="none"/><rect x="490" y="250" width="0" height="0" fill="none" stroke="#001dbc" pointer-events="none"/><path d="M 506.33 302.04 L 496.12 308.16" fill="#0050ef" stroke="#001dbc" stroke-miterlimit="10" pointer-events="none"/><path d="M 573.67 302.04 L 583.88 308.16" fill="#0050ef" stroke="#001dbc" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="517.55" cy="285.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#0050ef" stroke="#001dbc" stroke-width="6.12" pointer-events="none"/><ellipse cx="562.45" cy="285.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#0050ef" stroke="#001dbc" 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: 357px; margin-left: 491px;"><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;">style_11</div></div></div></foreignObject><text x="540" y="369" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_11</text></switch></g><path d="M 840 243 L 840 230.35 Q 840 220 829.65 220 L 690.35 220 Q 680 220 680 230.35 L 680 243" fill="#6a00ff" stroke="#3700cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 243 L 680 369.65 Q 680 380 690.35 380 L 829.65 380 Q 840 380 840 369.65 L 840 243" fill="none" stroke="#3700cc" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 243 L 840 243" fill="none" stroke="#3700cc" 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: 232px; margin-left: 681px;"><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;">style_12</div></div></div></foreignObject><text x="760" y="235" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_12</text></switch></g><ellipse cx="980" cy="281.25" rx="7.5" ry="6.25" fill="#aa00ff" stroke="#7700cc" pointer-events="none"/><path d="M 980 287.5 L 980 308.33 M 980 291.67 L 965 291.67 M 980 291.67 L 995 291.67 M 980 308.33 L 965 325 M 980 308.33 L 995 325" fill="none" stroke="#7700cc" 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: 28px; height: 1px; padding-top: 350px; margin-left: 966px;"><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;">style_13</div></div></div></foreignObject><text x="980" y="354" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style...</text></switch></g><path d="M 1141.41 302.87 C 1135.53 306.08 1128.91 303.21 1125.15 295.81 C 1121.39 288.4 1121.39 278.24 1125.15 270.84 C 1128.91 263.44 1135.53 260.56 1141.41 263.78 C 1141.37 250.74 1146.82 239.03 1155.09 234.39 C 1163.36 229.75 1172.72 233.15 1178.58 242.93 C 1182.34 229.08 1191.45 219.99 1201.58 219.99 C 1211.72 219.99 1220.83 229.08 1224.59 242.93 C 1230.6 234.95 1239.18 232.7 1246.7 237.12 C 1254.21 241.55 1259.37 251.89 1259.98 263.78 C 1265.87 260.56 1272.49 263.44 1276.25 270.84 C 1280.01 278.24 1280.01 288.4 1276.25 295.81 C 1272.49 303.21 1265.87 306.08 1259.98 302.87 C 1259.34 315.43 1253.64 326.2 1245.52 330.19 C 1237.4 334.17 1228.45 330.59 1222.82 321.11 C 1218.34 332.08 1210.28 338.8 1201.58 338.8 C 1192.89 338.8 1184.83 332.08 1180.35 321.11 C 1176.07 333.77 1163.89 339.96 1153.14 334.92 C 1142.39 329.88 1137.14 315.53 1141.41 302.87 Z" fill="#d80073" stroke="#a50040" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="none"/><rect x="1120" y="220" width="0" height="0" fill="none" stroke="#a50040" pointer-events="none"/><ellipse cx="1146.72" cy="347.17" rx="10.618294436456145" ry="7.0358306188925095" fill="#d80073" stroke="#a50040" pointer-events="none"/><ellipse cx="1134.33" cy="364.1" rx="6.724919809755558" ry="4.690553745928339" fill="#d80073" stroke="#a50040" pointer-events="none"/><ellipse cx="1124.25" cy="376.61" rx="4.2473177745824575" ry="3.387622149837134" fill="#d80073" stroke="#a50040" 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: 300px; margin-left: 1121px;"><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;">style_14</div></div></div></foreignObject><text x="1200" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_14</text></switch></g><path d="M 1395 275 L 1409.58 275 L 1420 289.8 L 1430.42 275 L 1445 275 L 1427.29 300 L 1445 325 L 1430.42 325 L 1420 310.2 L 1409.58 325 L 1395 325 L 1411.67 300 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: 332px; margin-left: 1396px;"><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;">style_15</div></div></div></foreignObject><text x="1420" y="344" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_15</text></switch></g><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: 98px; height: 1px; padding-top: 282px; margin-left: 1592px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_16</div></div></div></foreignObject><text x="1592" y="303" fill="#ffffff" font-family="Helvetica" font-size="21px" font-weight="bold">style_16</text></switch></g><path d="M 60 480 C 28 480 20 520 45.6 528 C 20 545.6 48.8 584 69.6 568 C 84 600 132 600 148 568 C 180 568 180 536 160 520 C 180 488 148 456 120 472 C 100 448 68 448 60 480 Z" fill="#fa6800" stroke="#c73500" 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: 520px; 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: none; white-space: normal; overflow-wrap: normal;">style_17</div></div></div></foreignObject><text x="100" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_17</text></switch></g><path d="M 263 440 L 250.35 440 Q 240 440 240 450.35 L 240 589.65 Q 240 600 250.35 600 L 263 600" fill="#f0a30a" stroke="#bd7000" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 600 L 389.65 600 Q 400 600 400 589.65 L 400 450.35 Q 400 440 389.65 440 L 263 440" fill="none" stroke="#bd7000" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 440 L 263 600" fill="none" stroke="#bd7000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 251.5 520)"><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: 173px;"><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;">style_18</div></div></div></foreignObject><text x="252" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_18</text></switch></g><path d="M 618.38 462.86 L 618.38 600 L 460 600 L 460 440 L 595.76 440 Z" fill="#e3c800" stroke="#b09500" stroke-miterlimit="10" pointer-events="none"/><path d="M 595.76 440 C 597.6 445.35 594.57 450.86 587.68 454.69 L 620 464 Z" fill="#e3c800" stroke="#b09500" 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: 520px; 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: none; white-space: normal; overflow-wrap: normal;">style_19</div></div></div></foreignObject><text x="540" y="524" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_19</text></switch></g><path d="M 720 480 C 688 480 680 520 705.6 528 C 680 545.6 708.8 584 729.6 568 C 744 600 792 600 808 568 C 840 568 840 536 820 520 C 840 488 808 456 780 472 C 760 448 728 448 720 480 Z" fill="#6d8764" 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: 520px; margin-left: 681px;"><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;">style_20</div></div></div></foreignObject><text x="760" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_20</text></switch></g><path d="M 1058.38 462.86 L 1058.38 600 L 900 600 L 900 440 L 1035.76 440 Z" fill="#647687" stroke="#314354" stroke-miterlimit="10" pointer-events="none"/><path d="M 1035.76 440 C 1037.6 445.35 1034.57 450.86 1027.68 454.69 L 1060 464 Z" fill="#647687" stroke="#314354" 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: 520px; 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; white-space: normal; overflow-wrap: normal;">style_21</div></div></div></foreignObject><text x="980" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_21</text></switch></g><rect x="1125" y="500" width="150" height="40" fill="#76608a" stroke="none" pointer-events="none"/><path d="M 1125 500 M 1275 500 M 1275 540 M 1125 540" fill="none" stroke="#432d57" 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: 520px; margin-left: 1133px;"><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;">style_22</div></div></div></foreignObject><text x="1133" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px">style_22</text></switch></g><path d="M 1340 470 L 1500 470 L 1500 570 L 1340 570 Z" fill="#a0522d" stroke="#6d1f00" stroke-miterlimit="10" pointer-events="none"/><path d="M 1340 470 L 1420 520 L 1500 470" fill="none" stroke="#6d1f00" 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: 520px; margin-left: 1341px;"><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;">style_23</div></div></div></foreignObject><text x="1420" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">style_23</text></switch></g><path d="M 1560 470 L 1720 470 L 1720 570 L 1560 570 Z" fill="#fad7ac" stroke="#b46504" stroke-miterlimit="10" pointer-events="none"/><path d="M 1560 470 L 1640 520 L 1720 470" 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: 520px; margin-left: 1561px;"><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;">style_24</div></div></div></foreignObject><text x="1640" y="524" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_24</text></switch></g><path d="M 25 710 L 43.6 687.68 Q 50 680 60 680 L 140 680 Q 150 680 156.4 687.68 L 193.6 732.32 Q 200 740 193.6 747.68 L 156.4 792.32 Q 150 800 140 800 L 60 800 Q 50 800 43.6 792.32 L 6.4 747.68 Q 0 740 6.4 732.32 Z" fill="#fad9d5" stroke="#ae4132" 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: 740px; 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: none; white-space: normal; overflow-wrap: normal;">style_25</div></div></div></foreignObject><text x="100" y="744" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">style_25</text></switch></g><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: 98px; height: 1px; padding-top: 722px; margin-left: 272px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_26</div></div></div></foreignObject><text x="272" y="750" fill="#ffffff" font-family="Helvetica" font-size="28px" font-weight="bold">style_26</text></switch></g><rect x="440" y="680" width="200" height="120" rx="18" ry="18" fill="#b1ddf0" stroke="#10739e" pointer-events="none"/><path d="M 460 680 L 460 800 M 620 680 L 620 800" fill="none" stroke="#10739e" 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: 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: none; white-space: normal; overflow-wrap: normal;">style_27</div></div></div></foreignObject><text x="540" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_27</text></switch></g><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: 98px; height: 1px; padding-top: 722px; margin-left: 712px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_28</div></div></div></foreignObject><text x="712" y="738" fill="#ffffff" font-family="Helvetica" font-size="16px" font-weight="bold">style_28</text></switch></g><path d="M 955.21 749.19 C 955.75 747.5 957.08 746.08 958.89 745.3 C 960.7 744.52 962.81 744.44 964.69 745.09 C 967.43 746.24 969.55 748.26 970.62 750.72 C 975.5 738.7 982.94 727.58 992.54 717.92 C 995.26 715.78 999.07 715 1002.61 715.87 C 1003.51 715.99 1004.28 716.51 1004.64 717.24 C 1005 717.96 1004.9 718.8 1004.38 719.45 C 991.34 732.2 981.64 747.24 975.95 763.54 C 972.59 765 968.64 765 965.28 763.54 C 962.75 758.67 959.35 754.17 955.21 750.21 C 955 749.89 955 749.5 955.21 749.19 Z" fill="#bac8d3" stroke="#23445d" 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: 772px; margin-left: 956px;"><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;">style_29</div></div></div></foreignObject><text x="980" y="784" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_29</text></switch></g><path d="M 1125 710 L 1143.6 687.68 Q 1150 680 1160 680 L 1240 680 Q 1250 680 1256.4 687.68 L 1293.6 732.32 Q 1300 740 1293.6 747.68 L 1256.4 792.32 Q 1250 800 1240 800 L 1160 800 Q 1150 800 1143.6 792.32 L 1106.4 747.68 Q 1100 740 1106.4 732.32 Z" fill="#f5f5f5" stroke="#666666" 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: 740px; margin-left: 1101px;"><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;">style_30</div></div></div></foreignObject><text x="1200" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_30</text></switch></g><path d="M 1345 710 L 1363.6 687.68 Q 1370 680 1380 680 L 1460 680 Q 1470 680 1476.4 687.68 L 1513.6 732.32 Q 1520 740 1513.6 747.68 L 1476.4 792.32 Q 1470 800 1460 800 L 1380 800 Q 1370 800 1363.6 792.32 L 1326.4 747.68 Q 1320 740 1326.4 732.32 Z" fill="#dae8fc" stroke="#6c8ebf" 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: 740px; margin-left: 1321px;"><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;">style_31</div></div></div></foreignObject><text x="1420" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_31</text></switch></g><path d="M 1590.02 776.93 C 1562.66 754.06 1560 716.37 1583.91 690.67 C 1607.83 664.96 1650.17 660.01 1680.83 679.33 C 1711.48 698.64 1720 735.64 1700.32 764.02 C 1680.64 792.39 1639.48 802.46 1606.1 787.06 C 1598.59 806.13 1586.49 818.25 1573.2 820 C 1581.56 809.51 1587.51 794.26 1590.02 776.93 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="15" 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: 1561px;"><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;">style_32</div></div></div></foreignObject><text x="1640" y="744" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_32</text></switch></g><ellipse cx="100" cy="960" rx="80" ry="80" fill="#ffcd28" stroke="#d79b00" 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: 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: none; white-space: normal; overflow-wrap: normal;">style_33</div></div></div></foreignObject><text x="100" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_33</text></switch></g><path d="M 245 930 L 263.6 907.68 Q 270 900 280 900 L 360 900 Q 370 900 376.4 907.68 L 413.6 952.32 Q 420 960 413.6 967.68 L 376.4 1012.32 Q 370 1020 360 1020 L 280 1020 Q 270 1020 263.6 1012.32 L 226.4 967.68 Q 220 960 226.4 952.32 Z" fill="#fff2cc" stroke="#d6b656" 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;">style_34</div></div></div></foreignObject><text x="320" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_34</text></switch></g><path d="M 460 945 L 460 910 Q 460 900 470 900 L 610 900 Q 620 900 620 910 L 620 980 Q 620 990 610 990 L 570 990 Q 560 990 554.45 998.32 L 540 1020 L 540 1000 Q 540 990 530 990 L 470 990 Q 460 990 460 980 Z" fill="#f8cecc" stroke="#b85450" 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: 945px; 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: none; white-space: normal; overflow-wrap: normal;">style_35</div></div></div></foreignObject><text x="540" y="949" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_35</text></switch></g><path d="M 840 903 L 840 890.35 Q 840 880 829.65 880 L 690.35 880 Q 680 880 680 890.35 L 680 903" fill="#e6d0de" stroke="#996185" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 903 L 680 1029.65 Q 680 1040 690.35 1040 L 829.65 1040 Q 840 1040 840 1029.65 L 840 903" fill="none" stroke="#996185" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 903 L 840 903" fill="none" stroke="#996185" 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: 892px; 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: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">style_36</div></div></div></foreignObject><text x="760" y="895" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_36</text></switch></g><path d="M 922.5 1005 L 905 1005 C 902.24 1005 900 1002.76 900 1000 L 900 905 C 900 902.24 902.24 900 905 900 L 1055 900 C 1057.76 900 1060 902.24 1060 905 L 1060 1000 C 1060 1002.76 1057.76 1005 1055 1005 L 937.5 1005 C 934.54 1012.77 925.79 1018.6 915 1020 C 918.89 1017.15 921.68 1011.57 922.5 1005 Z" fill="#eeeeee" 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: 158px; height: 1px; padding-top: 953px; 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: none; white-space: normal; overflow-wrap: normal;">style_37</div></div></div></foreignObject><text x="980" y="956" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_37</text></switch></g><path d="M 1125 930 L 1143.6 907.68 Q 1150 900 1160 900 L 1240 900 Q 1250 900 1256.4 907.68 L 1293.6 952.32 Q 1300 960 1293.6 967.68 L 1256.4 1012.32 Q 1250 1020 1240 1020 L 1160 1020 Q 1150 1020 1143.6 1012.32 L 1106.4 967.68 Q 1100 960 1106.4 952.32 Z" fill="#f9f7ed" 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: 1101px;"><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;">style_38</div></div></div></foreignObject><text x="1200" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_38</text></switch></g><path d="M 1500 903 L 1500 890.35 Q 1500 880 1489.65 880 L 1350.35 880 Q 1340 880 1340 890.35 L 1340 903" fill="#ffcc99" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 1340 903 L 1340 1029.65 Q 1340 1040 1350.35 1040 L 1489.65 1040 Q 1500 1040 1500 1029.65 L 1500 903" fill="none" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 1340 903 L 1500 903" fill="none" 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: 158px; height: 1px; padding-top: 892px; margin-left: 1341px;"><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;">style_39</div></div></div></foreignObject><text x="1420" y="895" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">style_39</text></switch></g><rect x="1540" y="940" width="200" height="40" fill="#cce5ff" stroke="none" pointer-events="none"/><path d="M 1540 940 M 1740 940 M 1740 980 L 1540 980" fill="none" stroke="#36393d" 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: 960px; margin-left: 1541px;"><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;">style_40</div></div></div></foreignObject><text x="1640" y="964" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_40</text></switch></g><path d="M 7.96 1120 C 3.57 1120 0 1122.6 0 1125.8 C 0 1127.55 1.1 1129.21 2.97 1130.32 C 1.09 1131.41 0 1133.08 0 1134.83 C 0 1136.59 1.1 1138.25 2.97 1139.35 C 1.09 1140.45 0 1142.11 0 1143.86 C 0 1145.62 1.1 1147.28 2.97 1148.38 C 1.09 1149.48 0 1151.14 0 1152.9 C 0 1154.65 1.1 1156.32 2.97 1157.42 C 1.09 1158.51 0 1160.18 0 1161.93 C 0 1163.69 1.1 1165.35 2.97 1166.45 C 1.09 1167.55 0 1169.21 0 1170.97 C 0 1172.72 1.1 1174.38 2.97 1175.48 C 1.09 1176.58 0 1178.24 0 1180 C 0 1181.76 1.1 1183.42 2.97 1184.51 C 1.09 1185.61 0 1187.28 0 1189.03 C 0 1190.79 1.1 1192.45 2.97 1193.55 C 1.09 1194.65 0 1196.31 0 1198.07 C 0 1199.82 1.1 1201.48 2.97 1202.58 C 1.09 1203.68 0 1205.34 0 1207.1 C 0 1208.86 1.1 1210.52 2.97 1211.61 C 1.09 1212.72 0 1214.38 0 1216.13 C 0 1217.89 1.1 1219.55 2.97 1220.65 C 1.09 1221.74 0 1223.41 0 1225.17 C 0 1226.92 1.1 1228.58 2.97 1229.68 C 1.09 1230.78 0 1232.45 0 1234.2 C 0 1237.4 3.57 1240 7.96 1240 C 10.62 1240 13.12 1239.03 14.59 1237.41 C 16.06 1239.03 18.55 1240 21.22 1240 C 23.84 1240 26.3 1239.05 27.79 1237.48 C 29.27 1239.05 31.72 1240 34.35 1240 C 36.97 1240 39.43 1239.05 40.91 1237.48 C 42.39 1239.05 44.85 1240 47.47 1240 C 50.1 1240 52.55 1239.05 54.04 1237.48 C 55.52 1239.05 57.97 1240 60.6 1240 C 63.23 1240 65.68 1239.05 67.17 1237.48 C 68.65 1239.05 71.1 1240 73.73 1240 C 76.35 1240 78.81 1239.05 80.3 1237.48 C 81.78 1239.05 84.23 1240 86.85 1240 C 89.48 1240 91.94 1239.05 93.42 1237.48 C 94.91 1239.05 97.36 1240 99.98 1240 C 102.61 1240 105.06 1239.05 106.55 1237.48 C 108.04 1239.05 110.48 1240 113.11 1240 C 115.73 1240 118.2 1239.05 119.68 1237.48 C 121.16 1239.05 123.61 1240 126.24 1240 C 128.86 1240 131.33 1239.05 132.8 1237.48 C 134.29 1239.05 136.75 1240 139.36 1240 C 142 1240 144.45 1239.05 145.93 1237.48 C 147.42 1239.05 149.87 1240 152.5 1240 C 155.12 1240 157.58 1239.05 159.06 1237.48 C 160.54 1239.05 163 1240 165.62 1240 C 168.25 1240 170.71 1239.05 172.18 1237.48 C 173.67 1239.05 176.13 1240 178.75 1240 C 181.42 1240 183.92 1239.01 185.4 1237.39 C 186.86 1239.02 189.36 1240 192.04 1240 C 196.43 1240 200 1237.4 200 1234.2 C 200 1232.45 198.91 1230.79 197.03 1229.68 C 198.91 1228.59 200 1226.92 200 1225.17 C 200 1223.41 198.91 1221.75 197.03 1220.65 C 198.91 1219.55 200 1217.89 200 1216.13 C 200 1214.38 198.91 1212.72 197.03 1211.62 C 198.91 1210.52 200 1208.86 200 1207.1 C 200 1205.35 198.91 1203.69 197.03 1202.58 C 198.91 1201.49 200 1199.82 200 1198.07 C 200 1196.31 198.91 1194.65 197.03 1193.55 C 198.91 1192.45 200 1190.79 200 1189.03 C 200 1187.28 198.91 1185.62 197.03 1184.52 C 198.91 1183.42 200 1181.76 200 1180 C 200 1178.25 198.91 1176.58 197.03 1175.49 C 198.91 1174.38 200 1172.72 200 1170.97 C 200 1169.21 198.91 1167.55 197.03 1166.45 C 198.91 1165.35 200 1163.69 200 1161.93 C 200 1160.18 198.91 1158.52 197.03 1157.42 C 198.91 1156.32 200 1154.66 200 1152.9 C 200 1151.14 198.91 1149.48 197.03 1148.39 C 198.91 1147.28 200 1145.62 200 1143.86 C 200 1142.11 198.91 1140.45 197.03 1139.35 C 198.91 1138.25 200 1136.59 200 1134.83 C 200 1133.08 198.91 1131.42 197.03 1130.32 C 198.91 1129.22 200 1127.55 200 1125.8 C 200 1122.6 196.43 1120 192.04 1120 C 189.37 1120 186.86 1120.99 185.4 1122.61 C 183.93 1120.98 181.42 1120 178.75 1120 C 176.12 1120 173.66 1120.95 172.18 1122.52 C 170.7 1120.95 168.24 1120 165.62 1120 C 162.99 1120 160.53 1120.95 159.05 1122.52 C 157.57 1120.95 155.11 1120 152.5 1120 C 149.86 1120 147.41 1120.95 145.92 1122.52 C 144.44 1120.95 141.99 1120 139.36 1120 C 136.74 1120 134.28 1120.95 132.79 1122.52 C 131.32 1120.95 128.86 1120 126.24 1120 C 123.61 1120 121.15 1120.95 119.67 1122.52 C 118.19 1120.95 115.73 1120 113.11 1120 C 110.48 1120 108.03 1120.95 106.54 1122.52 C 105.06 1120.95 102.61 1120 99.98 1120 C 97.36 1120 94.9 1120.95 93.41 1122.52 C 91.94 1120.95 89.48 1120 86.85 1120 C 84.23 1120 81.77 1120.95 80.29 1122.52 C 78.81 1120.95 76.35 1120 73.73 1120 C 71.1 1120 68.65 1120.95 67.16 1122.52 C 65.67 1120.95 63.23 1120 60.6 1120 C 57.97 1120 55.52 1120.95 54.03 1122.52 C 52.55 1120.95 50.1 1120 47.47 1120 C 44.85 1120 42.39 1120.95 40.91 1122.52 C 39.42 1120.95 36.97 1120 34.35 1120 C 31.72 1120 29.26 1120.95 27.78 1122.52 C 26.29 1120.95 23.84 1120 21.22 1120 C 18.55 1120 16.06 1120.97 14.59 1122.59 C 13.12 1120.97 10.62 1120 7.96 1120 Z" fill="#ffff88" 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: 1180px; 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;">style_41</div></div></div></foreignObject><text x="100" y="1184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_41</text></switch></g><path d="M 240 1100 L 370 1100 L 400 1130 L 400 1260 L 240 1260 L 240 1100 Z" fill="#cdeb8b" stroke="#36393d" stroke-miterlimit="10" pointer-events="none"/><path d="M 370 1100 L 370 1130 L 400 1130" fill="none" 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: 158px; height: 1px; padding-top: 1180px; 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: none; white-space: normal; overflow-wrap: normal;">style_42</div></div></div></foreignObject><text x="320" y="1184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_42</text></switch></g><path d="M 500 1140 C 468 1140 460 1180 485.6 1188 C 460 1205.6 488.8 1244 509.6 1228 C 524 1260 572 1260 588 1228 C 620 1228 620 1196 600 1180 C 620 1148 588 1116 560 1132 C 540 1108 508 1108 500 1140 Z" fill="#ffcccc" 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: 158px; height: 1px; padding-top: 1180px; 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: none; white-space: normal; overflow-wrap: normal;">style_43</div></div></div></foreignObject><text x="540" y="1184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">style_43</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/configuration_shapes.rb CHANGED
@@ -23,16 +23,18 @@ module DrawioDsl
23
23
  :callout4,
24
24
  :circle,
25
25
  :cloud,
26
+ :container,
27
+ :container2,
28
+ :container3,
29
+ :container4,
26
30
  :cross,
27
31
  :envelop,
28
32
  :diamond,
29
33
  :document,
30
34
  :ellipse,
31
35
  :hexagon,
32
- :container,
33
- :container2,
34
- :container3,
35
- :container4,
36
+ :interface,
37
+ :klass,
36
38
  :note,
37
39
  :process,
38
40
  :rectangle,
@@ -40,6 +42,7 @@ module DrawioDsl
40
42
  :square,
41
43
  :step,
42
44
  :tick,
45
+ :todo,
43
46
  :face,
44
47
  :triangle,
45
48
  :embed_row,
@@ -66,16 +69,18 @@ module DrawioDsl
66
69
  callout4: ShapeDefaults.new(type: :callout4, x: 0, text_only: false, y: 0, w: 160, h: 120, style_modifiers: 'shape=mxgraph.basic.roundRectCallout;dx=30;dy=15;size=5;boundedLbl=1;'),
67
70
  circle: ShapeDefaults.new(type: :circle, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'ellipse'),
68
71
  cloud: ShapeDefaults.new(type: :cloud, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'shape=cloud'),
72
+ container: ShapeDefaults.new(type: :container, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane'),
73
+ container2: ShapeDefaults.new(type: :container2, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane;horizontal=0'),
74
+ container3: ShapeDefaults.new(type: :container3, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane;startSize=50'),
75
+ container4: ShapeDefaults.new(type: :container4, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane;resizable=0'),
69
76
  cross: ShapeDefaults.new(type: :cross, x: 0, text_only: false, y: 0, w: 50, h: 50, style_modifiers: 'verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.x'),
70
77
  envelop: ShapeDefaults.new(type: :envelop, x: 0, text_only: false, y: 0, w: 160, h: 100, style_modifiers: 'shape=message'),
71
78
  diamond: ShapeDefaults.new(type: :diamond, x: 0, text_only: false, y: 0, w: 100, h: 100, style_modifiers: 'rhombus'),
72
79
  document: ShapeDefaults.new(type: :document, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'shape=mxgraph.basic.document'),
73
80
  ellipse: ShapeDefaults.new(type: :ellipse, x: 0, text_only: false, y: 0, w: 200, h: 120, style_modifiers: 'ellipse'),
74
81
  hexagon: ShapeDefaults.new(type: :hexagon, x: 0, text_only: false, y: 0, w: 200, h: 120, style_modifiers: 'shape=hexagon'),
75
- container: ShapeDefaults.new(type: :container, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane'),
76
- container2: ShapeDefaults.new(type: :container2, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane;horizontal=0'),
77
- container3: ShapeDefaults.new(type: :container3, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane;startSize=50'),
78
- container4: ShapeDefaults.new(type: :container4, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'swimlane;resizable=0'),
82
+ interface: ShapeDefaults.new(type: :interface, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'align=left;overflow=fill;fontSize=12;fontFamily=Helvetica'),
83
+ klass: ShapeDefaults.new(type: :klass, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'align=left;overflow=fill;fontSize=12;fontFamily=Helvetica'),
79
84
  note: ShapeDefaults.new(type: :note, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: 'shape=note'),
80
85
  process: ShapeDefaults.new(type: :process, x: 0, text_only: false, y: 0, w: 200, h: 120, style_modifiers: 'shape=process'),
81
86
  rectangle: ShapeDefaults.new(type: :rectangle, x: 0, text_only: false, y: 0, w: 200, h: 120, style_modifiers: ''),
@@ -83,6 +88,7 @@ module DrawioDsl
83
88
  square: ShapeDefaults.new(type: :square, x: 0, text_only: false, y: 0, w: 160, h: 160, style_modifiers: ''),
84
89
  step: ShapeDefaults.new(type: :step, x: 0, text_only: false, y: 0, w: 120, h: 80, style_modifiers: 'shape=step;perimeter=stepPerimeter;fixedSize=1'),
85
90
  tick: ShapeDefaults.new(type: :tick, x: 0, text_only: false, y: 0, w: 50, h: 50, style_modifiers: 'verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.basic.tick'),
91
+ todo: ShapeDefaults.new(type: :todo, x: 0, text_only: false, y: 0, w: 300, h: 60, style_modifiers: ''),
86
92
  face: ShapeDefaults.new(type: :face, x: 0, text_only: false, y: 0, w: 100, h: 100, style_modifiers: 'verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.basic.smiley'),
87
93
  triangle: ShapeDefaults.new(type: :triangle, x: 0, text_only: false, y: 0, w: 100, h: 100, style_modifiers: 'triangle'),
88
94
  embed_row: ShapeDefaults.new(type: :embed_row, x: 0, text_only: false, y: 0, w: 200, h: 40, style_modifiers: 'shape=partialRectangle;collapsible=0;dropTarget=0;pointerEvents=0;top=0;left=0;bottom=1;right=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest'),
data/lib/drawio_dsl/dom_builder.rb CHANGED
@@ -8,9 +8,11 @@ module DrawioDsl
8
8
  attr_reader :actions
9
9
  attr_reader :last_action
10
10
 
11
+ attr_reader :focus_node
11
12
  attr_reader :current_page
12
- attr_reader :current_layout_rule
13
- attr_reader :current_shape
13
+
14
+ # attr_reader :current_layout_rule
15
+ # attr_reader :current_shape
14
16
 
15
17
  def initialize
16
18
  @actions = []
@@ -39,14 +41,25 @@ module DrawioDsl
39
41
  set_diagram
40
42
  end
41
43
 
44
+ # rubocop:disable Metrics/AbcSize
42
45
  def add_page(**opts)
43
46
  @current_page = DrawioDsl::Schema::Page.new(diagram, **opts)
44
-
45
47
  current_page.id = SecureRandom.alphanumeric(3) unless current_page.id
46
48
 
49
+ # add anchor nodes
50
+ page_anchor = DrawioDsl::Schema::Anchor.new(self, id: "page_root_#{current_page.id}", type: :page_root)
51
+ node_anchor = DrawioDsl::Schema::Anchor.new(self, id: "node_root_#{current_page.id}", type: :node_root)
52
+ page_anchor.add_node(node_anchor)
53
+
54
+ @focus_node = node_anchor
55
+
56
+ # page_anchor.nodes.add(node_anchor)
57
+ current_page.add_node(page_anchor)
58
+
47
59
  diagram.pages << @current_page
48
60
  @current_page
49
61
  end
62
+ # rubocop:enable Metrics/AbcSize
50
63
 
51
64
  # ----------------------------------------------------------------------
52
65
  # Layout provides rules for positioning components
@@ -63,11 +76,12 @@ module DrawioDsl
63
76
  end
64
77
 
65
78
  def add_layout(rule)
66
- @current_layout_rule = rule
79
+ # @current_layout_rule = rule
67
80
 
68
81
  rule.id = "rule-#{current_page.nodes.length + 1}" unless rule.id
69
82
 
70
- current_page.nodes.add(rule)
83
+ # current_page.nodes.add(rule)
84
+ focus_node.nodes.add(focus_node, rule)
71
85
 
72
86
  rule
73
87
  end
@@ -77,11 +91,12 @@ module DrawioDsl
77
91
  # ----------------------------------------------------------------------
78
92
 
79
93
  def add_shape(shape)
80
- @current_shape = shape
94
+ # @current_shape = shape
81
95
 
82
- shape.id = "#{current_page.id}-#{current_page.nodes.length + 1}" unless shape.id
96
+ shape.id = "#{current_page.id}-#{focus_node.nodes.length + 1}" unless shape.id
83
97
 
84
- current_page.nodes.add(shape)
98
+ # current_page.nodes.add(shape)
99
+ focus_node.nodes.add(focus_node, shape)
85
100
 
86
101
  shape
87
102
  end