// GameScrollbar (paso 2.4): fino, sin flechas (A.6b). scroll.png / scroll_h.png (generar-piel.py): deslizador de
// 4 px (normal border-hover ˇ hover text-2 ˇ arrastrando text) sobre un carril de 4 px bg. El widget conserva su ancho
// (12, 10 u 8 px: las ventanas heredadas cuentan con él) pero solo se ve la línea central. Los botones de flecha siguen
// existiendo (uiscrollbar.lua los usa) con alto/ancho 0: la rueda y el arrastre hacen el trabajo.
ScrollBarSlider < UIButton
  id: sliderButton
  anchors.centerIn: parent
  image-source: /images/ui/scroll
  image-clip: 0 0 12 16
  image-border-top: 4
  image-border-bottom: 4
  opacity: 1

  $hover:
    image-clip: 0 16 12 16

  $pressed:
    image-clip: 0 32 12 16

  $disabled:
    opacity: 0

ScrollBarValueLabel < Label
  id: valueLabel
  anchors.fill: parent
  color: $otmmo-text
  text-align: center

VerticalScrollBarSlider < ScrollBarSlider
  size: 12 24

ScrollBarArrowV < UIButton
  size: 12 0
  visible: false

ScrollBarArrowH < UIButton
  size: 0 12
  visible: false

VerticalScrollBar < UIScrollBar
  orientation: vertical
  width: 12
  height: 39
  image-source: /images/ui/scroll
  image-clip: 12 0 12 16
  image-border-top: 4
  image-border-bottom: 4
  pixels-scroll: true

  ScrollBarArrowV
    id: decrementButton
    anchors.top: parent.top
    anchors.left: parent.left

  ScrollBarArrowV
    id: incrementButton
    anchors.bottom: parent.bottom
    anchors.right: parent.right

  VerticalScrollBarSlider

  ScrollBarValueLabel

HorizontalScrollBarSlider < ScrollBarSlider
  size: 24 12
  image-source: /images/ui/scroll_h
  image-clip: 0 0 16 12
  image-border-top: 0
  image-border-bottom: 0
  image-border-left: 4
  image-border-right: 4

  $hover:
    image-clip: 16 0 16 12

  $pressed:
    image-clip: 32 0 16 12

HorizontalScrollBar < UIScrollBar
  orientation: horizontal
  height: 12
  width: 39
  image-source: /images/ui/scroll_h
  image-clip: 0 12 16 12
  image-border-left: 4
  image-border-right: 4

  ScrollBarArrowH
    id: decrementButton
    anchors.top: parent.top
    anchors.left: parent.left

  ScrollBarArrowH
    id: incrementButton
    anchors.bottom: parent.bottom
    anchors.right: parent.right

  HorizontalScrollBarSlider

  ScrollBarValueLabel

VerticalScrollBarQtSlider < VerticalScrollBarSlider
  size: 10 24

VerticalQtScrollBar < VerticalScrollBar
  size: 10 78
  parent-scroll: true

HorizontalScrollBarQtSlider < HorizontalScrollBarSlider
  size: 24 10

HorizontalQtScrollBar < HorizontalScrollBar
  size: 78 10
  parent-scroll: true

SmallButton < UIButton
  size: 106 20
  font: cipsoftFont
  text-offset: 0 2
  image-source: /images/ui/button
  image-clip: 0 0 22 23
  image-border: 3
  padding: 5 10 5 10
  change-cursor-image: true
  cursor: pointer
  color: #ffffff
  $hover !disabled:
    image-clip: 0 23 22 23
  $pressed:
    image-clip: 0 46 22 23
    text-offset: 1 2
  $disabled:
    color: #ffffff88
    change-cursor-image: false