<!--
Description:
  A button that has click or display controls.
Variables:
  ObjectName        : object name
  ToolTipID         : standard Tooltip from mixxx db
    see: https://github.com/mixxxdj/mixxx/blob/master/src/skin/TooltipIds.cpp
  Size              : button size
  state_X_text      : label text for state X
  state_X_pressed   : background graphic for pressed state X
  state_X_unpressed : background graphic for unpressed state X
  Align             : alignment of text
  ConfigKey         : left-click control
-->
<Template>
  <PushButton>
    <TooltipId><Variable name="TooltipId"/></TooltipId>
    <ObjectName><Variable name="ObjectName"/></ObjectName>
    <Size><Variable name="Size"/></Size>
    <NumberStates>5</NumberStates>
    <RightClickIsPushButton>true</RightClickIsPushButton>
    <State>
      <Number>0</Number>
      <Text><Variable name="state_0_text"/></Text>
      <Alignment><Variable name="Align"/></Alignment>
      <Unpressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>.svg</Unpressed>
      <Pressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Pressed>
    </State>
    <State>
      <Number>1</Number>
      <Text><Variable name="state_1_text"/></Text>
      <Alignment><Variable name="Align"/></Alignment>
      <Unpressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Unpressed>
      <Pressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Pressed>
    </State>
    <State>
      <Number>2</Number>
      <Text><Variable name="state_2_text"/></Text>
      <Alignment><Variable name="Align"/></Alignment>
      <Unpressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Unpressed>
      <Pressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Pressed>
    </State>
    <State>
      <Number>3</Number>
      <Text><Variable name="state_3_text"/></Text>
      <Alignment><Variable name="Align"/></Alignment>
      <Unpressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Unpressed>
      <Pressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Pressed>
    </State>
    <State>
      <Number>4</Number>
      <Text><Variable name="state_4_text"/></Text>
      <Alignment><Variable name="Align"/></Alignment>
      <Unpressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Unpressed>
      <Pressed scalemode="STRETCH">skin:/<Variable name="BtnScheme"/>/buttons/btn_<Variable name="BtnType"/>_<Variable name="BtnSize"/>_active.svg</Pressed>
    </State>
    <Connection>
      <ConfigKey><Variable name="ConfigKey"/></ConfigKey>
      <EmitOnPressAndRelease>true</EmitOnPressAndRelease>
      <ButtonState>LeftButton</ButtonState>
    </Connection>
  </PushButton>
</Template>
