drawio_dsl 0.8.2 → 0.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
 - data/.builders/.data/shapes.json +193 -9
 - data/.builders/.templates/basic/drawio_extensions.rb +2 -1
 - data/.builders/.templates/basic/drawio_shapes.rb +1 -1
 - data/.builders/blueprint/shapes.rb +88 -4
 - data/.builders/generators/20-drawio-extensions.rb +1 -1
 - data/.builders/generators/domain_diagram.rb +473 -0
 - data/.builders/generators/parking-map.png +0 -0
 - data/.builders/generators/parking_app.rb +110 -0
 - data/.builders/generators/printspeak-architecture-generator.rb +45 -0
 - data/.builders/generators/project-plan.rb +14 -7
 - data/.builders/generators/sample_diagrams/35-ids-and-arrows.rb +16 -6
 - data/CHANGELOG.md +22 -0
 - data/README.md +5 -3
 - data/docs/domain-modal/domain_model.drawio +265 -0
 - data/docs/domain-modal/domain_model.svg +3 -0
 - data/docs/domain-modal/domain_model_custom.drawio +408 -0
 - data/docs/domain-modal/domain_model_custom.png +0 -0
 - data/docs/domain-modal.md +9 -0
 - data/docs/parking_app.drawio +25 -0
 - data/docs/parking_app.svg +3 -0
 - data/docs/printspeak-architecture-generator.drawio +31 -0
 - data/docs/printspeak-architecture-generator.svg +3 -0
 - data/docs/project-plan/project.drawio +72 -48
 - data/docs/project-plan/project_done.svg +1 -1
 - data/docs/project-plan/project_in_progress.svg +1 -1
 - data/docs/project-plan/project_todo.svg +1 -1
 - data/docs/samples/styles-glass.svg +1 -1
 - data/docs/samples/styles-rounded.svg +1 -1
 - data/docs/samples/styles-sketch.svg +1 -1
 - data/lib/drawio_dsl/configuration_shapes.rb +7 -3
 - data/lib/drawio_dsl/dom_builder.rb +1 -1
 - data/lib/drawio_dsl/dom_builder_shapes.rb +19 -7
 - data/lib/drawio_dsl/drawio.rb +0 -19
 - data/lib/drawio_dsl/drawio_extensions.rb +3 -2
 - data/lib/drawio_dsl/drawio_extensions_active.rb +1 -1
 - data/lib/drawio_dsl/drawio_page.rb +22 -0
 - data/lib/drawio_dsl/drawio_shapes.rb +58 -46
 - data/lib/drawio_dsl/formatters/base_formatter.rb +1 -1
 - data/lib/drawio_dsl/formatters/html_builder.rb +1 -1
 - data/lib/drawio_dsl/formatters/interface_formatter.rb +1 -1
 - data/lib/drawio_dsl/formatters/klass_formatter.rb +1 -1
 - data/lib/drawio_dsl/formatters/style_builder.rb +1 -1
 - data/lib/drawio_dsl/schema/_.rb +3 -1
 - data/lib/drawio_dsl/schema/shapes/database.rb +9 -0
 - data/lib/drawio_dsl/schema/shapes/db_json.rb +9 -0
 - data/lib/drawio_dsl/schema/shapes/shape.rb +19 -0
 - data/lib/drawio_dsl/version.rb +1 -1
 - data/lib/drawio_dsl/xml_builder.rb +1 -1
 - data/lib/drawio_dsl.rb +1 -0
 - data/package-lock.json +2 -2
 - data/package.json +1 -1
 - metadata +18 -2
 
| 
         @@ -5,15 +5,25 @@ KManager.action :bootstrap do 
     | 
|
| 
       5 
5 
     | 
    
         
             
                  .init(k_builder, on_exist: :write, on_action: :execute)
         
     | 
| 
       6 
6 
     | 
    
         
             
                  .diagram(theme: :style_06)
         
     | 
| 
       7 
7 
     | 
    
         
             
                  .page('Style-Plain', margin_left: 0, margin_top: 0) do
         
     | 
| 
       8 
     | 
    
         
            -
                    grid_layout(wrap_at: 2)
         
     | 
| 
      
 8 
     | 
    
         
            +
                    grid_layout(wrap_at: 2, grid_w: 400)
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
                    shape_count = 2
         
     | 
| 
      
 11 
     | 
    
         
            +
                    # for 1 to 20 step 2
         
     | 
| 
      
 12 
     | 
    
         
            +
                    (1..shape_count).step(2).each do |i|
         
     | 
| 
      
 13 
     | 
    
         
            +
                      circle(i, title: i)
         
     | 
| 
      
 14 
     | 
    
         
            +
                      ellipse(i+1, title: i + 1)
         
     | 
