<!--
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>205f,1me</Size>
    <Children>
      <WidgetGroup><Size>5f,1me</Size></WidgetGroup>
      <WidgetGroup>
        <ObjectName>SkinSettings</ObjectName>
        <Layout>vertical</Layout>
        <Size>200f,1me</Size>
        <Children>
          <WidgetGroup>
            <ObjectName>SkinSettingsHeader</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>me,f</SizePolicy>
            <Children>
              <Label>
                <ObjectName>CategoryLabel</ObjectName>
                <Text>Decks</Text>
                <Size>200f,21f</Size>
              </Label>

              <!-- push Close button to far right -->
              <WidgetGroup><Size>1me,1me</Size></WidgetGroup>

              <PushButton>
                <TooltipId>skin_settings</TooltipId>
                <ObjectName>SkinSettingsClose</ObjectName>
                <Size>20f,24f</Size>
                <!-- This is used to work around Bug 1795663 on OSX -->
                <EmitOnPressAndRelease>false</EmitOnPressAndRelease>
                <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>

          <!-- Each category's MinimumSize & MaximumSize need to be defined
              in order to let them grow reasonably on big screens, as well as to
              allow good-looking compression of items on small screens.
              <SizePolicy> is very hard to handle in many places here due to
              translucent covers and submenus, defining button sizes explicitly helps.

              Each categroy has a padding: top 2px, bottom 2px
              For every button we need to provide space (13-17px):
              MinSize = (num. of buttons/rows x 13px) + 15px + 3px padding + 3px border-bottom
              MaxSize = (num. of buttons/rows x 17px) + 15px + 3px padding + 3px border-bottom +10px
              (let's add 10px so sections can grow on big screens) -->
          <WidgetGroup><!-- Decks | 12 buttons/rows 13-17px, 1 fixed row 15px -->
            <ObjectName>SkinSettingsCategory</ObjectName>
            <MinimumSize>200,205</MinimumSize>
            <MaximumSize>200,260</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Layout>vertical</Layout>
            <Children>

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

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

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

              <WidgetGroup><!-- HotCue settings -->
                <MinimumSize>182,13</MinimumSize>
                <MaximumSize>182,17</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Layout>horizontal</Layout>
                <Children>
                  <Template src="skin:../Tango/skin_settings_button_2state.xml">
                    <SetVariable name="text">Hot Cues</SetVariable>
                    <SetVariable name="width">70</SetVariable>
                    <SetVariable name="Setting">[Tango],hotcues</SetVariable>
                  </Template>
                  <WidgetGroup><Size>3f,1min</Size></WidgetGroup>
                  <WidgetGroup><!-- 4 or 8 -->
                    <MinimumSize>182,13</MinimumSize>
                    <MaximumSize>182,17</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Layout>stacked</Layout>
                    <Children>
                      <!-- index 0 due to bug -->
                      <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                      <WidgetGroup><!-- translucent cover when Hot Cues are invisble -->
                        <ObjectName>SubmenuCover</ObjectName>
                        <Layout>vertical</Layout>
                        <Size>182f,13me</Size>
                        <Connection>
                          <ConfigKey persist="true">[Tango],hotcues</ConfigKey>
                          <Transform><Not/></Transform>
                          <BindProperty>visible</BindProperty>
                        </Connection>
                      </WidgetGroup>

                      <WidgetGroup>
                        <MinimumSize>182,13</MinimumSize>
                        <MaximumSize>182,17</MaximumSize>
                        <SizePolicy>me,me</SizePolicy>
                        <Layout>horizontal</Layout>
                        <Children>
                          <Template src="skin:../Tango/skin_settings_button_multi.xml">
                            <SetVariable name="state_x_text"> [ 4 ] </SetVariable>
                            <SetVariable name="width">26</SetVariable>
                            <SetVariable name="stateX">0</SetVariable>
                            <SetVariable name="Setting">[Skin],8_hotcues</SetVariable>
                          </Template>
                          <Template src="skin:../Tango/skin_settings_button_multi.xml">
                            <SetVariable name="state_x_text"> [ 8 ] </SetVariable>
                            <SetVariable name="width">26</SetVariable>
                            <SetVariable name="stateX">1</SetVariable>
                            <SetVariable name="Setting">[Skin],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/skin_settings_button_2state.xml">
                <SetVariable name="text">Loop / Beatjump Buttons</SetVariable>
                <SetVariable name="Setting">[Tango],loop_beatjump_controls</SetVariable>
              </Template>

              <WidgetGroup><!-- Permanent deck controls -->
                <ObjectName>DeckIndicatorSettings</ObjectName>
                <Layout>vertical</Layout>
                <MinimumSize>182,28</MinimumSize>
                <MaximumSize>182,32</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Children>
                  <Label>
                    <ObjectName>SkinSettingsLabel</ObjectName>
                    <MinimumSize>182,13</MinimumSize>
                    <MaximumSize>182,17</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/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/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/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/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/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_visible.svg</SetVariable>
                        <SetVariable name="ConfigKey">[Tango],always_visible_orientation</SetVariable>
                      </Template>

                      <Template src="skin:../Tango/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>

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

                      <WidgetGroup><!-- Star rating -->
                        <Layout>stacked</Layout>
                        <Size>16f,15f</Size>
                        <Children>
                          <!-- index 0 due to bug -->
                          <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                          <WidgetGroup><!-- translucent cover when Stars wouldn't fit -->
                            <ObjectName>SubmenuCover</ObjectName>
                            <Layout>vertical</Layout>
                            <Size>16f,15f</Size>
                            <Connection>
                              <ConfigKey persist="true">[Tango],stars_fit</ConfigKey>
                              <Transform><Not/></Transform>
                              <BindProperty>visible</BindProperty>
                            </Connection>
                          </WidgetGroup>

                          <Template src="skin:../Tango/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">[Tango],stars</SetVariable>
                          </Template>
                        </Children>
                      </WidgetGroup><!-- /Star rating -->


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

                      <Template src="skin:../Tango/button_2state_persist.xml">
                        <SetVariable name="ObjectName">DeckButtonVisibility</SetVariable>
                        <SetVariable name="Size">28f,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>
                    </Children>
                  </WidgetGroup><!-- Permanent deck control icons -->
                </Children>
              </WidgetGroup><!-- /Permanent deck controls -->

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

              <WidgetGroup><!-- Rate/Key submenu -->
                <Layout>stacked</Layout>
                <MinimumSize>182,26</MinimumSize>
                <MaximumSize>-1,34</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Children>
                  <!-- index 0 due to bug -->
                  <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                  <WidgetGroup><!-- translucent cover when Pitch slider is hidden -->
                    <ObjectName>SubmenuCover</ObjectName>
                    <Layout>vertical</Layout>
                    <MinimumSize>182,26</MinimumSize>
                    <MaximumSize>-1,34</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Connection>
                      <ConfigKey persist="true">[Master],show_rate_control</ConfigKey>
                      <Transform><Not/></Transform>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>

                  <WidgetGroup>
                    <Layout>vertical</Layout>
                    <Size>182f,0me</Size>
                    <Children>
                      <Template src="skin:../Tango/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/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 -->

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

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

              <Template src="skin:../Tango/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
              [Spinny],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">[Spinny],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,17</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Layout>stacked</Layout>
                <Children>
                  <!-- index 0 due to bug -->
                  <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                  <WidgetGroup><!-- translucent cover when Spinny/Cover is disabled -->
                    <ObjectName>SubmenuCover</ObjectName>
                    <Layout>vertical</Layout>
                    <SizePolicy>me,me</SizePolicy>
                    <Connection>
                      <ConfigKey persist="true">[Tango],no_spinny_no_cover</ConfigKey>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>

                  <WidgetGroup><!-- hint: enforced small cover/spinny with mixer -->
                    <ObjectName>SubmenuCover</ObjectName>
                    <Layout>horizontal</Layout>
                    <MinimumSize>182,13</MinimumSize>
                    <MaximumSize>182,17</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Children>
                      <WidgetGroup><Size>55f,1min</Size></WidgetGroup>
                      <Label>
                        <ObjectName>CoverSpinnyHint</ObjectName>
                        <MinimumSize>8,13</MinimumSize>
                        <MaximumSize>8,17</MaximumSize>
                        <SizePolicy>min,me</SizePolicy>
                        <Text> ° </Text>
                      </Label>
                      <WidgetGroup><Size>40f,1min</Size></WidgetGroup>
                      <Label>
                        <ObjectName>SubmenuHint</ObjectName>
                        <MinimumSize>100,13</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 -->
                    <MinimumSize>182,13</MinimumSize>
                    <MaximumSize>182,17</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <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/skin_settings_button_multi.xml">
                        <SetVariable name="state_x_text"> [  °  ] </SetVariable>
                        <SetVariable name="width">28</SetVariable>
                        <SetVariable name="stateX">0</SetVariable>
                        <SetVariable name="Setting">[Tango],show_BIG_spinny_cover</SetVariable>
                      </Template>
                      <Template src="skin:../Tango/skin_settings_button_multi.xml">
                        <SetVariable name="state_x_text"> [ O ] </SetVariable>
                        <SetVariable name="width">28</SetVariable>
                        <SetVariable name="stateX">1</SetVariable>
                        <SetVariable name="Setting">[Tango],show_BIG_spinny_cover</SetVariable>
                      </Template>
                      <WidgetGroup><Size>0me,1min</Size></WidgetGroup>
                    </Children>
                  </WidgetGroup><!-- /small/BIG selector, hidden mixer -->
                </Children>
              </WidgetGroup><!-- /small/BIG selector -->
            </Children>
          </WidgetGroup><!-- /Decks -->

          <Label><!-- Mixer -->
            <ObjectName>CategoryLabel</ObjectName>
            <Size>200f,21f</Size>
            <Text>Mixer</Text>
          </Label>
          <WidgetGroup><!-- 6 buttons -->
            <ObjectName>SkinSettingsCategory</ObjectName>
            <MinimumSize>200,82</MinimumSize>
            <MaximumSize>220,120</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Layout>vertical</Layout>
            <Children>
              <Template src="skin:../Tango/skin_settings_button_2state.xml">
                <SetVariable name="text">Master/Headphone Mixer</SetVariable>
                <SetVariable name="width">110</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/skin_settings_button_2state.xml">
                    <SetVariable name="text">Channel Mixer</SetVariable>
                    <SetVariable name="width">110</SetVariable>
                    <SetVariable name="Setting">[Master],show_mixer</SetVariable>
                  </Template>

                  <WidgetGroup><!-- Show hint when Big Cover was enabled but Channel mixer is visible -->
                    <Layout>horizontal</Layout>
                    <MinimumSize>15,13</MinimumSize>
                    <MaximumSize>15,17</MaximumSize>
                    <SizePolicy>f,me</SizePolicy>
                    <Children>
                      <WidgetGroup>
                        <Layout>horizontal</Layout>
                        <MinimumSize>15,13</MinimumSize>
                        <MaximumSize>15,17</MaximumSize>
                        <SizePolicy>f,min</SizePolicy>
                        <Children>
                          <WidgetGroup><Size>5f,1min</Size></WidgetGroup>
                          <Label>
                            <ObjectName>CoverSpinnyHint</ObjectName>
                            <Size>10f,13min</Size>
                            <Text>!</Text>
                            <Connection>
                              <ConfigKey persist="true">[Master],show_mixer</ConfigKey>
                              <BindProperty>visible</BindProperty>
                            </Connection>
                          </Label>
                        </Children>
                        <Connection>
                          <ConfigKey persist="true">[Tango],show_BIG_spinny_cover</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 -->
                <Layout>stacked</Layout>
                <MinimumSize>182,39</MinimumSize>
                <MaximumSize>182,51</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Children>
                  <!-- index 0 due to bug -->
                  <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                  <WidgetGroup><!-- translucent cover when Channel Mixer is hidden -->
                    <ObjectName>SubmenuCover</ObjectName>
                    <Layout>vertical</Layout>
                    <MinimumSize>182,39</MinimumSize>
                    <MaximumSize>182,51</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/skin_settings_button_2state.xml">
		                    <SetVariable name="text">EQ &amp; QuickEffect Knobs</SetVariable>
		                    <SetVariable name="Setting">[Master],show_eqs</SetVariable>
		                  </Template>

				              <WidgetGroup><!-- EQ Kill buttons -->
				                <Layout>stacked</Layout>
				                <MinimumSize>182,13</MinimumSize>
				                <MaximumSize>182,17</MaximumSize>
				                <SizePolicy>me,me</SizePolicy>
				                <Children>
				                  <!-- index 0 due to bug -->
				                  <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

				                  <WidgetGroup><!-- translucent cover when EQ knobs are hidden -->
				                    <ObjectName>SubmenuCover</ObjectName>
				                    <Layout>vertical</Layout>
				                    <MinimumSize>182,13</MinimumSize>
				                    <MaximumSize>182,17</MaximumSize>
				                    <SizePolicy>me,me</SizePolicy>
				                    <Connection>
				                      <ConfigKey persist="true">[Master],show_eqs</ConfigKey>
				                      <Transform><Not/></Transform>
				                      <BindProperty>visible</BindProperty>
				                    </Connection>
				                  </WidgetGroup>

				                  <Template src="skin:../Tango/skin_settings_button_2state.xml">
				                    <SetVariable name="text">EQ Kill Buttons</SetVariable>
				                    <SetVariable name="Setting">[Master],show_eq_kill_buttons</SetVariable>
				                  </Template>

				                </Children>
				              </WidgetGroup><!-- /EQ Kill buttons -->

								      <Template src="skin:../Tango/skin_settings_button_2state.xml">
								        <SetVariable name="text">Crossfader</SetVariable>
								        <SetVariable name="Setting">[Master],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,17</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Children>
                  <!-- index 0 due to bug -->
                  <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                  <WidgetGroup><!-- translucent cover when Channel Mixer is hidden -->
                    <ObjectName>SubmenuCover</ObjectName>
                    <Layout>vertical</Layout>
                    <MinimumSize>182,13</MinimumSize>
                    <MaximumSize>182,17</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Connection>
                      <ConfigKey persist="true">[Master],show_mixer</ConfigKey>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>

                  <Template src="skin:../Tango/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 -->
            </Children>
          </WidgetGroup><!-- /Mixer -->

          <Label><!-- Effects -->
            <ObjectName>CategoryLabel</ObjectName>
            <Size>200f,21f</Size>
            <Text>Effects</Text>
          </Label>
          <WidgetGroup><!-- 2 buttons (1 commented out) -->
            <ObjectName>SkinSettingsCategory</ObjectName>
            <MinimumSize>200,26</MinimumSize>
            <MaximumSize>200,62</MaximumSize>
            <SizePolicy>me,min</SizePolicy>
            <Layout>vertical</Layout>
            <Children>

              <WidgetGroup><!-- Effect Units, 2 or 4 -->
                <MinimumSize>182,13</MinimumSize>
                <MaximumSize>182,17</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Layout>horizontal</Layout>
                <Children>
                  <Template src="skin:../Tango/skin_settings_button_2state.xml">
                    <SetVariable name="text">Effect Units</SetVariable>
                    <SetVariable name="width">86</SetVariable>
                    <SetVariable name="Setting">[EffectRack1],show</SetVariable>
                  </Template>
                  <WidgetGroup><Size>3f,1min</Size></WidgetGroup>
                  <WidgetGroup><!-- 2 or 4 -->
                    <MinimumSize>182,13</MinimumSize>
                    <MaximumSize>182,17</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Layout>stacked</Layout>
                    <Children>
                      <!-- index 0 due to bug -->
                      <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                      <WidgetGroup><!-- translucent cover when Effects are invisble -->
                        <ObjectName>SubmenuCover</ObjectName>
                        <Layout>vertical</Layout>
                        <Size>182f,13me</Size>
                        <Connection>
                          <ConfigKey persist="true">[EffectRack1],show</ConfigKey>
                          <Transform><Not/></Transform>
                          <BindProperty>visible</BindProperty>
                        </Connection>
                      </WidgetGroup>

                      <WidgetGroup>
                        <MinimumSize>182,13</MinimumSize>
                        <MaximumSize>182,17</MaximumSize>
                        <SizePolicy>me,me</SizePolicy>
                        <Layout>horizontal</Layout>
                        <Children>
                          <Template src="skin:../Tango/skin_settings_button_multi.xml">
                            <SetVariable name="state_x_text"> [ 2 ] </SetVariable>
                            <SetVariable name="width">26</SetVariable>
                            <SetVariable name="stateX">0</SetVariable>
                            <SetVariable name="Setting">[Master],show_4effectunits</SetVariable>
                          </Template>
                          <Template src="skin:../Tango/skin_settings_button_multi.xml">
                            <SetVariable name="state_x_text"> [ 4 ] </SetVariable>
                            <SetVariable name="width">26</SetVariable>
                            <SetVariable name="stateX">1</SetVariable>
                            <SetVariable name="Setting">[Master],show_4effectunits</SetVariable>
                          </Template>
                          <WidgetGroup><Size>0me,1min</Size></WidgetGroup>
                        </Children>
                      </WidgetGroup>
                    </Children>
                  </WidgetGroup><!-- /2 or 4 -->
                </Children>
              </WidgetGroup><!-- Effect Units, 2 or 4 -->

              <WidgetGroup><!-- Super Knobs -->
                <MinimumSize>182,13</MinimumSize>
                <MaximumSize>182,17</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Layout>stacked</Layout>
                <Children>
                  <!-- index 0 due to bug -->
                  <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                  <WidgetGroup><!-- translucent cover when Effects are invisble -->
                    <ObjectName>SubmenuCover</ObjectName>
                    <Layout>vertical</Layout>
                    <Size>182f,13me</Size>
                    <Connection>
                      <ConfigKey persist="true">[EffectRack1],show</ConfigKey>
                      <Transform><Not/></Transform>
                      <BindProperty>visible</BindProperty>
                    </Connection>
                  </WidgetGroup>

                  <Template src="skin:../Tango/skin_settings_button_2state.xml">
                    <SetVariable name="text">Super Knobs</SetVariable>
                    <SetVariable name="Setting">[Master],show_superknobs</SetVariable>
                  </Template>
                </Children>
              </WidgetGroup><!-- /Super Knobs -->

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

            </Children>
          </WidgetGroup><!-- /Effects -->

          <Label><!-- Misc -->
            <ObjectName>CategoryLabel</ObjectName>
            <Size>200f,21f</Size>
            <Text>Misc</Text>
          </Label>
          <WidgetGroup>
            <ObjectName>SkinSettingsCategory</ObjectName>
            <MinimumSize>200,45</MinimumSize>
            <MaximumSize>200,72</MaximumSize>
            <SizePolicy>me,me</SizePolicy>
            <Layout>vertical</Layout>
            <Children>

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

              <Template src="skin:../Tango/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,17</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Layout>horizontal</Layout>
                <Children>
                  <Template src="skin:../Tango/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,17</MaximumSize>
                    <SizePolicy>me,me</SizePolicy>
                    <Children>
                      <!-- index 0 due to bug -->
                      <WidgetGroup><Size>0f,0f</Size></WidgetGroup>

                      <WidgetGroup><!-- translucent cover when Samlers are hidden -->
                        <ObjectName>SubmenuCover</ObjectName>
                        <Layout>vertical</Layout>
                        <MinimumSize>112,13</MinimumSize>
                        <MaximumSize>112,17</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,17</MaximumSize>
                <SizePolicy>me,me</SizePolicy>
                <Children>
                  <WidgetGroup><Size>14f,13me</Size></WidgetGroup>
                  <Template src="skin:../Tango/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>
                    <SizePolicy>min,me</SizePolicy>
                    <Text> / </Text>
                    <Alignment>center</Alignment>
                  </Label>
                  <Template src="skin:../Tango/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>
                    <SizePolicy>min,me</SizePolicy>
                    <Text>Sampler Bank</Text>
                    <Alignment>center</Alignment>
                  </Label>
                </Children>
              </WidgetGroup><!-- /Load/Save Sampler Bank -->
            </Children>
          </WidgetGroup><!-- /Misc -->
        </Children>
      </WidgetGroup><!-- /SkinSettings -->
    </Children>
    <Connection>
      <ConfigKey>[Master],skin_settings</ConfigKey>
      <BindProperty>visible</BindProperty>
    </Connection>
  </WidgetGroup>
</Template>
