<?xml version="1.0" encoding="UTF-8"?>
<window>
	<defaultcontrol always="true">3010</defaultcontrol>
	<include>DialogOpenCloseAnimation</include>
	<controls>
		<control type="image">
			<include>FullscreenDimensions</include>
			<texture>black.png</texture>
		</control>
		<control type="group">
			<control type="label" id="1">
				<left>61</left>
				<top>60</top>
				<width min="80" max="1400">auto</width>
				<height>100</height>
				<font>font35_title</font>
				<label>$ADDON[script.skin.helper.colorpicker 32011]</label>
				<shadowcolor>black</shadowcolor>
			</control>
			<control type="button" id="3030">
				<top>20</top>
				<left>60</left>
				<width>auto</width>
				<onup>4000</onup>
				<ondown>3110</ondown>
				<onright>3020</onright>
				<label>$ADDON[script.skin.helper.colorpicker 32141]: $INFO[Window.Property(palettename)]</label>
				<visible>!String.IsEmpty(Window.Property(palettename))</visible>
			</control>
			<control type="group" id="3020">
				<left>1400</left>
				<top>20</top>
				<width>510</width>
				<!-- Opacity label + Slider -->
				<control type="label" id="3016">
					<width>130</width>
					<height>60</height>
					<label>$ADDON[script.skin.helper.colorpicker 32049]:</label>
				</control>
				<control type="slider" id="3015">
					<left>130</left>
					<top>10</top>
					<onup>3011</onup>
					<ondown>3110</ondown>
					<width>200</width>
					<height>30</height>
					<texturesliderbar>osd_slider_bg_2.png</texturesliderbar>
					<textureslidernib>osd_slider_nibNF.png</textureslidernib>
					<textureslidernibfocus>osd_slider_nib.png</textureslidernibfocus>
				</control>
				<control type="label" id="3017">
					<left>380</left>
					<height>60</height>
					<label>$INFO[Control.Getlabel(3015)]</label>
				</control>
			</control>
			<control type="panel" id="3110">
				<viewtype label="536">icon</viewtype>
				<top>100</top>
				<left>60</left>
				<width>1798</width>
				<height>765</height>
				<onleft>3110</onleft>
				<onright>3110</onright>
				<onup>3030</onup>
				<ondown>3010</ondown>
				<preloaditems>4</preloaditems>
				<itemlayout height="76" width="128" condition="String.IsEqual(Window.Property(palettename),basic)">
					<control type="image">
						<width>123</width>
						<height>71</height>
						<texture diffuse="diffuse_color_picker.png">$INFO[ListItem.Icon]</texture>
					</control>
				</itemlayout>
				<focusedlayout height="76" width="128" condition="String.IsEqual(Window.Property(palettename),basic)">
					<control type="group">
						<animation effect="zoom" time="300" tween="sine" easing="inout" start="100" end="180" center="70,40">Focus</animation>
						<control type="image">
							<width>123</width>
							<height>71</height>
							<texture border="10">color_picker_shadow.png</texture>
						</control>
						<control type="image">
							<left>4</left>
							<top>4</top>
							<width>123</width>
							<height>71</height>
							<texture diffuse="diffuse_color_picker.png">$INFO[ListItem.Icon]</texture>
						</control>
					</control>
				</focusedlayout>
				<itemlayout height="45" width="58" condition="!String.IsEqual(Window.Property(palettename),basic) + !String.IsEqual(Window.Property(palettename),material-design)">
					<control type="image">
						<width>53</width>
						<height>40</height>
						<texture diffuse="diffuse_color_picker.png">$INFO[ListItem.Icon]</texture>
					</control>
				</itemlayout>
				<focusedlayout height="60" width="90" condition="!String.IsEqual(Window.Property(palettename),basic) + !String.IsEqual(Window.Property(palettename),material-design)">
					<control type="group">
						<animation effect="zoom" time="300" tween="sine" easing="inout" start="100" end="180" center="70,40">Focus</animation>
						<control type="image">
							<width>90</width>
							<height>60</height>
							<texture border="10">color_picker_shadow.png</texture>
						</control>
						<control type="image">
							<left>4</left>
							<top>4</top>
							<width>82</width>
							<height>52</height>
							<texture diffuse="diffuse_color_picker.png">$INFO[ListItem.Icon]</texture>
						</control>
					</control>
				</focusedlayout>
				<itemlayout height="40" width="125" condition="String.IsEqual(Window.Property(palettename),material-design)">
					<control type="image">
						<width>120</width>
						<height>35</height>
						<texture border="5">$INFO[ListItem.Icon]</texture>
					</control>
				</itemlayout>
				<focusedlayout height="40" width="125" condition="String.IsEqual(Window.Property(palettename),material-design)">
					<control type="group">
						<animation effect="zoom" time="300" tween="sine" easing="inout" start="100" end="180" center="70,40">Focus</animation>
						<control type="image">
							<width>120</width>
							<height>35</height>
							<texture border="10">color_picker_shadow.png</texture>
						</control>
						<control type="image">
							<width>120</width>
							<height>35</height>
							<texture border="5">$INFO[ListItem.Icon]</texture>
						</control>
					</control>
				</focusedlayout>
			</control>
			<!-- Color Swatch -->
			<control type="image">
				<top>870</top>
				<left>61</left>
				<width>220</width>
				<height>140</height>
				<texture border="5" diffuse="diffuse_color_picker.png">panel.png</texture>
				<colordiffuse>$INFO[Window.Property(colorstring)]</colordiffuse>
			</control>
			<control type="grouplist" id="4000">
				<orientation>horizontal</orientation>
				<itemgap>10</itemgap>
				<left>305</left>
				<top>945</top>
				<width>1800</width>
				<!-- Edit Button -->
				<control type="button" id="3010">
					<width>400</width>
					<height>60</height>
					<onup>3110</onup>
					<ondown>3030</ondown>
					<label>$ADDON[script.skin.helper.colorpicker 32012]</label>
					<label2>[UPPERCASE]$INFO[Window.Property(colorstring)][/UPPERCASE]</label2>
				</control>
				<!-- Save Button -->
				<control type="button" id="3012">
					<width>auto</width>
					<height>60</height>
					<onup>3110</onup>
					<ondown>3030</ondown>
					<label>190</label>
				</control>
				<!-- None Button -->
				<control type="button" id="3011">
					<width>auto</width>
					<height>60</height>
					<onup>3110</onup>
					<ondown>3030</ondown>
					<label>$ADDON[script.skin.helper.colorpicker 32013]</label>
				</control>
			</control>
		</control>
	</controls>
</window>