| 
      
 15 
     | 
    
         
            +
                    end
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
                    (1..shape_count).step(2).each do |i|
         
     | 
| 
      
 18 
     | 
    
         
            +
                      line(source: i, target: i+1)
         
     | 
| 
      
 19 
     | 
    
         
            +
                    end
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
                    # # label = '<div style="background-color: #B85450; height: 100%; margin: 0; border: 1px solid red;"><p style="padding: 10px; font-size: 12px;color: #ffffff;width: 150px;"><img style="margin-right: 20px" src="https://picsum.photos/40" /> the quick brown fox jumped over the lazy dog</p></div>'
         
     | 
| 
      
 22 
     | 
    
         
            +
                    # label = ''
         
     | 
| 
       9 
23 
     | 
    
         | 
| 
       10 
     | 
    
         
            -
                    square(:a, title: '01')
         
     | 
| 
       11 
     | 
    
         
            -
                    circle(:b, title: '02')
         
     | 
| 
       12 
     | 
    
         
            -
                    rectangle(:c, title: '03')
         
     | 
| 
       13 
     | 
    
         
            -
                    ellipse(:d, title: '04')
         
     | 
| 
       14 
24 
     | 
    
         
             
                  end
         
     | 
| 
       15 
25 
     | 
    
         
             
                  .cd(:spec)
         
     | 
| 
       16 
     | 
    
         
            -
                  . 
     | 
| 
      
 26 
     | 
    
         
            +
                  .save('.samples/35-ids-and-arrows.drawio')
         
     | 
| 
       17 
27 
     | 
    
         
             
                  # .cd(:docs)
         
     | 
| 
       18 
28 
     | 
    
         
             
                  # .export_svg('samples/styles-plain', page: 1)
         
     | 
| 
       19 
