drawio_dsl 0.5.5 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (201) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/.templates/basic/drawio_extensions.rb +57 -0
  3. data/.builders/.templates/basic/schema_require.rb +3 -1
  4. data/.builders/blueprint/shapes.rb +3 -1
  5. data/.builders/generators/10-transform-drawio-js.rb +195 -0
  6. data/.builders/generators/20-drawio-extensions.rb +41 -0
  7. data/.builders/generators/project_plans/drawio_dsl.rb +15 -9
  8. data/.builders/generators/project_plans/k_doc.rb +39 -0
  9. data/.builders/generators/sample_diagrams/05-samples.rb +23 -0
  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/.rubocop.yml +4 -1
  13. data/CHANGELOG.md +21 -0
  14. data/README.md +2 -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/samples.svg +3 -0
  175. data/docs/samples/styles-glass.svg +1 -1
  176. data/docs/samples/styles-plain.svg +1 -1
  177. data/docs/samples/styles-rounded.svg +1 -1
  178. data/docs/samples/styles-shadow.svg +1 -1
  179. data/docs/samples/styles-sketch.svg +1 -1
  180. data/docs/samples/themes-random.svg +1 -1
  181. data/lib/drawio_dsl/dom_builder.rb +23 -8
  182. data/lib/drawio_dsl/drawio_extensions.json +14024 -0
  183. data/lib/drawio_dsl/drawio_extensions.rb +4599 -0
  184. data/lib/drawio_dsl/drawio_extensions_active.rb +32 -0
  185. data/lib/drawio_dsl/layout_engine.rb +17 -7
  186. data/lib/drawio_dsl/schema/_.rb +2 -0
  187. data/lib/drawio_dsl/schema/diagram.rb +1 -1
  188. data/lib/drawio_dsl/schema/layouts/flex_layout.rb +1 -2
  189. data/lib/drawio_dsl/schema/layouts/grid_layout.rb +1 -2
  190. data/lib/drawio_dsl/schema/layouts/layout.rb +0 -3
  191. data/lib/drawio_dsl/schema/node.rb +21 -2
  192. data/lib/drawio_dsl/schema/node_list.rb +20 -1
  193. data/lib/drawio_dsl/schema/page.rb +14 -3
  194. data/lib/drawio_dsl/schema/shapes/shape.rb +6 -4
  195. data/lib/drawio_dsl/schema/virtual/anchor.rb +26 -0
  196. data/lib/drawio_dsl/version.rb +1 -1
  197. data/lib/drawio_dsl/xml_builder.rb +4 -8
  198. data/lib/drawio_dsl.rb +2 -0
  199. data/package-lock.json +2 -2
  200. data/package.json +1 -1
  201. metadata +166 -2
