<!--
Description:
  The skin settings menu.

  Bug: qss 'qproperty-layoutAlignment' is not respected for stacked layout.
  No way to make SkinSettings float on top of main window at the right side
  while keeping the screen area underneath clickable.

  https://bugs.launchpad.net/mixxx/+bug/1689196
  On OSX this widget is drawn behind main skin instead on top of it.
  I removed the stacked layout and placed skin settings on the right hand side of main skin.
-->
<Template>
  <WidgetGroup>
    <ObjectName>SkinSettingsContainer</ObjectName>
    <Layout>horizontal</Layout>
    <Size>200f,1me</Size>
    <Children>
      <WidgetGroup><Size>5f,1me</Size></WidgetGroup>
      <WidgetGroup>
        <ObjectName>SkinSettings</ObjectName>
        <Layout>vertical</Layout>
        <Size>195f,1me</Size>
        <Children>

          <WidgetGroup>
            <ObjectName>SkinSettingsHeader</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>me,f</SizePolicy>
            <Children>
              <Label>
                <ObjectName>CategoryLabel</ObjectName>
                <Text>Decks</Text>
                <Size>160me,21f</Size>
              </Label>

              <PushButton>
                <TooltipId>skin_settings</TooltipId>
                <ObjectName>SkinSettingsClose</ObjectName>
                <Size>20f,20f</Size>
                <NumberStates>2</NumberStates>
                <State>
                  <Number>0</Number>
                </State>
                <State>
                  <Number>1</Number>
                </State>
                <Connection>
                  <ConfigKey>[Master],skin_settings</ConfigKey>
                  <ButtonState>LeftButton</ButtonState>
                </Connection>
              </PushButton>
            </Children>
          </WidgetGroup>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">4 Decks</SetVariable>
            <SetVariable name="Setting">[Skin],show_4decks</SetVariable>
          </Template>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Symmetric Overviews</SetVariable>
            <SetVariable name="Setting">[Tango],symmetric_overviews</SetVariable>
          </Template>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Symmetric Time/Duration</SetVariable>
            <SetVariable name="Setting">[Tango],symmetric_time</SetVariable>
          </Template>

          <WidgetGroup><!-- Expanding spacer -->
            <MinimumSize>1,2</MinimumSize>
            <MaximumSize>i,7</MaximumSize>
            <SizePolicy>me,min</SizePolicy>
          </WidgetGroup>

          <WidgetGroup><!-- HotCue settings -->
            <MinimumSize>182,13</MinimumSize>
            <MaximumSize>182,20</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Layout>horizontal</Layout>
            <Children>
              <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                <SetVariable name="text">Hotcue buttons</SetVariable>
                <SetVariable name="width">135</SetVariable>
                <SetVariable name="Setting">[Tango],hotcues</SetVariable>
              </Template>
              <WidgetGroup><Size>3f,1min</Size></WidgetGroup>
              <WidgetGroup><!-- 4 or 8 -->
                <MinimumSize>40,13</MinimumSize>
                <MaximumSize>40,20</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Layout>stacked</Layout>
                <Children>
                  <!-- translucent cover when Hot Cues are invisible -->
                  <WidgetGroup>
                    <ObjectName>SubmenuCover</ObjectName>
                    <Size>40f,13me</Size>
                    <Connection>
                      <ConfigKey persist="true">[Tango],hotcues</ConfigKey>
                      <Transform><Not/></Transform>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>

                  <WidgetGroup>
                    <MinimumSize>40,13</MinimumSize>
                    <MaximumSize>40,20</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Layout>horizontal</Layout>
                    <Children>
                      <Template src="skin:../Tango/controls/skin_settings_button_multi.xml">
                        <SetVariable name="state_x_text">  4  </SetVariable>
                        <SetVariable name="width">20</SetVariable>
                        <SetVariable name="stateX">0</SetVariable>
                        <SetVariable name="Setting">[Skin],show_8_hotcues</SetVariable>
                      </Template>
                      <Template src="skin:../Tango/controls/skin_settings_button_multi.xml">
                        <SetVariable name="state_x_text">  8  </SetVariable>
                        <SetVariable name="width">20</SetVariable>
                        <SetVariable name="stateX">1</SetVariable>
                        <SetVariable name="Setting">[Skin],show_8_hotcues</SetVariable>
                      </Template>
                      <WidgetGroup><Size>0me,1min</Size></WidgetGroup>
                    </Children>
                  </WidgetGroup>
                </Children>
              </WidgetGroup><!-- /4 or 8 -->
            </Children>
          </WidgetGroup><!-- /HotCue settings -->

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Hotcue shift buttons</SetVariable>
            <SetVariable name="Setting">[Skin],timing_shift_buttons</SetVariable>
          </Template>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Intro &amp; Outro Cues</SetVariable>
            <SetVariable name="Setting">[Skin],show_intro_outro_cues</SetVariable>
          </Template>


          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Loop / Beatjump Buttons</SetVariable>
            <SetVariable name="Setting">[Skin],show_loop_beatjump_controls</SetVariable>
          </Template>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Track Comment</SetVariable>
            <SetVariable name="Setting">[Tango],trackComment</SetVariable>
          </Template>

          <WidgetGroup><!-- Permanent deck controls -->
            <ObjectName>DeckIndicatorSettings</ObjectName>
            <Layout>vertical</Layout>
            <MinimumSize>182,28</MinimumSize>
            <MaximumSize>182,35</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Children>
              <Label>
                <ObjectName>SkinSettingsLabel</ObjectName>
                <MinimumSize>182,13</MinimumSize>
                <MaximumSize>182,20</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Text>Permanent Deck Controls:</Text>
                <Alignment>left</Alignment>
              </Label>
              <WidgetGroup><!-- Permanent deck control icons -->
                <ObjectName>AlignTopLeft</ObjectName>
                <Size>50me,15f</Size>
                <Layout>horizontal</Layout>
                <Children>
                  <!-- button graphics are 15x15px + 1px margin-right -->
                  <Template src="skin:../Tango/controls/button_2state_persist.xml">
                    <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                    <SetVariable name="Size">20f,15f</SetVariable>
                    <SetVariable name="state_0_text">Q</SetVariable>
                    <SetVariable name="state_1_text">Q</SetVariable>
                    <SetVariable name="ConfigKey">[Tango],separate_cue_button</SetVariable>
                  </Template>

                  <WidgetGroup><Size>6f,0f</Size></WidgetGroup>

                  <WidgetGroup><!-- Star rating -->
                    <Layout>stacked</Layout>
                    <Size>16f,15f</Size>
                    <Children>
                      <!-- translucent cover when Stars don't fit into transport row -->
                      <WidgetGroup>
                        <ObjectName>SubmenuCover</ObjectName>
                        <Size>16f,15f</Size>
                        <Connection>
                          <ConfigKey persist="true">[Tango],starrating_fits</ConfigKey>
                          <Transform><Not/></Transform>
                          <BindProperty>visible</BindProperty>
                        </Connection>
                      </WidgetGroup>
                      <Template src="skin:../Tango/controls/button_2state_persist.xml">
                        <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                        <SetVariable name="Size">16f,15f</SetVariable>
                        <SetVariable name="state_0_icon">stars_hidden.svg</SetVariable>
                        <SetVariable name="state_1_icon">stars_visible.svg</SetVariable>
                        <SetVariable name="ConfigKey">[Skin],show_starrating</SetVariable>
                      </Template>
                    </Children>
                  </WidgetGroup><!-- /Star rating -->

                  <WidgetGroup><Size>6f,0f</Size></WidgetGroup>

                  <Template src="skin:../Tango/controls/button_2state_persist.xml"><!-- Keylock -->
                    <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                    <SetVariable name="Size">16f,15f</SetVariable>
                    <SetVariable name="state_0_icon">keylock_off.svg</SetVariable>
                    <SetVariable name="state_1_icon">keylock_on.svg</SetVariable>
                    <SetVariable name="ConfigKey">[Tango],always_visible_keylock</SetVariable>
                  </Template>

                  <Template src="skin:../Tango/controls/button_2state_persist.xml">
                    <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                    <SetVariable name="Size">16f,15f</SetVariable>
                    <SetVariable name="state_0_icon">eject.svg</SetVariable>
                    <SetVariable name="state_1_icon">eject_pressed.svg</SetVariable>
                    <SetVariable name="ConfigKey">[Tango],always_visible_eject</SetVariable>
                  </Template>

                  <Template src="skin:../Tango/controls/button_2state_persist.xml">
                    <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                    <SetVariable name="Size">16f,15f</SetVariable>
                    <SetVariable name="state_0_icon">slipmode_hidden.svg</SetVariable>
                    <SetVariable name="state_1_icon">slipmode_visible.svg</SetVariable>
                    <SetVariable name="ConfigKey">[Tango],always_visible_slip_enabled</SetVariable>
                  </Template>

                  <Template src="skin:../Tango/controls/button_2state_persist.xml">
                    <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                    <SetVariable name="Size">16f,15f</SetVariable>
                    <SetVariable name="state_0_icon">repeat_hidden.svg</SetVariable>
                    <SetVariable name="state_1_icon">repeat_visible.svg</SetVariable>
                    <SetVariable name="ConfigKey">[Tango],always_visible_repeat</SetVariable>
                  </Template>

                  <Template src="skin:../Tango/controls/button_2state_persist.xml">
                    <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                    <SetVariable name="Size">16f,15f</SetVariable>
                    <SetVariable name="state_0_icon">xfader_center.svg</SetVariable>
                    <SetVariable name="state_1_icon">xfader_center_attention.svg</SetVariable>
                    <SetVariable name="ConfigKey">[Tango],always_visible_orientation</SetVariable>
                  </Template>

                  <Template src="skin:../Tango/controls/button_2state_persist.xml">
                    <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                    <SetVariable name="Size">16f,15f</SetVariable>
                    <SetVariable name="state_0_icon">quantize_hidden.svg</SetVariable>
                    <SetVariable name="state_1_icon">quantize_visible.svg</SetVariable>
                    <SetVariable name="ConfigKey">[Tango],always_visible_quantize</SetVariable>
                  </Template>
                </Children>
              </WidgetGroup><!-- Permanent deck control icons -->
            </Children>
          </WidgetGroup><!-- /Permanent deck controls -->

          <WidgetGroup><!-- Expanding spacer -->
            <MinimumSize>1,2</MinimumSize>
            <MaximumSize>i,7</MaximumSize>
            <SizePolicy>me,min</SizePolicy>
          </WidgetGroup>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">BPM/Sync &amp; Pitch Fader</SetVariable>
            <SetVariable name="Setting">[Skin],show_rate_controls</SetVariable>
          </Template>

          <WidgetGroup><!-- Rate/Key submenu -->
            <Layout>stacked</Layout>
            <MinimumSize>182,26</MinimumSize>
            <MaximumSize>-1,40</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Children>
              <!-- translucent cover when Pitch slider is hidden -->
              <WidgetGroup>
                <ObjectName>SubmenuCover</ObjectName>
                <MinimumSize>182,26</MinimumSize>
                <MaximumSize>-1,40</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Connection>
                  <ConfigKey persist="true">[Skin],show_rate_controls</ConfigKey>
                  <Transform><Not/></Transform>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>
              <WidgetGroup>
                <Layout>vertical</Layout>
                <Size>182f,0me</Size>
                <Children>
                  <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                    <SetVariable name="text">Key/Key Match</SetVariable>
                    <SetVariable name="width">182</SetVariable>
                    <SetVariable name="Setting">[Tango],key_display_match</SetVariable>
                  </Template>
                  <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                    <SetVariable name="text">Rate/Key Adjustment Buttons</SetVariable>
                    <SetVariable name="width">182</SetVariable>
                    <SetVariable name="Setting">[Tango],rate_key_controls</SetVariable>
                  </Template>
                </Children>
              </WidgetGroup>
            </Children>
          </WidgetGroup><!-- Pitch/Key submenu -->

          <WidgetGroup><!-- Expanding spacer -->
            <MinimumSize>1,2</MinimumSize>
            <MaximumSize>i,7</MaximumSize>
            <SizePolicy>me,min</SizePolicy>
          </WidgetGroup>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Spinny</SetVariable>
            <SetVariable name="Setting">[Skin],show_spinnies</SetVariable>
          </Template>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Cover Art</SetVariable>
            <SetVariable name="Setting">[Skin],show_coverart</SetVariable>
          </Template>

        <!-- A hack involving a SizeAwareStack and WidgetStacks
          that toggles [Tango],no_spinny_no_cover when both
          [Skin],show_spinnies and [Skin],show_coverart are 0 -->
          <WidgetGroup>
            <Size>3f,0f</Size>
            <Layout>horizontal</Layout>
            <Children>
              <WidgetGroup>
                <Size>1f,0f</Size>
                <Connection>
                  <ConfigKey persist="true">[Skin],show_spinnies</ConfigKey>
                  <Transform><Not/></Transform>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>
              <WidgetGroup>
                <Size>1f,0f</Size>
                <Connection>
                  <ConfigKey persist="true">[Skin],show_coverart</ConfigKey>
                  <Transform><Not/></Transform>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>
              <!-- "Toggle" -->
              <SizeAwareStack>
                <Children>
                  <WidgetStack>
                    <SizePolicy>me,f</SizePolicy>
                    <MaximumSize>1,0</MaximumSize>
                    <Children>
                      <WidgetGroup trigger="[Tango],no_spinny_no_cover"><Size>1f,0f</Size></WidgetGroup>
                      <WidgetGroup trigger="[Tango],show_spinny_cover"><Size>1f,0f</Size></WidgetGroup>
                    </Children>
                  </WidgetStack>
                  <WidgetStack>
                    <SizePolicy>me,f</SizePolicy>
                    <MinimumSize>2,0</MinimumSize>
                    <Children>
                      <WidgetGroup trigger="[Tango],show_spinny_cover"><Size>1f,0f</Size></WidgetGroup>
                      <WidgetGroup trigger="[Tango],no_spinny_no_cover"><Size>1f,0f</Size></WidgetGroup>
                    </Children>
                  </WidgetStack>
                </Children>
              </SizeAwareStack>
            </Children>
          </WidgetGroup>

          <WidgetGroup><!-- small/BIG selector -->
            <MinimumSize>182,13</MinimumSize>
            <MaximumSize>182,20</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Layout>stacked</Layout>
            <Children>
              <!-- translucent cover when Spinny/Cover is disabled -->
              <WidgetGroup>
                <ObjectName>SubmenuCover</ObjectName>
                <SizePolicy>me,me</SizePolicy>
                <Connection>
                  <ConfigKey persist="true">[Tango],no_spinny_no_cover</ConfigKey>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>
              <!-- hint: enforced small cover/spinny with mixer -->
              <WidgetGroup>
                <ObjectName>SubmenuCover</ObjectName>
                <Layout>horizontal</Layout>
                <Size>182f,17f</Size>
                <Children>
                  <WidgetGroup><Size>48f,1min</Size></WidgetGroup>
                  <Label>
                    <ObjectName>CoverSpinnyHint</ObjectName>
                    <Size>19f,17f</Size>
                    <Text> ° </Text>
                  </Label>
                  <WidgetGroup><Size>22f,1min</Size></WidgetGroup>
                  <Label>
                    <ObjectName>SubmenuHint</ObjectName>
                    <MinimumSize>100,17</MinimumSize>
                    <MaximumSize>-1,17</MaximumSize>
                    <SizePolicy>min,me</SizePolicy>
                    <Text>(automatic)</Text>
                  </Label>
                </Children>
                <Connection>
                  <ConfigKey persist="true">[Master],show_mixer</ConfigKey>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup><!-- /hint: enforced small cover/spinny with mixer-->

              <WidgetGroup><!-- small/BIG selector, hidden mixer -->
                <Size>182,17</Size>
                <Layout>horizontal</Layout>
                <Children>
                  <WidgetGroup><Size>19f,1min</Size></WidgetGroup>
                  <Label>
                    <ObjectName>SkinSettingsLabel</ObjectName>
                    <SizePolicy>min,me</SizePolicy>
                    <Text>Size: </Text>
                    <Alignment>center</Alignment>
                  </Label>
                  <Template src="skin:../Tango/controls/skin_settings_button_multi.xml">
                    <SetVariable name="state_x_text">  °  </SetVariable>
                    <SetVariable name="width">20</SetVariable>
                    <SetVariable name="stateX">0</SetVariable>
                    <SetVariable name="Setting">[Skin],show_big_spinny_coverart</SetVariable>
                  </Template>
                  <Template src="skin:../Tango/controls/skin_settings_button_multi.xml">
                    <SetVariable name="state_x_text">  O  </SetVariable>
                    <SetVariable name="width">20</SetVariable>
                    <SetVariable name="stateX">1</SetVariable>
                    <SetVariable name="Setting">[Skin],show_big_spinny_coverart</SetVariable>
                  </Template>
                  <WidgetGroup><Size>0me,1min</Size></WidgetGroup>
                </Children>
              </WidgetGroup><!-- /small/BIG selector, hidden mixer -->
            </Children>
          </WidgetGroup><!-- /small/BIG selector -->

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Hotcue Shift Buttons</SetVariable>
            <SetVariable name="Setting">[Skin],timing_shift_buttons</SetVariable>
          </Template>
          <!-- /Decks -->

          <WidgetGroup>
            <ObjectName>SkinSettingsSeparator</ObjectName>
            <SizePolicy>min,min</SizePolicy>
            <MinimumSize>100,1</MinimumSize>
            <MaximumSize>i,5</MaximumSize>
          </WidgetGroup>

          <Label><!-- Mixer -->
            <ObjectName>CategoryLabel</ObjectName>
            <Size>182f,21f</Size>
            <Text>Mixer</Text>
          </Label>
          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Master/Headphone Mixer</SetVariable>
            <SetVariable name="width">105</SetVariable>
            <SetVariable name="Setting">[Tango],master_mixer</SetVariable>
          </Template>

          <WidgetGroup><!-- Channel mixer toggle + hint for big cover -->
            <Layout>horizontal</Layout>
            <MinimumSize>182,13</MinimumSize>
            <MaximumSize>182,17</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Children>
              <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                <SetVariable name="text">Channel Mixer</SetVariable>
                <SetVariable name="width">105</SetVariable>
                <SetVariable name="Setting">[Master],show_mixer</SetVariable>
              </Template>

              <!-- Show hint when Big Cover was enabled but Channel mixer is visible -->
              <WidgetGroup>
                <Layout>horizontal</Layout>
                <MinimumSize>8,13</MinimumSize>
                <MaximumSize>8,17</MaximumSize>
                <SizePolicy>f,me</SizePolicy>
                <Children>
                  <WidgetGroup>
                    <Layout>horizontal</Layout>
                    <MinimumSize>8,13</MinimumSize>
                    <MaximumSize>8,17</MaximumSize>
                    <SizePolicy>f,min</SizePolicy>
                    <Children>
                      <Label>
                        <ObjectName>CoverSpinnyHint</ObjectName>
                        <Size>8f,13min</Size>
                        <Text>!</Text>
                        <Connection>
                          <ConfigKey persist="true">[Master],show_mixer</ConfigKey>
                          <BindProperty>visible</BindProperty>
                        </Connection>
                      </Label>
                    </Children>
                    <Connection>
                      <ConfigKey persist="true">[Skin],show_big_spinny_coverart</ConfigKey>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>
                </Children>
                <Connection>
                  <ConfigKey persist="true">[Tango],show_spinny_cover</ConfigKey>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup><!-- /Show hint when Channel mixer is visible -->
              <WidgetGroup><SizePolicy>me,min</SizePolicy></WidgetGroup>
            </Children>
          </WidgetGroup>

          <WidgetGroup><!-- EQ knobs, EQ Kill buttons, Crossfader -->
            <ObjectName>SkinSettingsSubMenu</ObjectName>
            <Layout>stacked</Layout>
            <MinimumSize>182,39</MinimumSize>
            <MaximumSize>182,60</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Children>
              <!-- translucent cover when Channel Mixer is hidden -->
              <WidgetGroup>
                <ObjectName>SubmenuCover</ObjectName>
                <MinimumSize>182,39</MinimumSize>
                <MaximumSize>182,60</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Connection>
                  <ConfigKey persist="true">[Master],show_mixer</ConfigKey>
                  <Transform><Not/></Transform>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>

              <WidgetGroup>
                <Layout>vertical</Layout>
                <Children>
                  <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                    <SetVariable name="text">EQ &amp; QuickEffect Knobs</SetVariable>
                    <SetVariable name="Setting">[Skin],show_eq_knobs</SetVariable>
                  </Template>
                  <WidgetGroup><!-- EQ Kill buttons -->
                    <Layout>stacked</Layout>
                    <MinimumSize>182,13</MinimumSize>
                    <MaximumSize>182,20</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Children>
                      <!-- translucent cover when EQ knobs are hidden -->
                      <WidgetGroup>
                        <ObjectName>SubmenuCover</ObjectName>
                        <MinimumSize>182,13</MinimumSize>
                        <MaximumSize>182,20</MaximumSize>
                        <SizePolicy>me,me</SizePolicy>
                        <Connection>
                          <ConfigKey persist="true">[Skin],show_eq_knobs</ConfigKey>
                          <Transform><Not/></Transform>
                          <BindProperty>visible</BindProperty>
                        </Connection>
                      </WidgetGroup>
                      <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                        <SetVariable name="text">EQ Kill Buttons</SetVariable>
                        <SetVariable name="Setting">[Skin],show_eq_kill_buttons</SetVariable>
                      </Template>
                    </Children>
                  </WidgetGroup><!-- /EQ Kill buttons -->

                  <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                    <SetVariable name="text">Crossfader</SetVariable>
                    <SetVariable name="Setting">[Skin],show_xfader</SetVariable>
                  </Template>

                </Children>
              </WidgetGroup>

            </Children>
          </WidgetGroup><!-- /EQ knobs, EQ Kill buttons, Crossfader -->

          <WidgetGroup><!-- Permanent Level Meters -->
            <Layout>stacked</Layout>
            <MinimumSize>182,13</MinimumSize>
            <MaximumSize>182,20</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Children>
              <!-- translucent cover when Channel Mixer is hidden -->
              <WidgetGroup>
                <ObjectName>SubmenuCover</ObjectName>
                <MinimumSize>182,13</MinimumSize>
                <MaximumSize>182,20</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Connection>
                  <ConfigKey persist="true">[Master],show_mixer</ConfigKey>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>
              <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                <SetVariable name="text">Always Show Level Meters</SetVariable>
                <SetVariable name="Setting">[Tango],vumeter</SetVariable>
              </Template>
            </Children>
          </WidgetGroup><!-- /Permanent Level Meters -->
          <!-- /Mixer -->

          <WidgetGroup>
            <ObjectName>SkinSettingsSeparator</ObjectName>
            <SizePolicy>min,min</SizePolicy>
            <MinimumSize>100,1</MinimumSize>
            <MaximumSize>i,5</MaximumSize>
          </WidgetGroup>

          <!-- Effects -->
          <Label>
            <ObjectName>CategoryLabel</ObjectName>
            <Size>182f,3f</Size>
          </Label>
          <WidgetGroup><!-- Effect Units, 2 or 4 -->
            <Size>182f,20f</Size>
            <ObjectName>AlignLeft</ObjectName>
            <Layout>horizontal</Layout>
            <Children>
              <Template src="skin:../Tango/controls/skin_settings_category_button_2state.xml">
                <SetVariable name="variant">Big</SetVariable>
                <SetVariable name="text">Effect Units</SetVariable>
                <SetVariable name="size">120f,18f</SetVariable>
                <SetVariable name="Setting">[EffectRack1],show</SetVariable>
              </Template>
              <WidgetGroup><Size>3f,1min</Size></WidgetGroup>
              <WidgetGroup><!-- 2 or 4 -->
                <Size>40f,20f</Size>
                <Layout>stacked</Layout>
                <Children>
                  <!-- translucent cover when Effects are invisible -->
                  <WidgetGroup>
                    <ObjectName>SubmenuCover</ObjectName>
                    <Size>40f,20f</Size>
                    <Connection>
                      <ConfigKey persist="true">[EffectRack1],show</ConfigKey>
                      <Transform><Not/></Transform>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>
                  <WidgetGroup>
                    <ObjectName>AlignVCenter</ObjectName>
                    <Size>40f,20f</Size>
                    <Layout>horizontal</Layout>
                    <Children>
                      <Template src="skin:../Tango/controls/skin_settings_button_multi.xml">
                        <SetVariable name="state_x_text">  2  </SetVariable>
                        <SetVariable name="width">20</SetVariable>
                        <SetVariable name="stateX">0</SetVariable>
                        <SetVariable name="Setting">[Skin],show_4effectunits</SetVariable>
                      </Template>
                      <Template src="skin:../Tango/controls/skin_settings_button_multi.xml">
                        <SetVariable name="state_x_text">  4  </SetVariable>
                        <SetVariable name="width">20</SetVariable>
                        <SetVariable name="stateX">1</SetVariable>
                        <SetVariable name="Setting">[Skin],show_4effectunits</SetVariable>
                      </Template>
                    </Children>
                  </WidgetGroup>
                </Children>
              </WidgetGroup><!-- /2 or 4 -->
            </Children>
          </WidgetGroup><!-- Effect Units, 2 or 4 -->

          <WidgetGroup><!-- Super Knobs -->
            <MinimumSize>182,13</MinimumSize>
            <MaximumSize>182,20</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Layout>stacked</Layout>
            <Children>
              <!-- translucent cover when Effects are invisible -->
              <WidgetGroup>
                <ObjectName>SubmenuCover</ObjectName>
                <Size>182f,13me</Size>
                <Connection>
                  <ConfigKey persist="true">[EffectRack1],show</ConfigKey>
                  <Transform><Not/></Transform>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>
              <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                <SetVariable name="text">Super Knobs</SetVariable>
                <SetVariable name="Setting">[Skin],show_superknobs</SetVariable>
              </Template>
            </Children>
          </WidgetGroup><!-- /Super Knobs -->

          <!-- Buttons in samplers were removed for now
          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Sampler FX buttons</SetVariable>
            <SetVariable name="Setting">[Tango],sampler_fx_buttons</SetVariable>
          </Template>
          -->
          <!-- /Effects -->

          <WidgetGroup>
            <ObjectName>SkinSettingsSeparator</ObjectName>
            <SizePolicy>min,min</SizePolicy>
            <MinimumSize>100,1</MinimumSize>
            <MaximumSize>i,5</MaximumSize>
          </WidgetGroup>

          <Label><!-- Misc -->
            <ObjectName>CategoryLabel</ObjectName>
            <Size>182f,3f</Size>
          </Label>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Preview Deck</SetVariable>
            <SetVariable name="Setting">[PreviewDeck],show_previewdeck</SetVariable>
          </Template>

          <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
            <SetVariable name="text">Cover Art in Library</SetVariable>
            <SetVariable name="Setting">[Library],show_coverart</SetVariable>
          </Template>

          <WidgetGroup><!-- Sampler rows -->
            <MinimumSize>182,13</MinimumSize>
            <MaximumSize>182,20</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Layout>horizontal</Layout>
            <Children>
              <Template src="skin:../Tango/controls/skin_settings_button_2state.xml">
                <SetVariable name="text">Samplers</SetVariable>
                <SetVariable name="width">71</SetVariable>
                <SetVariable name="Setting">[Samplers],show_samplers</SetVariable>
              </Template>
              <WidgetGroup><Size>3f,1min</Size></WidgetGroup>

              <WidgetGroup><!-- Sampler row buttons -->
                <Layout>stacked</Layout>
                <MinimumSize>112,13</MinimumSize>
                <MaximumSize>112,20</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Children>
                  <!-- translucent cover when Samlers are hidden -->
                  <WidgetGroup>
                    <ObjectName>SubmenuCover</ObjectName>
                    <MinimumSize>112,13</MinimumSize>
                    <MaximumSize>112,20</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Connection>
                      <ConfigKey persist="true">[Samplers],show_samplers</ConfigKey>
                      <Transform><Not/></Transform>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>
                  <Template src="skin:skin_settings_sampler_rows_64.xml"/>
                </Children>
              </WidgetGroup><!-- /Sampler row buttons -->
            </Children>
          </WidgetGroup><!-- /Sampler rows -->

          <WidgetGroup><!-- Load/Save Sampler Bank -->
            <ObjectName>AlignLeft</ObjectName>
            <Layout>horizontal</Layout>
            <MinimumSize>182,13</MinimumSize>
            <MaximumSize>182,20</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Children>
              <WidgetGroup><Size>14f,13me</Size></WidgetGroup>
              <Template src="skin:../Tango/controls/button_1state.xml">
                <SetVariable name="TooltipId">LoadSamplerBank</SetVariable>
                <SetVariable name="ObjectName">SkinSettingsButton</SetVariable>
                <SetVariable name="Size">31f,17f</SetVariable>
                <SetVariable name="state_0_text"> Load /</SetVariable>
                <SetVariable name="Align">left</SetVariable>
                <SetVariable name="ConfigKey">[Sampler],LoadSamplerBank</SetVariable>
              </Template>
              <Label>
                <ObjectName>SkinSettingsLabel</ObjectName>
                <Size>11f,17f</Size>
                <Text> / </Text>
                <Alignment>center</Alignment>
              </Label>
              <Template src="skin:../Tango/controls/button_1state.xml">
                <SetVariable name="TooltipId">SaveSamplerBank</SetVariable>
                <SetVariable name="ObjectName">SkinSettingsButton</SetVariable>
                <SetVariable name="Size">31f,17f</SetVariable>
                <SetVariable name="state_0_text"> Save </SetVariable>
                <SetVariable name="Align">left</SetVariable>
                <SetVariable name="ConfigKey">[Sampler],SaveSamplerBank</SetVariable>
              </Template>
              <Label>
                <ObjectName>SkinSettingsLabel</ObjectName>
                <Size>50min,17f</Size>
                <Text>Sampler Bank</Text>
                <Alignment>center</Alignment>
              </Label>
            </Children>
          </WidgetGroup><!-- /Load/Save Sampler Bank -->
          <!-- /Misc -->

        </Children>
      </WidgetGroup><!-- /SkinSettings -->
    </Children>
    <Connection>
      <ConfigKey>[Master],skin_settings</ConfigKey>
      <BindProperty>visible</BindProperty>
    </Connection>
  </WidgetGroup>
</Template>
