uml/src.svg

<svg version="1.1" baseProfile="full" width="827" height="1585" viewbox="0 0 827 1585" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" style="font:bold  12pt Helvetica, Helvetica, sans-serif;;stroke-linejoin:round;stroke-linecap:round">
  <desc >// www.nomnoml.com

#.wip: fill=#D2AA99 title=bold

[&lt;package&gt; src|
  [app|
    [fonts|
      current: love.Font
      normal: love.Font
      bold: love.Font
      |
      init()
      switch(name)
    ]
    [palettes|
      main: lib.image.palette
      name_to_color: table
      name_to_index: table
      names: table
    ]
    [skins|
      gui: src.proto.skin
      mc_gui_rect: src.proto.skin
      ...: src.proto.skin
    ]
    [palettes] -/- [stack|
      push(drawable)
      pop(element)
      touch(point)
    ]
    [palettes] -/- [win|
      parent: nil
      flags: table
      scale: integer
      hovered: src.proto.drawable
      |
      init()
      resize(w, h)
      keypressed(key)
      mousemoved(x, y)
      mousepressed(x, y, button)
      load_view(view)
    ]
    [win] -&gt; [&lt;reference&gt; src.proto.drawable]
  ]
  [app]-/-[&lt;package&gt; proto|
    [skin|
      image love.Image
      |
      file?: string
      data?: love.ImageData
      grid?: lib.image.grid
      marks?: table
      |
      init()
      recolor_part(...)
    ] -/- [drawable]
    [&lt;reference&gt;src.app.win] -&gt; [drawable]
    [&lt;table&gt;drawable|
      app: src.app
      parent: src.proto.drawable
      root: src.proto.drawable
      abs_size: table
      abs_pos: table
      rel_pos: table
      updaters: table
      |
      pos?: table
      size?: table
      colors?: table
      abs_colors?: table
      closed?: boolean
      expander?: boolean
      id?: string
      name?: string
      tags?: table
      ||
      init()
      draw()
      draw_recursive()
      update_geometry()
      update_geometry_recursive()
      update_size()
      update_pos()
      update_expand()
      update_colors()
      |
      on_draw?()
      on_init?()
      on_hover?()
      on_click?()
    ]
    [drawable] &lt;- [rect|
      skin?
      image?
      |
      init()
      update_expand()
      update_image()
      draw()
    ]
    [drawable] &lt;- [&lt;wip&gt;text|
      text: string
      |
      text_obj?: love.Text
      wrap?: boolean
      |
      init()
      update()
      draw()
    ]
  ]
]
</desc>
  <rect x="0" y="0" height="1585" width="827" style="stroke:none; fill:transparent;"></rect>
  <rect x="28.5" y="59.5" height="1498" width="771" data-name="src" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M28.5 59.5 L28.5 28.5 L68.5 28.5 L68.5 59.5 Z" data-name="src" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M28.5 59.5 L799.5 59.5" data-name="src" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="36.5" y="50" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="src">src</text>
  <rect x="56.5" y="87.5" height="549" width="715" data-name="app" style="stroke:#33322E;fill:#fdf6e3;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M56.5 118.5 L771.5 118.5" data-name="app" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="414" y="109" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="app">app</text>
  <path d="M262.3 537.5 L262.3 557.5 L262.3 570.8 L262.3 570.8 " data-name="app" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M256.9 564.2 L262.3 570.8 L267.6 564.2 L262.3 577.5 Z" data-name="app" style="stroke:#33322E;fill:#33322E;stroke-dasharray:none;stroke-width:3;"></path>
  <rect x="84.5" y="146.5" height="138" width="155" data-name="fonts" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M84.5 177.5 L239.5 177.5" data-name="fonts" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M84.5 238.5 L239.5 238.5" data-name="fonts" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="162" y="168" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="fonts">fonts</text>
  <text x="92.5" y="199" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="fonts">current: love.Font</text>
  <text x="92.5" y="214" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="fonts">normal: love.Font</text>
  <text x="92.5" y="229" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="fonts">bold: love.Font</text>
  <text x="92.5" y="260" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="fonts">init()</text>
  <text x="92.5" y="275" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="fonts">switch(name)</text>
  <rect x="143.5" y="324.5" height="213" width="238" data-name="win" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M143.5 355.5 L381.5 355.5" data-name="win" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M143.5 431.5 L381.5 431.5" data-name="win" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="262.5" y="346" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="win">win</text>
  <text x="151.5" y="377" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">parent: nil</text>
  <text x="151.5" y="392" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">flags: table</text>
  <text x="151.5" y="407" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">scale: integer</text>
  <text x="151.5" y="422" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">hovered: src.proto.drawable</text>
  <text x="151.5" y="453" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">init()</text>
  <text x="151.5" y="468" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">resize(w, h)</text>
  <text x="151.5" y="483" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">keypressed(key)</text>
  <text x="151.5" y="498" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">mousemoved(x, y)</text>
  <text x="151.5" y="513" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">mousepressed(x, y, button)</text>
  <text x="151.5" y="528" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="win">load_view(view)</text>
  <rect x="279.5" y="162.5" height="107" width="194" data-name="palettes" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M279.5 193.5 L473.5 193.5" data-name="palettes" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="376.5" y="184" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="palettes">palettes</text>
  <text x="287.5" y="215" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="palettes">main: lib.image.palette</text>
  <text x="287.5" y="230" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="palettes">name_to_color: table</text>
  <text x="287.5" y="245" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="palettes">name_to_index: table</text>
  <text x="287.5" y="260" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="palettes">names: table</text>
  <rect x="513.5" y="169.5" height="92" width="230" data-name="skins" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M513.5 200.5 L743.5 200.5" data-name="skins" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="628.5" y="191" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="skins">skins</text>
  <text x="521.5" y="222" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skins">gui: src.proto.skin</text>
  <text x="521.5" y="237" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skins">mc_gui_rect: src.proto.skin</text>
  <text x="521.5" y="252" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skins">...: src.proto.skin</text>
  <rect x="421.5" y="385.5" height="92" width="139" data-name="stack" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M421.5 416.5 L560.5 416.5" data-name="stack" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="491" y="407" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="stack">stack</text>
  <text x="429.5" y="438" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="stack">push(drawable)</text>
  <text x="429.5" y="453" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="stack">pop(element)</text>
  <text x="429.5" y="468" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="stack">touch(point)</text>
  <rect x="180.5" y="577.5" height="31" width="163" data-name="src.proto.drawable" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:6 6;stroke-width:3;"></rect>
  <text x="262" y="599" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="src.proto.drawable">src.proto.drawable</text>
  <rect x="136.5" y="707.5" height="822" width="556" data-name="proto" style="stroke:#33322E;fill:#fdf6e3;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M136.5 707.5 L136.5 676.5 L193.5 676.5 L193.5 707.5 Z" data-name="proto" style="stroke:#33322E;fill:#fdf6e3;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M136.5 707.5 L692.5 707.5" data-name="proto" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="144.5" y="698" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="proto">proto</text>
  <path d="M509.8 843 L509.8 939.5 L502.6 953.6 L502.6 953.6 " data-name="proto" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M500.9 945.2 L502.6 953.6 L510.3 950.1 L499.5 959.5 Z" data-name="proto" style="stroke:#33322E;fill:#33322E;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M321.4 1298.4 L313.8 1312.5 L313.8 1340.5 L313.8 1340.5 " data-name="proto" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M322.9 1306.8 L321.4 1298.4 L313.5 1301.7 L324.6 1292.5 Z" data-name="proto" style="stroke:#33322E;fill:#33322E;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M507.6 1298.4 L515.3 1312.5 L515.3 1332.5 L515.3 1332.5 " data-name="proto" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M515.5 1301.7 L507.6 1298.4 L506.1 1306.8 L504.4 1292.5 Z" data-name="proto" style="stroke:#33322E;fill:#33322E;stroke-dasharray:none;stroke-width:3;"></path>
  <rect x="164.5" y="959.5" height="333" width="500" data-name="drawable" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M164.5 990.5 L164.5 990.5" data-name="drawable" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M164.5 990.5 L664.5 990.5" data-name="drawable" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M164.5 1141.5 L664.5 1141.5" data-name="drawable" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M414.5 990.5 L414.5 1292.5" data-name="drawable" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M664.5 990.5 L664.5 1292.5" data-name="drawable" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="414.5" y="981" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="drawable">drawable</text>
  <text x="172.5" y="1012" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">app: src.app</text>
  <text x="172.5" y="1027" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">parent: src.proto.drawable</text>
  <text x="172.5" y="1042" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">root: src.proto.drawable</text>
  <text x="172.5" y="1057" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">abs_size: table</text>
  <text x="172.5" y="1072" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">abs_pos: table</text>
  <text x="172.5" y="1087" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">rel_pos: table</text>
  <text x="172.5" y="1102" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">updaters: table</text>
  <text x="422.5" y="1012" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">pos?: table</text>
  <text x="422.5" y="1027" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">size?: table</text>
  <text x="422.5" y="1042" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">colors?: table</text>
  <text x="422.5" y="1057" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">abs_colors?: table</text>
  <text x="422.5" y="1072" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">closed?: boolean</text>
  <text x="422.5" y="1087" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">expander?: boolean</text>
  <text x="422.5" y="1102" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">id?: string</text>
  <text x="422.5" y="1117" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">name?: string</text>
  <text x="422.5" y="1132" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">tags?: table</text>
  <text x="172.5" y="1163" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">init()</text>
  <text x="172.5" y="1178" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">draw()</text>
  <text x="172.5" y="1193" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">draw_recursive()</text>
  <text x="172.5" y="1208" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">update_geometry()</text>
  <text x="172.5" y="1223" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">update_geometry_recursive()</text>
  <text x="172.5" y="1238" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">update_size()</text>
  <text x="172.5" y="1253" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">update_pos()</text>
  <text x="172.5" y="1268" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">update_expand()</text>
  <text x="172.5" y="1283" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">update_colors()</text>
  <text x="422.5" y="1163" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">on_draw?()</text>
  <text x="422.5" y="1178" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">on_init?()</text>
  <text x="422.5" y="1193" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">on_hover?()</text>
  <text x="422.5" y="1208" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="drawable">on_click?()</text>
  <rect x="221.5" y="735.5" height="184" width="195" data-name="skin" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M221.5 766.5 L416.5 766.5" data-name="skin" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M221.5 797.5 L416.5 797.5" data-name="skin" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M221.5 873.5 L416.5 873.5" data-name="skin" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="319" y="757" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="skin">skin</text>
  <text x="229.5" y="788" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skin">image love.Image</text>
  <text x="229.5" y="819" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skin">file?: string</text>
  <text x="229.5" y="834" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skin">data?: love.ImageData</text>
  <text x="229.5" y="849" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skin">grid?: lib.image.grid</text>
  <text x="229.5" y="864" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skin">marks?: table</text>
  <text x="229.5" y="895" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skin">init()</text>
  <text x="229.5" y="910" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="skin">recolor_part(...)</text>
  <rect x="429.5" y="1332.5" height="169" width="171" data-name="text" style="stroke:#33322E;fill:#D2AA99;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M429.5 1363.5 L600.5 1363.5" data-name="text" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M429.5 1394.5 L600.5 1394.5" data-name="text" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M429.5 1440.5 L600.5 1440.5" data-name="text" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="515" y="1354" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="text">text</text>
  <text x="437.5" y="1385" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="text">text: string</text>
  <text x="437.5" y="1416" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="text">text_obj?: love.Text</text>
  <text x="437.5" y="1431" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="text">wrap?: boolean</text>
  <text x="437.5" y="1462" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="text">init()</text>
  <text x="437.5" y="1477" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="text">update()</text>
  <text x="437.5" y="1492" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="text">draw()</text>
  <rect x="237.5" y="1340.5" height="153" width="152" data-name="rect" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:none;stroke-width:3;"></rect>
  <path d="M237.5 1371.5 L389.5 1371.5" data-name="rect" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <path d="M237.5 1417.5 L389.5 1417.5" data-name="rect" style="stroke:#33322E;fill:none;stroke-dasharray:none;stroke-width:3;"></path>
  <text x="313.5" y="1362" style="fill: #33322E;font:bold  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="rect">rect</text>
  <text x="245.5" y="1393" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="rect">skin?</text>
  <text x="245.5" y="1408" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="rect">image?</text>
  <text x="245.5" y="1439" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="rect">init()</text>
  <text x="245.5" y="1454" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="rect">update_expand()</text>
  <text x="245.5" y="1469" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="rect">update_image()</text>
  <text x="245.5" y="1484" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;" data-name="rect">draw()</text>
  <rect x="456.5" y="812.5" height="31" width="106" data-name="src.app.win" style="stroke:#33322E;fill:#eee8d5;stroke-dasharray:6 6;stroke-width:3;"></rect>
  <text x="509.5" y="834" style="fill: #33322E;font:normal  12pt Helvetica, Helvetica, sans-serif;text-anchor: middle;" data-name="src.app.win">src.app.win</text>
</svg>