29 
     | 
    
         
             
              end
         
     | 
    
        data/CHANGELOG.md
    CHANGED
    
    | 
         @@ -1,3 +1,25 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ## [0.8.4](https://github.com/klueless-io/drawio_dsl/compare/v0.8.3...v0.8.4) (2022-03-17)
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            ### Bug Fixes
         
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            * add database shape ([abd80d8](https://github.com/klueless-io/drawio_dsl/commit/abd80d80e268484e6298c0e7a299cbbba3de4768))
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            ## [0.8.3](https://github.com/klueless-io/drawio_dsl/compare/v0.8.2...v0.8.3) (2022-03-17)
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            ### Bug Fixes
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            * add line configuration definitions ([a1e0f50](https://github.com/klueless-io/drawio_dsl/commit/a1e0f509f309096013fa0db2d03a61fe78816948))
         
     | 
| 
      
 14 
     | 
    
         
            +
            * add line configuration definitions ([6864470](https://github.com/klueless-io/drawio_dsl/commit/6864470d00f1ffaa2d7dc572fa0d857f5d40256b))
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            ## [0.8.2](https://github.com/klueless-io/drawio_dsl/compare/v0.8.1...v0.8.2) (2022-03-17)
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            ### Bug Fixes
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
            * refactor the shape->text_only (boolean) to category (symbol) ([a469b2f](https://github.com/klueless-io/drawio_dsl/commit/a469b2fb0af9e47af35e8835fde79faba66a36df))
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
       1 
23 
     | 
    
         
             
            ## [0.8.1](https://github.com/klueless-io/drawio_dsl/compare/v0.8.0...v0.8.1) (2022-03-16)
         
     | 
| 
       2 
24 
     | 
    
         | 
| 
       3 
25 
     | 
    
         | 
    
        data/README.md
    CHANGED
    
    | 
         @@ -40,11 +40,13 @@ See all [samples](./docs/samples/samples.md) 
     | 
|
| 
       40 
40 
     | 
    
         | 
| 
       41 
41 
     | 
    
         
             
            
         
     | 
| 
       42 
42 
     | 
    
         | 
| 
       43 
     | 
    
         
            -
            ##  
     | 
| 
      
 43 
     | 
    
         
            +
            ## Architecture
         
     | 
| 
       44 
44 
     | 
    
         | 
| 
       45 
     | 
    
         
            -
             
     | 
| 
      
 45 
     | 
    
         
            +
            ### Domain 
         
     | 
| 
       46 
46 
     | 
    
         | 
| 
       47 
     | 
    
         
            -
             
     | 
| 
      
 47 
     | 
    
         
            +
            Domain modal and class diagram can be found [here](docs/domain-modal.md)
         
     | 
| 
      
 48 
     | 
    
         
            +
             
     | 
| 
      
 49 
     | 
    
         
            +
            ### Development
         
     | 
| 
       48 
50 
     | 
    
         | 
| 
       49 
51 
     | 
    
         
             
            Checkout the repo
         
     | 
| 
       50 
52 
     | 
    
         | 
| 
         @@ -0,0 +1,265 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            <mxfile host="7Nw">
         
     | 
| 
      
 2 
     | 
    
         
            +
              <diagram id="bLn" name="Domain Modal">
         
     | 
| 
      
 3 
     | 
    
         
            +
                <mxGraphModel dx="0" dy="0" background="#fafafa" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
         
     | 
| 
      
 4 
     | 
    
         
            +
                  <root>
         
     | 
| 
      
 5 
     | 
    
         
            +
                    <mxCell id="page_root_bLn" parent="bLn"/>
         
     | 
| 
      
 6 
     | 
    
         
            +
                    <mxCell id="node_root_bLn" parent="page_root_bLn"/>
         
     | 
| 
      
 7 
     | 
    
         
            +
                    <mxCell id="bLn-2" value="Configuration" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 8 
     | 
    
         
            +
                      <mxGeometry x="10" y="10" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 9 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 10 
     | 
    
         
            +
                    <mxCell id="bLn-3" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>ShapeDefaults</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">type: symbol</p><p style="margin:0px;margin-left:4px;margin-top:4px">category: symbol</p><p style="margin:0px;margin-left:4px;margin-top:4px">x: integer</p><p style="margin:0px;margin-left:4px;margin-top:4px">y: integer</p><p style="margin:0px;margin-left:4px;margin-top:4px">w: integer</p><p style="margin:0px;margin-left:4px;margin-top:4px">h: integer</p><p style="margin:0px;margin-left:4px;margin-top:4px">style_modifiers: string</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 11 
     | 
    
         
            +
                      <mxGeometry x="190" y="10" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 12 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 13 
     | 
    
         
            +
                    <mxCell id="bLn-4" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>ShapeThemeStyle</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">theme: symbol</p><p style="margin:0px;margin-left:4px;margin-top:4px">fill_color: string</p><p style="margin:0px;margin-left:4px;margin-top:4px">stroke_color: string</p><p style="margin:0px;margin-left:4px;margin-top:4px">font_color: string</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 14 
     | 
    
         
            +
                      <mxGeometry x="370" y="10" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 15 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 16 
     | 
    
         
            +
                    <mxCell id="bLn-5" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Configuration</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">base_style: Struct</p><p style="margin:0px;margin-left:4px;margin-top:4px">shapes: Hash&lt;Struct&gt;</p><p style="margin:0px;margin-left:4px;margin-top:4px">themes: Hash</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">+ &lt;ConfigurationThemes&gt;()</p><p style="margin:0px;margin-left:4px;margin-top:4px">+ &lt;ConfigurationShapes&gt;()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 17 
     | 
    
         
            +
                      <mxGeometry x="550" y="10" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 18 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 19 
     | 
    
         
            +
                    <mxCell id="bLn-6" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><i>&lt;&lt; MixIn &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>ConfigurationExtension</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">drawio: Configuration</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 20 
     | 
    
         
            +
                      <mxGeometry x="730" y="10" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 21 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 22 
     | 
    
         
            +
                    <mxCell id="bLn-7" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><i>&lt;&lt; MixIn &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>ConfigurationShapes</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">add_shapes()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 23 
     | 
    
         
            +
                      <mxGeometry x="910" y="10" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 24 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 25 
     | 
    
         
            +
                    <mxCell id="bLn-8" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><i>&lt;&lt; MixIn &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>ConfigurationThemes</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">add_theme()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_themes()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 26 
     | 
    
         
            +
                      <mxGeometry x="10" y="190" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 27 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 28 
     | 
    
         
            +
                    <mxCell id="bLn-9" value="DOM Builder" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 29 
     | 
    
         
            +
                      <mxGeometry x="190" y="190" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 30 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 31 
     | 
    
         
            +
                    <mxCell id="bLn-10" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>DomBuilder</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">actions: Array</p><p style="margin:0px;margin-left:4px;margin-top:4px">last_action: Hash</p><p style="margin:0px;margin-left:4px;margin-top:4px">focus_node: Anchor</p><p style="margin:0px;margin-left:4px;margin-top:4px">current_page: Page</p><p style="margin:0px;margin-left:4px;margin-top:4px">dom</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">reset()</p><p style="margin:0px;margin-left:4px;margin-top:4px">queue_action()</p><p style="margin:0px;margin-left:4px;margin-top:4px">set_diagram()</p><p style="margin:0px;margin-left:4px;margin-top:4px">diagram()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_page()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_grid_layout()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_flex_layout()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_layout()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_shape()</p><p style="margin:0px;margin-left:4px;margin-top:4px">+ &lt;DomBuilderShapes&gt;()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 32 
     | 
    
         
            +
                      <mxGeometry x="370" y="190" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 33 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 34 
     | 
    
         
            +
                    <mxCell id="bLn-11" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><i>&lt;&lt; MixIn &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>DomBuilderShapes</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">add_* (for each shape)()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 35 
     | 
    
         
            +
                      <mxGeometry x="550" y="190" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 36 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 37 
     | 
    
         
            +
                    <mxCell id="bLn-12" value="DrawIO DSL" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 38 
     | 
    
         
            +
                      <mxGeometry x="730" y="190" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 39 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 40 
     | 
    
         
            +
                    <mxCell id="bLn-13" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Drawio</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">diagram()</p><p style="margin:0px;margin-left:4px;margin-top:4px">page()</p><p style="margin:0px;margin-left:4px;margin-top:4px">save()</p><p style="margin:0px;margin-left:4px;margin-top:4px">osave()</p><p style="margin:0px;margin-left:4px;margin-top:4px">export_svg()</p><p style="margin:0px;margin-left:4px;margin-top:4px">export_png()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 41 
     | 
    
         
            +
                      <mxGeometry x="910" y="190" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 42 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 43 
     | 
    
         
            +
                    <mxCell id="bLn-14" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>DrawioPage</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">grid_layout()</p><p style="margin:0px;margin-left:4px;margin-top:4px">flex_layout()</p><p style="margin:0px;margin-left:4px;margin-top:4px">+ &lt;DrawioShapes&gt;()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 44 
     | 
    
         
            +
                      <mxGeometry x="10" y="370" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 45 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 46 
     | 
    
         
            +
                    <mxCell id="bLn-15" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><i>&lt;&lt; MixIn &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>DrawioShapes</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">random()</p><p style="margin:0px;margin-left:4px;margin-top:4px">* (for each shape)()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 47 
     | 
    
         
            +
                      <mxGeometry x="190" y="370" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 48 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 49 
     | 
    
         
            +
                    <mxCell id="bLn-16" value="1000 Extension Shapes" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 50 
     | 
    
         
            +
                      <mxGeometry x="370" y="370" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 51 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 52 
     | 
    
         
            +
                    <mxCell id="bLn-17" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>DrawioExtensions</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">sections: Array</p><p style="margin:0px;margin-left:4px;margin-top:4px">current_section: Hash</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">section()</p><p style="margin:0px;margin-left:4px;margin-top:4px">shape()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p><p style="margin:0px;margin-left:4px;margin-top:4px">build_extensions()</p><p style="margin:0px;margin-left:4px;margin-top:4px">configure_extensions()</p><p style="margin:0px;margin-left:4px;margin-top:4px">+ &lt;DrawioExtensionsActive&gt;()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 53 
     | 
    
         
            +
                      <mxGeometry x="550" y="370" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 54 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 55 
     | 
    
         
            +
                    <mxCell id="bLn-18" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><i>&lt;&lt; MixIn &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>DrawioExtensionsActive</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">apply_active_flags()</p><p style="margin:0px;margin-left:4px;margin-top:4px">check_if_active()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 56 
     | 
    
         
            +
                      <mxGeometry x="730" y="370" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 57 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 58 
     | 
    
         
            +
                    <mxCell id="bLn-19" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>LayoutEngine</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">page: Page</p><p style="margin:0px;margin-left:4px;margin-top:4px">current_page: Page</p><p style="margin:0px;margin-left:4px;margin-top:4px">current_layout: Layout</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">call()</p><p style="margin:0px;margin-left:4px;margin-top:4px">traverse_node()</p><p style="margin:0px;margin-left:4px;margin-top:4px">process_node()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 59 
     | 
    
         
            +
                      <mxGeometry x="910" y="370" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 60 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 61 
     | 
    
         
            +
                    <mxCell id="bLn-20" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>XmlBuilder</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">diagram</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">build()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 62 
     | 
    
         
            +
                      <mxGeometry x="10" y="550" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 63 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 64 
     | 
    
         
            +
                    <mxCell id="bLn-21" value="Formatters" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 65 
     | 
    
         
            +
                      <mxGeometry x="190" y="550" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 66 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 67 
     | 
    
         
            +
                    <mxCell id="bLn-22" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>HtmlBuilder</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">element_style_defaults: Hash</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">default_for()</p><p style="margin:0px;margin-left:4px;margin-top:4px">style_for()</p><p style="margin:0px;margin-left:4px;margin-top:4px">empty?()</p><p style="margin:0px;margin-left:4px;margin-top:4px">exist?()</p><p style="margin:0px;margin-left:4px;margin-top:4px">as_html()</p><p style="margin:0px;margin-left:4px;margin-top:4px">hr()</p><p style="margin:0px;margin-left:4px;margin-top:4px">b()</p><p style="margin:0px;margin-left:4px;margin-top:4px">p()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_line()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_placeholder()</p><p style="margin:0px;margin-left:4px;margin-top:4px">group()</p><p style="margin:0px;margin-left:4px;margin-top:4px">build_lines()</p><p style="margin:0px;margin-left:4px;margin-top:4px">lines()</p><p style="margin:0px;margin-left:4px;margin-top:4px">groups()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 68 
     | 
    
         
            +
                      <mxGeometry x="370" y="550" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 69 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 70 
     | 
    
         
            +
                    <mxCell id="bLn-23" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><i>&lt;&lt; MixIn &gt;&gt;</i></p><p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Factory</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">formatter()</p><p style="margin:0px;margin-left:4px;margin-top:4px">format_instance()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 71 
     | 
    
         
            +
                      <mxGeometry x="550" y="550" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 72 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 73 
     | 
    
         
            +
                    <mxCell id="bLn-24" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>BaseFormatter</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">html: String</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">empty?()</p><p style="margin:0px;margin-left:4px;margin-top:4px">as_html()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 74 
     | 
    
         
            +
                      <mxGeometry x="730" y="550" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 75 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 76 
     | 
    
         
            +
                    <mxCell id="bLn-25" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>InterfaceFormatter</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">header()</p><p style="margin:0px;margin-left:4px;margin-top:4px">field()</p><p style="margin:0px;margin-left:4px;margin-top:4px">method()</p><p style="margin:0px;margin-left:4px;margin-top:4px">as_html()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 77 
     | 
    
         
            +
                      <mxGeometry x="910" y="550" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 78 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 79 
     | 
    
         
            +
                    <mxCell id="bLn-26" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>KlassFormatter</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">header()</p><p style="margin:0px;margin-left:4px;margin-top:4px">field()</p><p style="margin:0px;margin-left:4px;margin-top:4px">method()</p><p style="margin:0px;margin-left:4px;margin-top:4px">as_html()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 80 
     | 
    
         
            +
                      <mxGeometry x="10" y="730" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 81 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 82 
     | 
    
         
            +
                    <mxCell id="bLn-27" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>StyleBuilder</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">defaults: Hash</p><p style="margin:0px;margin-left:4px;margin-top:4px">custom: Hash</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">customize()</p><p style="margin:0px;margin-left:4px;margin-top:4px">style()</p><p style="margin:0px;margin-left:4px;margin-top:4px">style_attribute()</p><p style="margin:0px;margin-left:4px;margin-top:4px">build()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 83 
     | 
    
         
            +
                      <mxGeometry x="190" y="730" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 84 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 85 
     | 
    
         
            +
                    <mxCell id="bLn-28" value="Schema" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 86 
     | 
    
         
            +
                      <mxGeometry x="370" y="730" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 87 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 88 
     | 
    
         
            +
                    <mxCell id="bLn-29" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Shape</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">category: Symbol</p><p style="margin:0px;margin-left:4px;margin-top:4px">theme: Symbol</p><p style="margin:0px;margin-left:4px;margin-top:4px">title: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">value: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">white_space: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">html: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">rounded: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">shadow: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">glass: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">sketch: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">fill_color: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">stroke_color: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">font_color: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">gradient: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">x: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">y: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">w: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">h: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">style_modifiers: Hash</p><p style="margin:0px;margin-left:4px;margin-top:4px">source: Symbol (id)</p><p style="margin:0px;margin-left:4px;margin-top:4px">target: Symbol (id)</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">&gt; configure_shape()</p><p style="margin:0px;margin-left:4px;margin-top:4px">initialize()</p><p style="margin:0px;margin-left:4px;margin-top:4px">shape_defaults()</p><p style="margin:0px;margin-left:4px;margin-top:4px">apply_defaults()</p><p style="margin:0px;margin-left:4px;margin-top:4px">format()</p><p style="margin:0px;margin-left:4px;margin-top:4px">style()</p><p style="margin:0px;margin-left:4px;margin-top:4px">as_xml()</p><p style="margin:0px;margin-left:4px;margin-top:4px">draw_element()</p><p style="margin:0px;margin-left:4px;margin-top:4px">draw_line()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 89 
     | 
    
         
            +
                      <mxGeometry x="550" y="730" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 90 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 91 
     | 
    
         
            +
                    <mxCell id="bLn-30" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>CommonStyle</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">white_space: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">html: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">rounded: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">shadow: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">glass: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">sketch: int</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 92 
     | 
    
         
            +
                      <mxGeometry x="730" y="730" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 93 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 94 
     | 
    
         
            +
                    <mxCell id="bLn-31" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>DefaultPalette</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">fill_color: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">stroke_color: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">font_color: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">gradient: String</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 95 
     | 
    
         
            +
                      <mxGeometry x="910" y="730" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 96 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 97 
     | 
    
         
            +
                    <mxCell id="bLn-32" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Diagram</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">host: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">theme: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">style: CommonStyle</p><p style="margin:0px;margin-left:4px;margin-top:4px">palette: DefaultPalette</p><p style="margin:0px;margin-left:4px;margin-top:4px">pages: Array</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 98 
     | 
    
         
            +
                      <mxGeometry x="10" y="910" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 99 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 100 
     | 
    
         
            +
                    <mxCell id="bLn-33" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Node</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">id: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">page: Page</p><p style="margin:0px;margin-left:4px;margin-top:4px">parent: Node</p><p style="margin:0px;margin-left:4px;margin-top:4px">classification: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">type: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">nodes: Array</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">initialize()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p><p style="margin:0px;margin-left:4px;margin-top:4px">root?()</p><p style="margin:0px;margin-left:4px;margin-top:4px">add_node()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 101 
     | 
    
         
            +
                      <mxGeometry x="190" y="910" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 102 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 103 
     | 
    
         
            +
                    <mxCell id="bLn-34" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>NodeList</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">nodes: Array</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">add()</p><p style="margin:0px;margin-left:4px;margin-top:4px">all()</p><p style="margin:0px;margin-left:4px;margin-top:4px">shapes()</p><p style="margin:0px;margin-left:4px;margin-top:4px">layouts()</p><p style="margin:0px;margin-left:4px;margin-top:4px">length()</p><p style="margin:0px;margin-left:4px;margin-top:4px">empty?()</p><p style="margin:0px;margin-left:4px;margin-top:4px">any?()</p><p style="margin:0px;margin-left:4px;margin-top:4px">first()</p><p style="margin:0px;margin-left:4px;margin-top:4px">as_xml()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 104 
     | 
    
         
            +
                      <mxGeometry x="370" y="910" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 105 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 106 
     | 
    
         
            +
                    <mxCell id="bLn-35" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Page</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">diagram: Diagram</p><p style="margin:0px;margin-left:4px;margin-top:4px">position_x: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">position_y: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">id: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">active: bool</p><p style="margin:0px;margin-left:4px;margin-top:4px">name: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">theme: Symbol</p><p style="margin:0px;margin-left:4px;margin-top:4px">style: CommonStyle</p><p style="margin:0px;margin-left:4px;margin-top:4px">palette: DefaultPalette</p><p style="margin:0px;margin-left:4px;margin-top:4px">margin_left: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">margin_top: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">nodes: Array</p><p style="margin:0px;margin-left:4px;margin-top:4px">grid: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">grid_size: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">guides: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">tooltips: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">connect: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">arrows: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">fold: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">page_no: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">page_scale: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">page_width: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">page_height: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">background: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">page_shadow: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">math: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">active?: Boolean</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">add_node()</p><p style="margin:0px;margin-left:4px;margin-top:4px">as_xml()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p><p style="margin:0px;margin-left:4px;margin-top:4px">settings()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 107 
     | 
    
         
            +
                      <mxGeometry x="550" y="910" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 108 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 109 
     | 
    
         
            +
                    <mxCell id="bLn-36" value="Schema/Layouts" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 110 
     | 
    
         
            +
                      <mxGeometry x="730" y="910" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 111 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 112 
     | 
    
         
            +
                    <mxCell id="bLn-37" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>FlexLayout</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">direction: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">wrap_at: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">gap: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">perpendicular_max: int</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">position_shape()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 113 
     | 
    
         
            +
                      <mxGeometry x="910" y="910" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 114 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 115 
     | 
    
         
            +
                    <mxCell id="bLn-38" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>GridLayout</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">direction: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">wrap_at: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">grid_size: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">grid_w: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">grid_h: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">cell_no: int</p><p style="margin:0px;margin-left:4px;margin-top:4px">h_align: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">v_align: String</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">position_shape()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 116 
     | 
    
         
            +
                      <mxGeometry x="10" y="1090" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 117 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 118 
     | 
    
         
            +
                    <mxCell id="bLn-39" value="<p style="margin:0px;margin-left:4px;margin-top:4px;text-align:center"><b>Layout</b></p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">anchor_x: String</p><p style="margin:0px;margin-left:4px;margin-top:4px">anchor_y: String</p><hr size="1"/><p style="margin:0px;margin-left:4px;margin-top:4px">fire_after_init()</p><p style="margin:0px;margin-left:4px;margin-top:4px">after_init()</p><p style="margin:0px;margin-left:4px;margin-top:4px">to_h()</p>" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;fontColor=#333333;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 119 
     | 
    
         
            +
                      <mxGeometry x="190" y="1090" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 120 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 121 
     | 
    
         
            +
                    <mxCell id="bLn-40" value="Schema/virtual" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 122 
     | 
    
         
            +
                      <mxGeometry x="370" y="1090" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 123 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 124 
     | 
    
         
            +
                    <mxCell id="bLn-41" value="anchor" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 125 
     | 
    
         
            +
                      <mxGeometry x="592" y="1145" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 126 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 127 
     | 
    
         
            +
                    <mxCell id="bLn-42" value="Schema/shapes" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 128 
     | 
    
         
            +
                      <mxGeometry x="730" y="1090" width="160" height="160" as="geometry"/>
         
     | 
| 
      
 129 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 130 
     | 
    
         
            +
                    <mxCell id="bLn-44" value="actor" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 131 
     | 
    
         
            +
                      <mxGeometry x="907" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 132 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 133 
     | 
    
         
            +
                    <mxCell id="bLn-45" value="actor2" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 134 
     | 
    
         
            +
                      <mxGeometry x="997" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 135 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 136 
     | 
    
         
            +
                    <mxCell id="bLn-46" value="callout" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 137 
     | 
    
         
            +
                      <mxGeometry x="1087" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 138 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 139 
     | 
    
         
            +
                    <mxCell id="bLn-47" value="callout2" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 140 
     | 
    
         
            +
                      <mxGeometry x="1177" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 141 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 142 
     | 
    
         
            +
                    <mxCell id="bLn-48" value="callout3" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 143 
     | 
    
         
            +
                      <mxGeometry x="1267" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 144 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 145 
     | 
    
         
            +
                    <mxCell id="bLn-49" value="callout4" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 146 
     | 
    
         
            +
                      <mxGeometry x="1357" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 147 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 148 
     | 
    
         
            +
                    <mxCell id="bLn-50" value="circle" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 149 
     | 
    
         
            +
                      <mxGeometry x="1447" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 150 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 151 
     | 
    
         
            +
                    <mxCell id="bLn-51" value="cloud" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 152 
     | 
    
         
            +
                      <mxGeometry x="1537" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 153 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 154 
     | 
    
         
            +
                    <mxCell id="bLn-52" value="container" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 155 
     | 
    
         
            +
                      <mxGeometry x="1627" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 156 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 157 
     | 
    
         
            +
                    <mxCell id="bLn-53" value="container2" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 158 
     | 
    
         
            +
                      <mxGeometry x="1717" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 159 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 160 
     | 
    
         
            +
                    <mxCell id="bLn-54" value="container3" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 161 
     | 
    
         
            +
                      <mxGeometry x="1807" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 162 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 163 
     | 
    
         
            +
                    <mxCell id="bLn-55" value="container4" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 164 
     | 
    
         
            +
                      <mxGeometry x="1897" y="1090" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 165 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 166 
     | 
    
         
            +
                    <mxCell id="bLn-56" value="cross" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 167 
     | 
    
         
            +
                      <mxGeometry x="907" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 168 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 169 
     | 
    
         
            +
                    <mxCell id="bLn-57" value="database" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 170 
     | 
    
         
            +
                      <mxGeometry x="997" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 171 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 172 
     | 
    
         
            +
                    <mxCell id="bLn-58" value="db_json" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 173 
     | 
    
         
            +
                      <mxGeometry x="1087" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 174 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 175 
     | 
    
         
            +
                    <mxCell id="bLn-59" value="diamond" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 176 
     | 
    
         
            +
                      <mxGeometry x="1177" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 177 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 178 
     | 
    
         
            +
                    <mxCell id="bLn-60" value="document" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 179 
     | 
    
         
            +
                      <mxGeometry x="1267" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 180 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 181 
     | 
    
         
            +
                    <mxCell id="bLn-61" value="ellipse" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 182 
     | 
    
         
            +
                      <mxGeometry x="1357" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 183 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 184 
     | 
    
         
            +
                    <mxCell id="bLn-62" value="embed_col200" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 185 
     | 
    
         
            +
                      <mxGeometry x="1447" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 186 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 187 
     | 
    
         
            +
                    <mxCell id="bLn-63" value="embed_col50" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 188 
     | 
    
         
            +
                      <mxGeometry x="1537" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 189 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 190 
     | 
    
         
            +
                    <mxCell id="bLn-64" value="embed_row" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 191 
     | 
    
         
            +
                      <mxGeometry x="1627" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 192 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 193 
     | 
    
         
            +
                    <mxCell id="bLn-65" value="envelop" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 194 
     | 
    
         
            +
                      <mxGeometry x="1717" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 195 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 196 
     | 
    
         
            +
                    <mxCell id="bLn-66" value="face" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 197 
     | 
    
         
            +
                      <mxGeometry x="1807" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 198 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 199 
     | 
    
         
            +
                    <mxCell id="bLn-67" value="h1" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 200 
     | 
    
         
            +
                      <mxGeometry x="1897" y="1160" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 201 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 202 
     | 
    
         
            +
                    <mxCell id="bLn-68" value="h2" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 203 
     | 
    
         
            +
                      <mxGeometry x="907" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 204 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 205 
     | 
    
         
            +
                    <mxCell id="bLn-69" value="h3" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 206 
     | 
    
         
            +
                      <mxGeometry x="997" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 207 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 208 
     | 
    
         
            +
                    <mxCell id="bLn-70" value="h4" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 209 
     | 
    
         
            +
                      <mxGeometry x="1087" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 210 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 211 
     | 
    
         
            +
                    <mxCell id="bLn-71" value="h5" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 212 
     | 
    
         
            +
                      <mxGeometry x="1177" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 213 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 214 
     | 
    
         
            +
                    <mxCell id="bLn-72" value="h6" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 215 
     | 
    
         
            +
                      <mxGeometry x="1267" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 216 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 217 
     | 
    
         
            +
                    <mxCell id="bLn-73" value="hexagon" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 218 
     | 
    
         
            +
                      <mxGeometry x="1357" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 219 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 220 
     | 
    
         
            +
                    <mxCell id="bLn-74" value="interface" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 221 
     | 
    
         
            +
                      <mxGeometry x="1447" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 222 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 223 
     | 
    
         
            +
                    <mxCell id="bLn-75" value="klass" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 224 
     | 
    
         
            +
                      <mxGeometry x="1537" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 225 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 226 
     | 
    
         
            +
                    <mxCell id="bLn-76" value="line" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 227 
     | 
    
         
            +
                      <mxGeometry x="1627" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 228 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 229 
     | 
    
         
            +
                    <mxCell id="bLn-77" value="note" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 230 
     | 
    
         
            +
                      <mxGeometry x="1717" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 231 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 232 
     | 
    
         
            +
                    <mxCell id="bLn-78" value="p" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 233 
     | 
    
         
            +
                      <mxGeometry x="1807" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 234 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 235 
     | 
    
         
            +
                    <mxCell id="bLn-79" value="process" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 236 
     | 
    
         
            +
                      <mxGeometry x="1897" y="1230" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 237 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 238 
     | 
    
         
            +
                    <mxCell id="bLn-80" value="rectangle" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 239 
     | 
    
         
            +
                      <mxGeometry x="907" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 240 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 241 
     | 
    
         
            +
                    <mxCell id="bLn-81" value="rectangle2" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 242 
     | 
    
         
            +
                      <mxGeometry x="997" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 243 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 244 
     | 
    
         
            +
                    <mxCell id="bLn-82" value="shape" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 245 
     | 
    
         
            +
                      <mxGeometry x="1087" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 246 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 247 
     | 
    
         
            +
                    <mxCell id="bLn-83" value="square" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 248 
     | 
    
         
            +
                      <mxGeometry x="1177" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 249 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 250 
     | 
    
         
            +
                    <mxCell id="bLn-84" value="step" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 251 
     | 
    
         
            +
                      <mxGeometry x="1267" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 252 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 253 
     | 
    
         
            +
                    <mxCell id="bLn-85" value="tick" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 254 
     | 
    
         
            +
                      <mxGeometry x="1357" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 255 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 256 
     | 
    
         
            +
                    <mxCell id="bLn-86" value="todo" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 257 
     | 
    
         
            +
                      <mxGeometry x="1447" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 258 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 259 
     | 
    
         
            +
                    <mxCell id="bLn-87" value="triangle" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#d5e8d4;strokeColor=#82b366;fontColor=#333333;shape=mxgraph.basic.cloud_rect" vertex="1" parent="node_root_bLn">
         
     | 
| 
      
 260 
     | 
    
         
            +
                      <mxGeometry x="1537" y="1300" width="75" height="50" as="geometry"/>
         
     | 
| 
      
 261 
     | 
    
         
            +
                    </mxCell>
         
     | 
| 
      
 262 
     | 
    
         
            +
                  </root>
         
     | 
| 
      
 263 
     | 
    
         
            +
                </mxGraphModel>
         
     | 
| 
      
 264 
     | 
    
         
            +
              </diagram>
         
     | 
| 
      
 265 
     | 
    
         
            +
            </mxfile>
         
     |