data/docs/extensions/heat_exchangers.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1049px" height="843px" viewBox="-0.5 -0.5 1049 843"><defs/><g><rect x="5" y="26.67" width="160" height="133.33" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 53 26.67 C 53 11.94 67.33 0 85 0 C 102.67 0 117 11.94 117 26.67" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 167px; margin-left: 6px;"><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;">peboiler_block</div></div></div></foreignObject><text x="85" y="179" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peboiler_block</text></switch></g><rect x="225" y="26.67" width="160" height="133.33" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 273 26.67 C 273 11.94 287.33 0 305 0 C 322.67 0 337 11.94 337 26.67" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 167px; margin-left: 226px;"><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;">peequipment_boiler_block</div></div></div></foreignObject><text x="305" y="179" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peequipment_boiler_block</text></switch></g><path d="M 452.87 72.73 L 473.85 72.73 L 473.85 145.45 L 452.87 145.45 C 448.52 145.45 445 129.17 445 109.09 C 445 89.01 448.52 72.73 452.87 72.73 M 479.1 72.73 L 491.34 72.73 L 517.57 0 L 596.26 0 C 601.09 0 605 32.56 605 72.73 C 605 112.89 601.09 145.45 596.26 145.45 L 479.1 145.45 Z M 452.87 72.73 L 452.87 145.45 M 517.57 0 L 517.57 145.45 M 596.26 0 L 596.26 145.45" fill="#1ba1e2" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/><rect x="473.85" y="58.18" width="5.25" height="101.82" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 167px; margin-left: 446px;"><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;">pereboiler_block</div></div></div></foreignObject><text x="525" y="179" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">pereboiler_block</text></switch></g><rect x="665" y="0" width="160" height="160" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 689 0 L 689 160 M 801 0 L 801 160 M 801 40 L 689 40 M 801 80 L 689 80 M 801 120 L 689 120" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 167px; margin-left: 666px;"><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;">pecondenser_block</div></div></div></foreignObject><text x="745" y="179" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">pecondenser_block</text></switch></g><ellipse cx="965" cy="80" rx="60" ry="60" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 905 80 L 925 80 L 945 50 L 985 110 L 1005 80 L 1025 80 M 1045 0 L 885 160 M 1025 9 L 1045 0 L 1036 20 L 1035 10 Z" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 167px; margin-left: 886px;"><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;">peequipment_condenser_block</div></div></div></foreignObject><text x="965" y="179" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peequipment_condenser_block</text></switch></g><path d="M 5 380 L 5 353.33 L 45 220 L 125 220 L 165 353.33 L 165 380 Z M 165 353.33 L 5 353.33" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 387px; margin-left: 6px;"><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;">pecooling_tower_block</div></div></div></foreignObject><text x="85" y="399" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">pecooling_tower_block</text></switch></g><ellipse cx="305" cy="300" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 225 300 L 251.67 300 L 278.33 260 L 331.67 340 L 358.33 300 L 385 300" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 387px; margin-left: 226px;"><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;">peheat_exchanger_block</div></div></div></foreignObject><text x="305" y="399" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peheat_exchanger_block</text></switch></g><path d="M 453.72 252 L 471.16 252 L 471.16 220 L 479.88 220 L 479.88 252 L 567.07 252 L 567.07 220 L 575.79 220 L 575.79 252 L 593.23 252 C 599.73 252 605 273.49 605 300 C 605 326.51 599.73 348 593.23 348 L 575.79 348 L 575.79 380 L 567.07 380 L 567.07 348 L 479.88 348 L 479.88 380 L 471.16 380 L 471.16 348 L 453.72 348 L 445 342.67 L 445 326.67 L 453.72 321.33 L 589.74 321.33 C 593.11 321.33 595.84 311.78 595.84 300 C 595.84 288.22 593.11 278.67 589.74 278.67 L 453.72 278.67 L 445 273.33 L 445 257.33 Z" fill="#1ba1e2" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/><path d="M 453.72 236 L 453.72 294.67 M 453.72 305.33 L 453.72 364 M 471.16 252 L 479.88 252 M 567.07 252 L 575.79 252 M 575.79 348 L 567.07 348 M 479.88 348 L 471.16 348" fill="none" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/><path d="M 448.49 262.67 L 448.49 270.67 M 450.23 257.33 L 450.23 268 M 448.49 332 L 448.49 340 M 450.23 326.67 L 450.23 337.33" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 387px; margin-left: 446px;"><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;">pehairpin_exchanger_block</div></div></div></foreignObject><text x="525" y="399" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">pehairpin_exchanger_block</text></switch></g><rect x="673" y="220" width="144" height="160" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 689 220 L 689 380 M 705 220 L 705 380 M 721 220 L 721 380 M 737 220 L 737 380 M 753 220 L 753 380 M 769 220 L 769 380 M 785 220 L 785 380 M 801 220 L 801 380 M 665 224 L 665 234.67 M 665 365.33 L 665 376 M 825 224 L 825 234.67 M 825 365.33 L 825 376 M 665 229.33 L 673 229.33 L 817 370.67 L 825 370.67 M 665 370.67 L 673 370.67 L 817 229.33 L 825 229.33" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 387px; margin-left: 666px;"><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;">peplate_and_frame_heat_exchanger_block</div></div></div></foreignObject><text x="745" y="399" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peplate_and_frame_heat_exc...</text></switch></g><ellipse cx="965" cy="304.21" rx="72" ry="75.78947368421052" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><ellipse cx="965" cy="304.21" rx="56" ry="58.94736842105263" fill="none" stroke="#006eaf" pointer-events="all"/><ellipse cx="981" cy="304.21" rx="4.800000000000001" ry="5.052631578947368" fill="none" stroke="#006eaf" pointer-events="all"/><ellipse cx="949" cy="304.21" rx="4.800000000000001" ry="5.052631578947368" fill="none" stroke="#006eaf" pointer-events="all"/><path d="M 885 304.21 L 949 304.21 M 885 295.79 L 885 312.63 M 981 304.21 L 1045 304.21 M 1045 295.79 L 1045 312.63 M 997 220 L 1013 220 M 917 220 L 933 220 M 925 220 L 925 253.68 L 945.8 300.84 M 1005 220 L 1005 253.68 L 984.2 300.84" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 387px; margin-left: 886px;"><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;">pespiral_heat_exchanger</div></div></div></foreignObject><text x="965" y="399" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">pespiral_heat_exchanger</text></switch></g><path d="M 31.16 568 L 31.16 600 L 5 600 L 5 440 L 31.16 440 L 31.16 472 L 153.23 472 C 159.73 472 165 493.49 165 520 C 165 546.51 159.73 568 153.23 568 L 31.16 568 Z M 31.16 472 L 31.16 568 M 5 520 L 31.16 520" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 607px; margin-left: 6px;"><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;">peutube_heat_exchanger_block</div></div></div></foreignObject><text x="85" y="619" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peutube_heat_exchanger_blo...</text></switch></g><rect x="233.89" y="456" width="124.44" height="32" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><rect x="233.89" y="552" width="124.44" height="32" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 225 472 L 358.33 472 C 373.06 472 385 493.49 385 520 C 385 546.51 373.06 568 358.33 568 L 225 568 M 242.78 440 L 242.78 456 M 239.22 440 L 246.33 440 M 225 465.6 L 225 478.4 M 225 561.6 L 225 574.4 M 242.78 584 L 242.78 600 M 239.22 600 L 246.33 600 M 349.44 488 L 349.44 552" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 607px; margin-left: 226px;"><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;">pedouble_pipe_heat_block</div></div></div></foreignObject><text x="305" y="619" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">pedouble_pipe_heat_block</text></switch></g><ellipse cx="525" cy="520" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 445 520 L 471.67 520 L 498.33 480 L 551.67 560 L 578.33 520 L 605 520" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 607px; margin-left: 446px;"><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;">peshell_and_tube_heat1block</div></div></div></foreignObject><text x="525" y="619" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peshell_and_tube_heat1block</text></switch></g><ellipse cx="745" cy="520" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 685 466.67 L 785 466.67 L 705 520 L 785 573.33 L 685 573.33" fill="none" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 607px; margin-left: 666px;"><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;">peshell_and_tube_heat2block</div></div></div></foreignObject><text x="745" y="619" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peshell_and_tube_heat2block</text></switch></g><ellipse cx="965" cy="520" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" transform="rotate(270,965,520)" pointer-events="all"/><path d="M 885 520 L 911.67 520 L 938.33 480 L 991.67 560 L 1018.33 520 L 1045 520" fill="none" stroke="#006eaf" stroke-miterlimit="10" transform="rotate(270,965,520)" 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: 158px; height: 1px; padding-top: 607px; margin-left: 886px;"><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;">peshell_and_tube_heat3block</div></div></div></foreignObject><text x="965" y="619" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peshell_and_tube_heat3block</text></switch></g><path d="M 5 820 L 31.67 820 L 31.67 788 L 138.33 788 L 138.33 820 L 165 820 L 165 660 L 138.33 660 L 138.33 692 L 31.67 692 L 31.67 660 L 5 660 Z M 31.67 692 L 31.67 788 M 138.33 692 L 138.33 788" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 827px; margin-left: 6px;"><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;">pesingle_pass_heat_block</div></div></div></foreignObject><text x="85" y="839" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">pesingle_pass_heat_block</text></switch></g><ellipse cx="305" cy="740" rx="60" ry="60" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><path d="M 245 740 L 265 740 L 285 710 L 325 770 L 345 740 L 365 740 M 385 660 L 225 820" fill="none" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/><path d="M 234 800 L 225 820 L 245 811 L 235 810 Z" fill="#1ba1e2" stroke="#006eaf" 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: 158px; height: 1px; padding-top: 827px; margin-left: 226px;"><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;">peheater_block</div></div></div></foreignObject><text x="305" y="839" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">peheater_block</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/extensions/i_os_6_i_pad_controls.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1044px" height="382px" viewBox="-0.5 -0.5 1044 382"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-eeeeee-1-aaaaaa-1-s-0"><stop offset="0%" style="stop-color: rgb(238, 238, 238); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(170, 170, 170); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-888888-1-000000-1-s-0"><stop offset="0%" style="stop-color: rgb(136, 136, 136); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-dddddd-1-3d5565-1-s-0"><stop offset="0%" style="stop-color: rgb(221, 221, 221); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(61, 85, 101); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-8a97a7-1-425163-1-s-0"><stop offset="0%" style="stop-color: rgb(138, 151, 167); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(66, 81, 99); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-eef3f9-1-dbe2e9-1-s-0"><stop offset="0%" style="stop-color: rgb(238, 243, 249); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(219, 226, 233); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-8b98a8-1-677488-1-s-0"><stop offset="0%" style="stop-color: rgb(139, 152, 168); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(103, 116, 136); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-444444-1-ffffff-1-s-0"><stop offset="0%" style="stop-color: rgb(68, 68, 68); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-96d1ff-1-003377-1-s-0"><stop offset="0%" style="stop-color: rgb(150, 209, 255); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 51, 119); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-ffffff-1-444444-1-s-0"><stop offset="0%" style="stop-color: rgb(68, 68, 68); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"/></linearGradient></defs><g><path d="M 162 2.5 C 162 1.12 160.88 0 159.5 0 L 12 0 L 2.87 79.25 C 2.72 79.74 2.72 80.26 2.87 80.75 L 12 160 L 159.5 160 C 160.88 160 162 158.88 162 157.5 Z" fill="url(#mx-gradient-eeeeee-1-aaaaaa-1-s-0)" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"/><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: 3px;"><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;">image_ipad_back_button_gray</div></div></div></foreignObject><text x="82" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_back_button_gray</text></switch></g><path d="M 382 2.5 C 382 1.12 380.88 0 379.5 0 L 232 0 L 222.87 79.25 C 222.72 79.74 222.72 80.26 222.87 80.75 L 232 160 L 379.5 160 C 380.88 160 382 158.88 382 157.5 Z" fill="url(#mx-gradient-888888-1-000000-1-s-0)" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"/><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: 223px;"><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;">image_ipad_back_button_black</div></div></div></foreignObject><text x="302" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_back_button_bla...</text></switch></g><path d="M 442 0 L 602 0 L 602 32 L 442 32 Z M 442 64 L 602 64 L 602 96 L 442 96 Z M 442 128 L 602 128 L 602 160 L 442 160 Z" fill="#1ba1e2" stroke="#006eaf" 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: 443px;"><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;">image_ipad_sort_handle</div></div></div></foreignObject><text x="522" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_sort_handle</text></switch></g><rect x="662" y="0" width="160" height="160" rx="2.5" ry="2.5" fill="#ffffff" stroke="#006eaf" pointer-events="all"/><path d="M 807 0 L 819.5 0 C 820.88 0 822 1.12 822 2.5 L 822 157.5 C 822 158.88 820.88 160 819.5 160 L 807 160 Z" fill="url(#mx-gradient-dddddd-1-3d5565-1-s-0)" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/><path d="M 811 5 L 814.5 10 L 818 5" fill="#ffffff" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" font-size="12px"/><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: 663px;"><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;">image_ipad_dropdown</div></div></div></foreignObject><text x="742" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_dropdown</text></switch></g><rect x="882" y="0" width="160" height="160" rx="5" ry="5" fill="url(#mx-gradient-dddddd-1-3d5565-1-s-0)" stroke="none" pointer-events="all"/><path d="M 962 0 L 962 160" fill="none" stroke="#444444" stroke-miterlimit="10" pointer-events="all"/><path d="M 922 40 L 938 120 L 906 120 Z" fill="#ffffff" stroke="none" pointer-events="all"/><path d="M 1002 120 L 1018 40 L 986 40 Z" fill="#ffffff" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 80px; margin-left: 883px;"><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;">image_ipad_prev_next</div></div></div></foreignObject><text x="962" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_prev_next</text></switch></g><rect x="2" y="220" width="160" height="160" fill="url(#mx-gradient-8a97a7-1-425163-1-s-0)" stroke="none" pointer-events="all"/><rect x="3.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="3.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="9.08" y="243.75">Q</text></g><rect x="19.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="19.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="25.18" y="243.75">W</text></g><rect x="35.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="35.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="41.28" y="243.75">E</text></g><rect x="51.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="51.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="57.36" y="243.75">R</text></g><rect x="67.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="67.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="73.45" y="243.75">T</text></g><rect x="83.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="83.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="89.55" y="243.75">Y</text></g><rect x="99.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="99.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="105.64" y="243.75">U</text></g><rect x="116.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="116.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="121.72" y="243.75">I</text></g><rect x="132.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="132.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="137.82" y="243.75">O</text></g><rect x="148.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="148.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="153.92" y="243.75">P</text></g><rect x="12.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="12.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="17.82" y="283.75">A</text></g><rect x="28.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="28.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="33.92" y="283.75">S</text></g><rect x="44.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="44.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="50.01" y="283.75">D</text></g><rect x="60.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="60.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="66.09" y="283.75">F</text></g><rect x="76.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="76.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="82.19" y="283.75">G</text></g><rect x="92.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="92.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="98.28" y="283.75">H</text></g><rect x="108.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="108.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="114.38" y="283.75">J</text></g><rect x="124.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="124.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="130.46" y="283.75">K</text></g><rect x="140.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="140.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="146.56" y="283.75">L</text></g><rect x="28.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="28.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="33.92" y="323.75">Z</text></g><rect x="44.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="44.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="50.01" y="323.75">X</text></g><rect x="60.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="60.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="66.09" y="323.75">C</text></g><rect x="76.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="76.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="82.19" y="323.75">V</text></g><rect x="92.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="92.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="98.28" y="323.75">B</text></g><rect x="108.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="108.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="114.38" y="323.75">N</text></g><rect x="124.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="124.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="130.46" y="323.75">M</text></g><rect x="44.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="44.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="82.19" y="363.75">space</text></g><rect x="3.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="3.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="141.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="141.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="3.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="3.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="124.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="124.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="21.72" y="363.75">.?123</text></g><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="141.96" y="363.75">return</text></g><path d="M 8.43 321.6 L 13.49 312.8 L 18.54 321.6 L 15.79 321.6 L 15.79 327.2 L 11.2 327.2 L 11.2 321.6 Z" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 147.74 313.6 L 156.48 313.6 L 156.48 326.4 L 147.74 326.4 L 144.06 320 Z" fill="#ffffff" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 149.58 316.8 L 153.26 323.2 M 149.58 323.2 L 153.26 316.8" fill="none" stroke="#677488" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 3px;"><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;">image_ipad_keyboard_portrait</div></div></div></foreignObject><text x="82" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_keyboard_portra...</text></switch></g><rect x="222" y="220" width="160" height="160" fill="url(#mx-gradient-8a97a7-1-425163-1-s-0)" stroke="none" pointer-events="all"/><rect x="223.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="223.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="229.08" y="243.75">Q</text></g><rect x="239.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="239.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="245.18" y="243.75">W</text></g><rect x="255.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="255.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="261.28" y="243.75">E</text></g><rect x="271.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="271.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="277.36" y="243.75">R</text></g><rect x="287.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="287.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="293.45" y="243.75">T</text></g><rect x="303.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="303.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="309.55" y="243.75">Y</text></g><rect x="319.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="319.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="325.64" y="243.75">U</text></g><rect x="336.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="336.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="341.72" y="243.75">I</text></g><rect x="352.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="352.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="357.82" y="243.75">O</text></g><rect x="368.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="368.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="373.92" y="243.75">P</text></g><rect x="232.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="232.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="237.82" y="283.75">A</text></g><rect x="248.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="248.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="253.92" y="283.75">S</text></g><rect x="264.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="264.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="270.01" y="283.75">D</text></g><rect x="280.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="280.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="286.09" y="283.75">F</text></g><rect x="296.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="296.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="302.19" y="283.75">G</text></g><rect x="312.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="312.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="318.28" y="283.75">H</text></g><rect x="328.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="328.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="334.38" y="283.75">J</text></g><rect x="344.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="344.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="350.46" y="283.75">K</text></g><rect x="360.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="360.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="366.56" y="283.75">L</text></g><rect x="248.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="248.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="253.92" y="323.75">Z</text></g><rect x="264.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="264.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="270.01" y="323.75">X</text></g><rect x="280.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="280.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="286.09" y="323.75">C</text></g><rect x="296.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="296.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="302.19" y="323.75">V</text></g><rect x="312.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="312.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="318.28" y="323.75">B</text></g><rect x="328.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="328.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="334.38" y="323.75">N</text></g><rect x="344.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="344.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="350.46" y="323.75">M</text></g><rect x="264.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="264.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="302.19" y="363.75">space</text></g><rect x="223.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="223.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="361.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="361.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="223.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="223.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="344.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="344.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="241.72" y="363.75">.?123</text></g><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="361.96" y="363.75">return</text></g><path d="M 228.43 321.6 L 233.49 312.8 L 238.54 321.6 L 235.79 321.6 L 235.79 327.2 L 231.2 327.2 L 231.2 321.6 Z" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 367.74 313.6 L 376.48 313.6 L 376.48 326.4 L 367.74 326.4 L 364.06 320 Z" fill="#ffffff" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 369.58 316.8 L 373.26 323.2 M 369.58 323.2 L 373.26 316.8" fill="none" stroke="#677488" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 223px;"><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;">image_ipad_keyboard_landscape</div></div></div></foreignObject><text x="302" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_keyboard_landsc...</text></switch></g><rect x="442" y="297.5" width="160" height="5" rx="2.5" ry="2.5" fill="url(#mx-gradient-444444-1-ffffff-1-s-0)" stroke="none" pointer-events="all"/><path d="M 474 297.5 L 474 302.5 L 444.5 302.5 C 443.12 302.5 442 301.38 442 300 C 442 298.62 443.12 297.5 444.5 297.5 Z" fill="url(#mx-gradient-96d1ff-1-003377-1-s-0)" stroke="none" pointer-events="all"/><ellipse cx="474" cy="300" rx="5" ry="5" fill="url(#mx-gradient-ffffff-1-444444-1-s-0)" stroke="#999999" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 443px;"><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;">image_ipad_slider</div></div></div></foreignObject><text x="522" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_slider</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/extensions/i_os_6_i_pad_elements.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="822px" height="162px" viewBox="-0.5 -0.5 822 162"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-808080-1-000000-1-s-0"><stop offset="0%" style="stop-color: rgb(128, 128, 128); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-bbbbbb-1-000000-1-s-0"><stop offset="0%" style="stop-color: rgb(187, 187, 187); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-888888-1-000000-1-s-0"><stop offset="0%" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(136, 136, 136); stop-opacity: 1;"/></linearGradient></defs><g><rect x="0" y="0" width="160" height="160" rx="25" ry="25" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 52 0 L 135 0 C 148.81 0 160 11.19 160 25 L 160 80 L 112 80 Z" fill="url(#mx-gradient-808080-1-000000-1-s-0)" stroke="none" pointer-events="all"/><rect x="14.85" y="12.8" width="130.3" height="130.56" fill="#1f2923" stroke="none" pointer-events="all"/><rect x="14.85" y="12.8" width="130.3" height="130.56" fill="none" stroke="#18211b" pointer-events="all"/><path d="M 0 25 C 0 11.19 11.19 0 25 0 L 135 0 C 148.81 0 160 11.19 160 25 L 160 135 C 160 148.81 148.81 160 135 160 L 25 160 C 11.19 160 0 148.81 0 135 Z" fill="none" stroke="#dddddd" stroke-opacity="0.8" stroke-width="1.5" stroke-miterlimit="10" pointer-events="all"/><path d="M 2.5 25 C 2.5 12.57 12.57 2.5 25 2.5 L 132.5 2.5 C 138.89 1.79 145.27 3.84 150.05 8.14 C 154.83 12.44 157.54 18.57 157.5 25 L 157.5 135 C 157.5 147.43 147.43 157.5 135 157.5 L 25 157.5 C 12.57 157.5 2.5 147.43 2.5 135 Z" fill="none" stroke="#666666" stroke-opacity="0.8" stroke-width="1.5" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="79.99" cy="7.74" rx="0.8240000000000001" ry="0.64" fill="#000099" stroke="#000000" stroke-width="2.5" pointer-events="all"/><ellipse cx="80.01" cy="151.04" rx="6.6000000000000005" ry="5.12" fill="url(#mx-gradient-bbbbbb-1-000000-1-s-0)" stroke="none" pointer-events="all"/><ellipse cx="80.01" cy="151.04" rx="6.6000000000000005" ry="5.12" fill="none" stroke="#000000" stroke-opacity="0.5" stroke-width="2.5" pointer-events="all"/><path d="M 73.57 151.04 C 73.57 148.42 76.45 146.3 80 146.3 C 83.55 146.3 86.43 148.42 86.43 151.04 C 82.43 152.77 77.57 152.77 73.57 151.04 Z" fill-opacity="0.85" fill="#000000" stroke="#000000" stroke-opacity="0.85" stroke-width="2.5" stroke-miterlimit="10" pointer-events="all"/><rect x="77.02" y="148.74" width="5.94" height="4.61" rx="0.82" ry="0.64" fill="none" stroke="#dddddd" stroke-opacity="0.7" stroke-width="1.5" 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: 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: all; white-space: normal; overflow-wrap: normal;">image_ipad_ipad</div></div></div></foreignObject><text x="80" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_ipad</text></switch></g><rect x="220" y="0" width="160" height="160" fill-opacity="0.5" fill="#999999" stroke="none" pointer-events="all"/><rect x="225" y="81.75" width="1.5" height="2.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="227" y="80.75" width="1.5" height="3.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="229" y="79.75" width="1.5" height="4.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="231" y="78.75" width="1.5" height="5.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="233" y="77.75" width="1.5" height="6.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="235" y="76.75" width="1.5" height="7.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><path d="M 361 78 L 370 78 L 370 82 L 361 82 Z" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><path d="M 360 77 L 375 77 L 375 79 L 376.5 79 L 376.5 81 L 375 81 L 375 83 L 360 83 Z" fill="none" stroke="#cccccc" stroke-opacity="0.5" 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: 221px;"><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;">image_ipad_top_bar</div></div></div></foreignObject><text x="300" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_top_bar</text></switch></g><rect x="440" y="0" width="160" height="160" fill="#1ba1e2" stroke="#006eaf" transform="translate(520,0)scale(-1,1)translate(-520,0)" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" font-size="17px" transform="translate(520,0)scale(-1,1)translate(-520,0)"/><ellipse cx="590" cy="77" rx="5" ry="5" fill="none" stroke="#008cff" transform="translate(520,0)scale(-1,1)translate(-520,0)" pointer-events="all"/><path d="M 581 89 L 587 81" fill="none" stroke="#008cff" stroke-miterlimit="10" transform="translate(520,0)scale(-1,1)translate(-520,0)" 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: 441px;"><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;">image_ipad_search</div></div></div></foreignObject><text x="520" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_search</text></switch></g><path d="M 660 10 C 660 8.62 661.12 7.5 662.5 7.5 L 732.5 7.5 L 740 0 L 747.5 7.5 L 817.5 7.5 C 818.88 7.5 820 8.62 820 10 L 820 157.5 C 820 158.88 818.88 160 817.5 160 L 662.5 160 C 661.12 160 660 158.88 660 157.5 Z" fill-opacity="0.9" fill="url(#mx-gradient-888888-1-000000-1-s-0)" stroke="#000000" stroke-opacity="0.9" stroke-miterlimit="10" pointer-events="all"/><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="9.5px"/><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: 661px;"><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;">image_ipad_popover</div></div></div></foreignObject><text x="740" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_popover</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/extensions/i_os_6_i_pad_icons.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1042px" height="602px" viewBox="-0.5 -0.5 1042 602"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-8bbeff-1-135ec8-1-s-0"><stop offset="0%" style="stop-color: rgb(139, 190, 255); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(19, 94, 200); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-7adf78-1-1a9917-1-s-0"><stop offset="0%" style="stop-color: rgb(122, 223, 120); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(26, 153, 23); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-e8878e-1-bd1421-1-s-0"><stop offset="0%" style="stop-color: rgb(232, 135, 142); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(189, 20, 33); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-00dd00-1-004400-1-s-0"><stop offset="0%" style="stop-color: rgb(0, 221, 0); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 68, 0); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-dd0000-1-440000-1-s-0"><stop offset="0%" style="stop-color: rgb(221, 0, 0); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(68, 0, 0); stop-opacity: 1;"/></linearGradient></defs><g><ellipse cx="80" cy="80" rx="80" ry="80" fill="url(#mx-gradient-8bbeff-1-135ec8-1-s-0)" stroke="#ffffff" stroke-width="1.5" pointer-events="all"/><path d="M 40 80 L 120 80 M 80 40 L 80 120" fill="none" stroke="#ffffff" stroke-width="2.5" 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: 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: all; white-space: normal; overflow-wrap: normal;">image_ipad_add_icon_blue</div></div></div></foreignObject><text x="80" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_add_icon_blue</text></switch></g><ellipse cx="300" cy="80" rx="80" ry="80" fill="url(#mx-gradient-7adf78-1-1a9917-1-s-0)" stroke="#ffffff" stroke-width="1.5" pointer-events="all"/><path d="M 260 80 L 340 80 M 300 40 L 300 120" fill="none" stroke="#ffffff" stroke-width="2.5" 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: 221px;"><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;">image_ipad_add_icon_green</div></div></div></foreignObject><text x="300" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_add_icon_green</text></switch></g><ellipse cx="520" cy="80" rx="80" ry="80" fill="url(#mx-gradient-e8878e-1-bd1421-1-s-0)" stroke="#ffffff" stroke-width="1.5" pointer-events="all"/><path d="M 480 80 L 560 80" fill="none" stroke="#ffffff" stroke-width="2.5" 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: 441px;"><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;">image_ipad_remove_icon</div></div></div></foreignObject><text x="520" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_remove_icon</text></switch></g><ellipse cx="740" cy="80" rx="80" ry="80" fill="url(#mx-gradient-8bbeff-1-135ec8-1-s-0)" stroke="#ffffff" stroke-width="1.5" pointer-events="all"/><path d="M 724 35.2 L 764 80 L 724 124.8" fill="none" stroke="#ffffff" stroke-width="2.5" 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: 661px;"><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;">image_ipad_arrow_icon</div></div></div></foreignObject><text x="740" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_arrow_icon</text></switch></g><path d="M 880 0 L 1040 80 L 880 160" fill="none" stroke="#006eaf" 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: 881px;"><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;">image_ipad_arrow</div></div></div></foreignObject><text x="960" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_arrow</text></switch></g><path d="M 0 300 L 34.29 380 L 160 220" fill="none" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 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: all; white-space: normal; overflow-wrap: normal;">image_ipad_checkmark</div></div></div></foreignObject><text x="80" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_checkmark</text></switch></g><ellipse cx="300" cy="300" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 221px;"><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;">image_ipad_check_off</div></div></div></foreignObject><text x="300" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_check_off</text></switch></g><ellipse cx="520" cy="300" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 441px;"><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;">image_ipad_location_dot</div></div></div></foreignObject><text x="520" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_location_dot</text></switch></g><ellipse cx="740" cy="300" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 661px;"><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;">image_ipad_mark_as_read</div></div></div></foreignObject><text x="740" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_mark_as_read</text></switch></g><path d="M 960 284 L 960 380" fill="none" stroke="#666666" stroke-width="1.5" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="960" cy="252" rx="80" ry="32" fill-opacity="0.9" fill="url(#mx-gradient-00dd00-1-004400-1-s-0)" stroke="#006600" stroke-opacity="0.9" pointer-events="all"/><ellipse cx="936" cy="242.4" rx="24" ry="9.6" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 881px;"><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;">image_ipad_pin_green</div></div></div></foreignObject><text x="960" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_pin_green</text></switch></g><path d="M 80 504 L 80 600" fill="none" stroke="#666666" stroke-width="1.5" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="80" cy="472" rx="80" ry="32" fill-opacity="0.9" fill="url(#mx-gradient-dd0000-1-440000-1-s-0)" stroke="#660000" stroke-opacity="0.9" pointer-events="all"/><ellipse cx="56" cy="462.4" rx="24" ry="9.6" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 520px; 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: all; white-space: normal; overflow-wrap: normal;">image_ipad_pin_red</div></div></div></foreignObject><text x="80" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_pin_red</text></switch></g><ellipse cx="300" cy="520" rx="80" ry="80" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 520px; margin-left: 221px;"><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;">image_ipad_radio_off</div></div></div></foreignObject><text x="300" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_radio_off</text></switch></g><rect x="440" y="440" width="160" height="160" rx="3" ry="3" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 520px; margin-left: 441px;"><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;">image_ipad_checkbox_off</div></div></div></foreignObject><text x="520" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_checkbox_off</text></switch></g><rect x="660" y="440" width="160" height="160" rx="3" ry="3" fill="url(#mx-gradient-e8878e-1-bd1421-1-s-0)" stroke="#ffffff" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 520px; margin-left: 661px;"><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;">image_ipad_indicator</div></div></div></foreignObject><text x="740" y="524" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_ipad_indicator</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/extensions/i_os_6_i_phone_controls.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1042px" height="382px" viewBox="-0.5 -0.5 1042 382"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-dddddd-1-3d5565-1-s-0"><stop offset="0%" style="stop-color: rgb(221, 221, 221); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(61, 85, 101); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-444444-1-ffffff-1-s-0"><stop offset="0%" style="stop-color: rgb(68, 68, 68); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-96d1ff-1-003377-1-s-0"><stop offset="0%" style="stop-color: rgb(150, 209, 255); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 51, 119); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-ffffff-1-444444-1-s-0"><stop offset="0%" style="stop-color: rgb(68, 68, 68); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-8a97a7-1-425163-1-s-0"><stop offset="0%" style="stop-color: rgb(138, 151, 167); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(66, 81, 99); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-eef3f9-1-dbe2e9-1-s-0"><stop offset="0%" style="stop-color: rgb(238, 243, 249); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(219, 226, 233); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-8b98a8-1-677488-1-s-0"><stop offset="0%" style="stop-color: rgb(139, 152, 168); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(103, 116, 136); stop-opacity: 1;"/></linearGradient></defs><g><path d="M 160 2.5 C 160 1.12 158.88 0 157.5 0 L 10 0 L 0.87 79.25 C 0.72 79.74 0.72 80.26 0.87 80.75 L 10 160 L 157.5 160 C 158.88 160 160 158.88 160 157.5 Z" fill="url(#mx-gradient-dddddd-1-3d5565-1-s-0)" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"/><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: 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: all; white-space: normal; overflow-wrap: normal;">image_iphone_back_button</div></div></div></foreignObject><text x="80" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_back_button</text></switch></g><rect x="220" y="0" width="160" height="160" rx="5" ry="5" fill="url(#mx-gradient-dddddd-1-3d5565-1-s-0)" stroke="none" pointer-events="all"/><path d="M 300 0 L 300 160" fill="none" stroke="#444444" stroke-miterlimit="10" pointer-events="all"/><path d="M 260 40 L 276 120 L 244 120 Z" fill="#ffffff" stroke="none" pointer-events="all"/><path d="M 340 120 L 356 40 L 324 40 Z" fill="#ffffff" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 80px; margin-left: 221px;"><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;">image_iphone_prev_next</div></div></div></foreignObject><text x="300" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_prev_next</text></switch></g><path d="M 440 0 L 600 0 L 600 32 L 440 32 Z M 440 64 L 600 64 L 600 96 L 440 96 Z M 440 128 L 600 128 L 600 160 L 440 160 Z" fill="#1ba1e2" stroke="#006eaf" 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: 441px;"><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;">image_iphone_sort_handle</div></div></div></foreignObject><text x="520" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_sort_handle</text></switch></g><rect x="660" y="77.5" width="160" height="5" rx="2.5" ry="2.5" fill="url(#mx-gradient-444444-1-ffffff-1-s-0)" stroke="none" pointer-events="all"/><path d="M 756 77.5 L 756 82.5 L 662.5 82.5 C 661.12 82.5 660 81.38 660 80 C 660 78.62 661.12 77.5 662.5 77.5 Z" fill="url(#mx-gradient-96d1ff-1-003377-1-s-0)" stroke="none" pointer-events="all"/><ellipse cx="756" cy="80" rx="5" ry="5" fill="url(#mx-gradient-ffffff-1-444444-1-s-0)" stroke="#999999" 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: 661px;"><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;">image_iphone_slider</div></div></div></foreignObject><text x="740" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_slider</text></switch></g><rect x="880" y="0" width="160" height="160" rx="2.5" ry="2.5" fill="#ffffff" stroke="#006eaf" pointer-events="all"/><path d="M 1025 0 L 1037.5 0 C 1038.88 0 1040 1.12 1040 2.5 L 1040 157.5 C 1040 158.88 1038.88 160 1037.5 160 L 1025 160 Z" fill="url(#mx-gradient-dddddd-1-3d5565-1-s-0)" stroke="#006eaf" stroke-miterlimit="10" pointer-events="all"/><path d="M 1029 5 L 1032.5 10 L 1036 5" fill="#ffffff" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" font-size="12px"/><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: 881px;"><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;">image_iphone_dropdown</div></div></div></foreignObject><text x="960" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_dropdown</text></switch></g><rect x="0" y="220" width="160" height="160" fill="#666666" stroke="none" pointer-events="all"/><rect x="3" y="232" width="74" height="136" rx="8.7" ry="8.7" fill="#999999" stroke="#cccccc" pointer-events="all"/><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="20px"><text x="35.5" y="308.5">OFF</text></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 center; justify-content: unsafe center; width: 158px; 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: all; white-space: normal; overflow-wrap: normal;">image_iphone_switch_off</div></div></div></foreignObject><text x="80" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_switch_off</text></switch></g><rect x="220" y="220" width="160" height="160" fill="url(#mx-gradient-8a97a7-1-425163-1-s-0)" stroke="none" pointer-events="all"/><rect x="221.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="221.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="227.08" y="243.75">Q</text></g><rect x="237.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="237.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="243.18" y="243.75">W</text></g><rect x="253.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="253.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="259.28" y="243.75">E</text></g><rect x="269.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="269.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="275.36" y="243.75">R</text></g><rect x="285.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="285.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="291.45" y="243.75">T</text></g><rect x="301.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="301.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="307.55" y="243.75">Y</text></g><rect x="317.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="317.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="323.64" y="243.75">U</text></g><rect x="334.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="334.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="339.72" y="243.75">I</text></g><rect x="350.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="350.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="355.82" y="243.75">O</text></g><rect x="366.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="366.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="371.92" y="243.75">P</text></g><rect x="230.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="230.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="235.82" y="283.75">A</text></g><rect x="246.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="246.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="251.92" y="283.75">S</text></g><rect x="262.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="262.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="268.01" y="283.75">D</text></g><rect x="278.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="278.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="284.09" y="283.75">F</text></g><rect x="294.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="294.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="300.19" y="283.75">G</text></g><rect x="310.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="310.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="316.28" y="283.75">H</text></g><rect x="326.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="326.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="332.38" y="283.75">J</text></g><rect x="342.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="342.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="348.46" y="283.75">K</text></g><rect x="358.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="358.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="364.56" y="283.75">L</text></g><rect x="246.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="246.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="251.92" y="323.75">Z</text></g><rect x="262.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="262.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="268.01" y="323.75">X</text></g><rect x="278.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="278.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="284.09" y="323.75">C</text></g><rect x="294.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="294.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="300.19" y="323.75">V</text></g><rect x="310.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="310.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="316.28" y="323.75">B</text></g><rect x="326.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="326.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="332.38" y="323.75">N</text></g><rect x="342.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="342.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="348.46" y="323.75">M</text></g><rect x="262.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="262.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="300.19" y="363.75">space</text></g><rect x="221.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="221.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="359.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="359.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="221.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="221.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="342.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="342.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="239.72" y="363.75">.?123</text></g><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="359.96" y="363.75">return</text></g><path d="M 226.43 321.6 L 231.49 312.8 L 236.54 321.6 L 233.79 321.6 L 233.79 327.2 L 229.2 327.2 L 229.2 321.6 Z" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 365.74 313.6 L 374.48 313.6 L 374.48 326.4 L 365.74 326.4 L 362.06 320 Z" fill="#ffffff" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 367.58 316.8 L 371.26 323.2 M 367.58 323.2 L 371.26 316.8" fill="none" stroke="#677488" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 221px;"><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;">image_iphone_keyboard_letters</div></div></div></foreignObject><text x="300" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_keyboard_lett...</text></switch></g><rect x="440" y="220" width="160" height="160" fill="url(#mx-gradient-8a97a7-1-425163-1-s-0)" stroke="none" pointer-events="all"/><rect x="441.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="441.38" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="447.08" y="243.75">Q</text></g><rect x="457.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="457.47" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="463.18" y="243.75">W</text></g><rect x="473.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="473.57" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="479.28" y="243.75">E</text></g><rect x="489.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="489.65" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="495.36" y="243.75">R</text></g><rect x="505.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="505.74" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="511.45" y="243.75">T</text></g><rect x="521.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="521.84" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="527.55" y="243.75">Y</text></g><rect x="537.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="537.94" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="543.64" y="243.75">U</text></g><rect x="554.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="554.02" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="559.72" y="243.75">I</text></g><rect x="570.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="570.11" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="575.82" y="243.75">O</text></g><rect x="586.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="586.21" y="224.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="591.92" y="243.75">P</text></g><rect x="450.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="450.11" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="455.82" y="283.75">A</text></g><rect x="466.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="466.21" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="471.92" y="283.75">S</text></g><rect x="482.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="482.3" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="488.01" y="283.75">D</text></g><rect x="498.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="498.38" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="504.09" y="283.75">F</text></g><rect x="514.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="514.48" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="520.19" y="283.75">G</text></g><rect x="530.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="530.58" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="536.28" y="283.75">H</text></g><rect x="546.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="546.67" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="552.38" y="283.75">J</text></g><rect x="562.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="562.75" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="568.46" y="283.75">K</text></g><rect x="578.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="578.85" y="264.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="584.56" y="283.75">L</text></g><rect x="466.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="466.21" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="471.92" y="323.75">Z</text></g><rect x="482.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="482.3" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="488.01" y="323.75">X</text></g><rect x="498.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="498.38" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="504.09" y="323.75">C</text></g><rect x="514.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="514.48" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="520.19" y="323.75">V</text></g><rect x="530.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="530.58" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="536.28" y="323.75">B</text></g><rect x="546.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="546.67" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="552.38" y="323.75">N</text></g><rect x="562.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="562.75" y="304.8" width="12.42" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#000000" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="568.46" y="323.75">M</text></g><rect x="482.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="482.3" y="344.8" width="76.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-eef3f9-1-dbe2e9-1-s-0)" stroke="none" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="520.19" y="363.75">space</text></g><rect x="441.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="441.84" y="304.8" width="19.31" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="579.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="579.78" y="304.8" width="18.4" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="441.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="441.84" y="344.8" width="36.78" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><rect x="562.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="562.75" y="344.8" width="35.41" height="30.4" rx="2.3" ry="4" fill="url(#mx-gradient-8b98a8-1-677488-1-s-0)" stroke="none" pointer-events="all"/><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="459.72" y="363.75">.?123</text></g><g fill="#ffffff" font-family="Arial,Helvetica" text-anchor="middle" font-size="10.5px"><text x="579.96" y="363.75">return</text></g><path d="M 446.43 321.6 L 451.49 312.8 L 456.54 321.6 L 453.79 321.6 L 453.79 327.2 L 449.2 327.2 L 449.2 321.6 Z" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 585.74 313.6 L 594.48 313.6 L 594.48 326.4 L 585.74 326.4 L 582.06 320 Z" fill="#ffffff" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><path d="M 587.58 316.8 L 591.26 323.2 M 587.58 323.2 L 591.26 316.8" fill="none" stroke="#677488" stroke-width="1.5" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 441px;"><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;">image_iphone_keyboard_landscape</div></div></div></foreignObject><text x="520" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_keyboard_land...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
data/docs/extensions/i_os_6_i_phone_elements.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1042px" height="382px" viewBox="-0.5 -0.5 1042 382"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-808080-1-000000-1-s-0"><stop offset="0%" style="stop-color: rgb(128, 128, 128); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-bbbbbb-1-000000-1-s-0"><stop offset="0%" style="stop-color: rgb(187, 187, 187); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-eeeeee-1-999999-1-s-0"><stop offset="0%" style="stop-color: rgb(238, 238, 238); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(153, 153, 153); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-444444-1-eeeeee-1-s-0"><stop offset="0%" style="stop-color: rgb(238, 238, 238); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(68, 68, 68); stop-opacity: 1;"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-e2ffeb-1-008215-1-s-0"><stop offset="0%" style="stop-color: rgb(226, 255, 235); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(0, 130, 21); stop-opacity: 1;"/></linearGradient></defs><g><rect x="0" y="0" width="160" height="160" rx="25" ry="25" fill="#000000" stroke="#000000" pointer-events="all"/><path d="M 52 0 L 135 0 C 148.81 0 160 11.19 160 25 L 160 80 L 112 80 Z" fill="url(#mx-gradient-808080-1-000000-1-s-0)" stroke="none" pointer-events="all"/><rect x="10" y="24" width="140" height="112" fill="#1f2923" stroke="none" pointer-events="all"/><rect x="10" y="24" width="140" height="112" fill="none" stroke="#18211b" pointer-events="all"/><rect x="0" y="0" width="160" height="160" rx="25" ry="25" fill="none" stroke="#dddddd" stroke-opacity="0.8" stroke-width="1.5" pointer-events="all"/><rect x="5" y="5" width="150" height="150" rx="22.5" ry="22.5" fill="none" stroke="#666666" stroke-opacity="0.8" stroke-width="1.5" pointer-events="all"/><ellipse cx="80" cy="7.6" rx="2" ry="1" fill="#000099" stroke="#000000" stroke-width="2.5" pointer-events="all"/><rect x="60" y="12" width="40" height="3" rx="3.2" ry="1.6" fill="#444444" stroke="#333333" stroke-width="1.5" pointer-events="all"/><ellipse cx="80" cy="148" rx="16" ry="8" fill="url(#mx-gradient-bbbbbb-1-000000-1-s-0)" stroke="none" pointer-events="all"/><ellipse cx="79.84" cy="147.76" rx="15.2" ry="7.6" fill="none" stroke="#333333" stroke-opacity="0.5" stroke-width="1.5" pointer-events="all"/><path d="M 64.4 148 C 64.4 143.91 71.38 140.6 80 140.6 C 88.62 140.6 95.6 143.91 95.6 148 C 85.9 150.71 74.1 150.71 64.4 148 Z" fill-opacity="0.85" fill="#000000" stroke="#333333" stroke-opacity="0.85" stroke-width="1.5" stroke-miterlimit="10" pointer-events="all"/><rect x="73.2" y="144.8" width="14" height="7" rx="1" ry="1" fill="none" stroke="#dddddd" stroke-opacity="0.7" stroke-width="1.5" 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: 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: all; white-space: normal; overflow-wrap: normal;">image_iphone_iphone_4</div></div></div></foreignObject><text x="80" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_iphone_4</text></switch></g><rect x="220" y="0" width="160" height="160" fill="#5d7585" stroke="#18211b" pointer-events="all"/><path d="M 225 0 L 225 160 M 230 0 L 230 160 M 235 0 L 235 160 M 240 0 L 240 160 M 245 0 L 245 160 M 250 0 L 250 160 M 255 0 L 255 160 M 260 0 L 260 160 M 265 0 L 265 160 M 270 0 L 270 160 M 275 0 L 275 160 M 280 0 L 280 160 M 285 0 L 285 160 M 290 0 L 290 160 M 295 0 L 295 160 M 300 0 L 300 160 M 305 0 L 305 160 M 310 0 L 310 160 M 315 0 L 315 160 M 320 0 L 320 160 M 325 0 L 325 160 M 330 0 L 330 160 M 335 0 L 335 160 M 340 0 L 340 160 M 345 0 L 345 160 M 350 0 L 350 160 M 355 0 L 355 160 M 360 0 L 360 160 M 365 0 L 365 160 M 370 0 L 370 160 M 375 0 L 375 160" fill="none" stroke="#657e8f" stroke-miterlimit="10" pointer-events="all"/><rect x="220" y="0" width="160" height="160" fill="none" stroke="#18211b" 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: 221px;"><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;">image_iphone_bg_stripe_drk</div></div></div></foreignObject><text x="300" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_bg_stripe_drk</text></switch></g><rect x="440" y="0" width="160" height="160" fill="#5d7585" stroke="#18211b" pointer-events="all"/><path d="M 445 0 L 445 160 M 450 0 L 450 160 M 455 0 L 455 160 M 460 0 L 460 160 M 465 0 L 465 160 M 470 0 L 470 160 M 475 0 L 475 160 M 480 0 L 480 160 M 485 0 L 485 160 M 490 0 L 490 160 M 495 0 L 495 160 M 500 0 L 500 160 M 505 0 L 505 160 M 510 0 L 510 160 M 515 0 L 515 160 M 520 0 L 520 160 M 525 0 L 525 160 M 530 0 L 530 160 M 535 0 L 535 160 M 540 0 L 540 160 M 545 0 L 545 160 M 550 0 L 550 160 M 555 0 L 555 160 M 560 0 L 560 160 M 565 0 L 565 160 M 570 0 L 570 160 M 575 0 L 575 160 M 580 0 L 580 160 M 585 0 L 585 160 M 590 0 L 590 160 M 595 0 L 595 160" fill="none" stroke="#657e8f" stroke-miterlimit="10" pointer-events="all"/><rect x="440" y="0" width="160" height="160" fill="none" stroke="#18211b" 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: 441px;"><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;">image_iphone_bg_stripe_lt</div></div></div></foreignObject><text x="520" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_bg_stripe_lt</text></switch></g><rect x="660" y="0" width="160" height="160" fill="url(#mx-gradient-eeeeee-1-999999-1-s-0)" stroke="none" pointer-events="all"/><rect x="665" y="81.75" width="1.5" height="2.5" fill="#0099ff" stroke="none" pointer-events="all"/><rect x="667" y="80.75" width="1.5" height="3.5" fill="#0099ff" stroke="none" pointer-events="all"/><rect x="669" y="79.75" width="1.5" height="4.5" fill="#0099ff" stroke="none" pointer-events="all"/><rect x="671" y="78.75" width="1.5" height="5.5" fill="#0099ff" stroke="none" pointer-events="all"/><rect x="673" y="77.75" width="1.5" height="6.5" fill="#0099ff" stroke="none" pointer-events="all"/><rect x="675" y="76.75" width="1.5" height="7.5" fill="#0099ff" stroke="none" pointer-events="all"/><ellipse cx="767.5" cy="80" rx="4" ry="4" fill="#999999" stroke="none" pointer-events="all"/><path d="M 767.5 77 L 767.5 80 L 765.5 80" fill="none" stroke="#cccccc" stroke-miterlimit="10" pointer-events="all"/><path d="M 774.5 80 L 782.5 75 L 778.5 84 L 778 80.5 Z" fill="#990000" stroke="#333333" stroke-miterlimit="10" pointer-events="all"/><path d="M 791.5 83.5 C 790.03 84.16 788.29 83.73 787.3 82.45 C 786.31 81.17 786.33 79.38 787.34 78.12 C 788.35 76.86 790.09 76.45 791.55 77.13 C 793.02 77.82 793.82 79.42 793.5 81" fill="none" stroke="#999999" stroke-miterlimit="10" pointer-events="all"/><path d="M 792.75 80.25 L 794.25 80.25 L 793.5 81.5 Z" fill="#999999" stroke="#999999" stroke-miterlimit="10" pointer-events="all"/><path d="M 789 79.5 C 789 78.67 789.45 78 790 78 C 790.55 78 791 78.67 791 79.5" fill="none" stroke="#999999" stroke-miterlimit="10" pointer-events="all"/><rect x="788.5" y="79.5" width="3" height="2" fill="#999999" stroke="#999999" pointer-events="all"/><path d="M 800 77 L 815 77 L 815 79 L 816.5 79 L 816.5 81 L 815 81 L 815 83 L 800 83 Z" fill="url(#mx-gradient-444444-1-eeeeee-1-s-0)" stroke="none" pointer-events="all"/><path d="M 800 77 L 810 77 L 810 83 L 800 83 Z" fill="url(#mx-gradient-e2ffeb-1-008215-1-s-0)" stroke="none" pointer-events="all"/><path d="M 800 77 L 815 77 L 815 79 L 816.5 79 L 816.5 81 L 815 81 L 815 83 L 800 83 Z" fill="none" 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: 158px; height: 1px; padding-top: 80px; margin-left: 661px;"><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;">image_iphone_top_bar_app</div></div></div></foreignObject><text x="740" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_top_bar_app</text></switch></g><rect x="880" y="0" width="160" height="160" fill-opacity="0.5" fill="#999999" stroke="none" pointer-events="all"/><rect x="885" y="81.75" width="1.5" height="2.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="887" y="80.75" width="1.5" height="3.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="889" y="79.75" width="1.5" height="4.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="891" y="78.75" width="1.5" height="5.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="893" y="77.75" width="1.5" height="6.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><rect x="895" y="76.75" width="1.5" height="7.5" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><path d="M 1021 78 L 1030 78 L 1030 82 L 1021 82 Z" fill-opacity="0.5" fill="#cccccc" stroke="none" pointer-events="all"/><path d="M 1020 77 L 1035 77 L 1035 79 L 1036.5 79 L 1036.5 81 L 1035 81 L 1035 83 L 1020 83 Z" fill="none" stroke="#cccccc" stroke-opacity="0.5" 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: 881px;"><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;">image_iphone_top_bar_home</div></div></div></foreignObject><text x="960" y="84" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_top_bar_home</text></switch></g><rect x="0" y="220" width="160" height="160" fill="#1ba1e2" stroke="#006eaf" transform="translate(80,0)scale(-1,1)translate(-80,0)" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" font-size="17px" transform="translate(80,0)scale(-1,1)translate(-80,0)"/><ellipse cx="150" cy="297" rx="5" ry="5" fill="none" stroke="#008cff" transform="translate(80,0)scale(-1,1)translate(-80,0)" pointer-events="all"/><path d="M 141 309 L 147 301" fill="none" stroke="#008cff" stroke-miterlimit="10" transform="translate(80,0)scale(-1,1)translate(-80,0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 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: all; white-space: normal; overflow-wrap: normal;">image_iphone_search</div></div></div></foreignObject><text x="80" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_search</text></switch></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="235.54">A</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="241.06">B</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="246.58">C</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="252.1">D</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="257.62">E</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="263.14">F</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="268.66">G</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="274.18">H</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="279.7">I</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="285.22">J</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="290.74">K</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="296.26">L</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="301.78">M</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="307.3">N</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="312.82">O</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="318.34">P</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="323.86">Q</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="329.38">R</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="334.9">S</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="340.42">T</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="345.94">U</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="351.46">V</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="356.98">W</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="362.5">X</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="368.02">Y</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="373.54">Z</text></g><g fill="#999999" font-family="Arial,Helvetica" text-anchor="middle" font-size="12px"><text x="299.5" y="379.06">#</text></g><ellipse cx="300" cy="224.27" rx="2.25" ry="2.25" fill="none" stroke="#999999" pointer-events="all"/><path d="M 295.75 228.52 L 298.25 225.52" fill="none" stroke="#999999" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 300px; margin-left: 221px;"><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;">image_iphone_alpha_list</div></div></div></foreignObject><text x="300" y="304" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">image_iphone_alpha_list</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>