---
$type: haxework.gui.VGroupView
paddings: 20
layoutMargin: 10
skin: [ $type: [haxework.gui.skin.Skin.color, 0x333333] ]
views:
    - id: list
      $type: haxework.gui.list.VListView<String>
      +onItemSelect: $this:onItemSelect
      factory: { $class: haxework.gui.list.LabelListItem }
      pWidth: 100
      pHeight: 100
      scroll:
          $type: haxework.gui.list.VScrollView
          width: 10
          pHeight: 100
          skin: [ $type: [haxework.gui.list.ScrollSkin.vertical, 0x55cc55, 0xccffcc] ]
      skin: [ $type: [haxework.gui.skin.Skin.color, 0xffffff] ]
    - id: panel
      $type: haxework.gui.HGroupView
      pWidth: 100
      height: 60
      # contentSize: true
      layoutMargin: 10
      skin: [ $type: [haxework.gui.skin.Skin.color, 0x555555] ]
      views:
          - id: button1
            $type: haxework.gui.ButtonView
            +onPress: $this:onPress
            contentSize: true
            paddings: 8
            skin: $this:buttonSkin
            text: OK
          - id: button2
            $type: haxework.gui.ButtonView
            +onPress: $this:onPress
            contentSize: true
            paddings: 8
            skin: $this:buttonSkin
            text: Apply
          - id: button3
            $type: haxework.gui.ButtonView
            +onPress: $this:onPress
            contentSize: true
            paddings: 8
            skin: $this:buttonSkin
            text: Cancel