style: background
layout.hAlign: center
layout.vAlign: middle
views:
  - $type: haxework.view.group.HGroupView
    geometry.stretch: true
    geometry.margin: 5
    views:
      - $type: haxework.view.group.VGroupView
        geometry.height: 100%
        views:
          - $type: haxework.view.form.LabelView
            text: Puzzle'z
            font.size: 42
          - id: images
            $type: haxework.view.data.DataView
            layout:
              $type: haxework.view.layout.VerticalLayout
              margin: 5
            geometry.height: 100%
            factory: ~imageViewFactory
            +onDataSelect: ~start
            geometry.margin: 5
            overflow.y: scroll
      - id: scale
        $type: haxework.view.list.VScrollBarView
        ratio: 0.5
        +onScroll: ~setScale
      - $type: haxework.view.group.GroupView
        style: frame
        geometry.width: 100%
        geometry.height: 100%
        overflow.x: scroll
        overflow.y: scroll
        views:
          - id: render
            $type: ru.m.puzzlez.render.Render
