MainWindow
  id: passiveWindow
  size: 310 350
  image-source: /images/custom/Shop/item_shop_view
  draggable: false
  focusable: true
  @onEscape: closer_boxShop()

  UIButton
    id: categoria_1
    size: 60 35
    anchors.top: parent.top
    anchors.left: parent.left
    margin-top: 05
    margin-left: 10
    @onClick: onLoadPassives(01)
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0

  UIButton
    id: categoria_2
    size: 60 35
    anchors.top: parent.top
    anchors.left: categoria_1.right
    margin-left: 05
    margin-top: 05
    @onClick: onLoadPassives(02)
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0

  UIButton
    id: categoria_3
    size: 60 35
    anchors.top: parent.top
    anchors.left: categoria_2.right
    margin-left: 05
    margin-top: 05
    @onClick: onLoadPassives(03)
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0

  UIButton
    id: categoria_4
    size: 60 35
    anchors.top: parent.top
    anchors.left: categoria_3.right
    margin-left: 05
    margin-top: 05
    @onClick: onLoadPassives(04)
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0

  VerticalScrollBar
    id: PassiveListScrollBar
    anchors.top: categoria_1.bottom
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    step: 24
    opacity: 0.8
    margin-bottom: 50
    margin-top: 10
    margin-right: 5
    pixels-scroll: true

  ScrollablePanel
    id: passivePanel
    size: 250 64
    anchors.right: parent.right
    anchors.right: prev.left
    anchors.top: categoria_1.bottom
    anchors.bottom: parent.bottom
    vertical-scrollbar: PassiveListScrollBar
    margin-top: 10
    margin-left: 02
    margin-right: 02
    margin-bottom: 50
    layout:
      type: grid
      cell-size: 250 100
      flow: true
      margin-top: 5

  UIButton
    id: exitButton
    !text: tr('CANCELAR')
    image-source: /images/custom/UI/button
    height: 30
    font: verdana-11px-antialised
    anchors.bottom: parent.bottom
    anchors.right: parent.right
    anchors.left: parent.left
    margin-left: 10
    margin-right: 15
    margin-bottom: 05
    @onClick: closer_boxShop()
    opacity: 0.8
    $pressed:
      opacity: 0.6
    $hover !pressed:
      opacity: 1.0