﻿<?xml version="1.0" encoding="utf-8" ?>
<GearsUI name="XUi_Common/templates.xml">

	<!-- Mod List Entry-->
	<append xpath="/templates">

		<options_buttons_gears has_apply="true">
			<rect name="buttons" pos="-900, -820" anchor_bottom="#cam,0,30" anchor_top="#cam,0,80">
				<table pos="-20,0" height="48" cols="3" padding="20,0" reposition_twice="true" pivot="topleft" cell_alignment="center">
					<labeledglyphbutton name="btnBack" depth="3" width="200" font_size="32" caption_key="xuiBack" upper_case="true" action="GUI Cancel" enabled="true" />

					<rect name="defaults" width="200" visible="true" >
						<labeledbutton name="btnDefaults" depth="3" width="200" font_size="32" caption_key="xuiDefaults" upper_case="true" />
					</rect>

					<rect name="apply" width="200" visible="${has_apply}">
						<labeledglyphbutton name="btnApply" depth="3" width="200" font_size="32" caption_key="xuiApply" upper_case="true" action="GUI Apply" enabled="true" />
					</rect>
				</table>
			</rect>
		</options_buttons_gears>

		<Gears_iconbutton
			depth="0" pos="0,0" pivot="center" width="32" height="32"
			selectable="false" selected="false" deselect_on_disable="false"
			color_default="[iconColor]" color_hovered="[hoverColor]" color_selected="[selectedColor]" color_disabled="[disabledColor]"
			sound_on_click="[paging_click]" sound_on_hover="[default_hover]"
			hoverscale="1.25" collider_scale="1"
			type="simple"
			tooltip="" tooltip_key="" disabled_tooltip="" disabled_tooltip_key=""
			visible="true" enabled="true"
			use_selection_box="false" gamepad_selectable="true" snap="true" nav_up="" nav_down="" nav_left="" nav_right=""
			flip="Nothing"
			>
			<sprite name="${name}" controller="${ selectable ? 'ButtonSelectable' : 'Button'}"
					visible="${visible}" enabled="${enabled}" selected="${selected}"
					pos="${pos}" depth="${depth}" pivot="${pivot}" width="${width}" height="${height}"
					on_hover="true" on_press="true" deselect_on_disable="${deselect_on_disable}"
					collider_scale="${collider_scale}"
					use_selection_box="${use_selection_box}" gamepad_selectable="${gamepad_selectable}" snap="${snap}" nav_up="${nav_up}" nav_down="${nav_down}" nav_left="${nav_left}" nav_right="${nav_right}"
					foregroundlayer="true"
					sound="${sound_on_click}" sound_play_on_hover="${sound_on_hover}"
					sprite="${sprite}" type="${type}"
					tooltip="${tooltip}" tooltip_key="${tooltip_key}" disabled_tooltip="${disabled_tooltip}" disabled_tooltip_key="${disabled_tooltip_key}"
					color="{% !btn_enabled ? color(${color_disabled}) : (defined('btn_selected') and btn_selected ? color(${color_selected}) : (btn_hovered ? color(${color_hovered}) : color(${color_default}) ) ) }"
					flip="${flip}"
					>
				<tween type="scale" end="${hoverscale},${hoverscale},1" duration="0.25" play_forward="{% btn_hovered}" play_reverse="{% !btn_hovered }" />
			</sprite>
		</Gears_iconbutton>

		<Gears_defaultscrollbar anchorview="#parent">
			<scrollbar pos="${parentinnerwidth-16},0" width="16" depth="5" anchor_top="${anchorview},1,0" anchor_bottom="${anchorview},0,0">
				<sprite name="thumb" depth="1" pos="4,-4" width="8" sprite="menu_empty" type="sliced" color="179, 11, 11, 255" fillcenter="true" on_press="true" on_scroll="true" gamepad_selectable="false" snap="false" anchor_top="${anchorview},1,-4" anchor_bottom="${anchorview},0,4"/>
				<sprite name="background" depth="0" sprite="menu_empty2px" type="sliced" color="[darkGrey]" fillcenter="false" on_press="true" on_scroll="true" gamepad_selectable="false" snap="false" anchor_top="${anchorview},1,0" anchor_bottom="${anchorview},0,0"/>
			</scrollbar>
		</Gears_defaultscrollbar>

		<Gears_pagingheader_button name="headerbutton" visible="true" enabled="true" selected="false" max_width="240" width="195">
			<label name="${name}" text_key="${text_key}" controller="Gears.UI.ButtonSelectableAdvance, Gears" auto_toggle_selected="false" visible="${visible}" selected="${selected}" enabled="${enabled}"
					width="${width}"
					on_press="true" on_hover="true" gamepad_selectable="false" snap="false"
					collider_padding="20,8" depth="2" upper_case="true" font_size="{% gamelanguage = 'japanese' ? 26 : 30 }" overflow="ShrinkContent" overflow_width="${max_width-40}" overflow_height="40" justify="center" pivot="left" max_line_count="1"
					color="{% !btn_enabled ? color(64,64,64,255) : color(255, 255, 255, 255) }"
					sound="[paging_click]" sound_play_on_hover="[default_hover]"
					>
				<sprite name="${name}Border" sprite="ui3_border_fade_U" depth="1"
						fillcenter="{% btn_hovered or (defined('btn_selected') and btn_selected) }"
						color="{% !btn_enabled ? color(64,64,64,255) : (defined('btn_selected') and btn_selected ? color(228, 18, 21, 255) : (btn_hovered ? color(255, 255, 255, 255) : color(255, 255, 255, 255) ) ) }"
						type="sliced" anchor_left="#parent,0,-20" anchor_right="#parent,1,20" anchor_bottom="#parent,0.5,-24" anchor_top="#parent,0.5,20"
						/>
			</label>
		</Gears_pagingheader_button>

		<worldsettings_tabbutton visible="true" enabled="true" selected="false">
			<rect name="${name}" width="30" height="20">
				<label name="label" text_key="${text_key}" controller="Gears.UI.ButtonSelectableAdvance, Gears" auto_toggle_selected="false" visible="${visible}" selected="${selected}" enabled="${enabled}"
						on_press="true" on_hover="true" gamepad_selectable="false" snap="false"
						collider_padding="20,8" depth="2" upper_case="true" font_size="{% gamelanguage = 'japanese' ? 26 : 30 }" width="200" height="40" justify="center" pivot="left" max_line_count="1"
						color="{% !btn_enabled ? color(64,64,64,255) :  color(255, 255, 255, 255) }"
						sound="[paging_click]" sound_play_on_hover="[default_hover]"
						>
					<sprite name="${name}Border" sprite="ui3_border_fade_U" depth="1"
							fillcenter="{% btn_hovered or (defined('btn_selected') and btn_selected) }"
							color="{% !btn_enabled ? color(64,64,64,255) : (defined('btn_selected') and btn_selected ? color(228, 18, 21, 255) : (btn_hovered ? color(255, 255, 255, 255) : color(255, 255, 255, 255) ) ) }"
							type="sliced" anchor_left="#parent,0,-20" anchor_right="#parent,1,20" anchor_bottom="#parent,0.5,-24" anchor_top="#parent,0.5,20"
							/>
				</label>
			</rect>
		</worldsettings_tabbutton>

		<Gears_ModList_Entry>
			<rect height="${height}" style="press, hover, scroll" sound="[recipe_click]" padding="6,10" use_selection_box="false" controller="${controller}" visible="{%hasentry}">
				<sprite depth="2" name="background" style="listentry.background" />
				<sprite depth="3" name="border" height="${1+height}" style="listentry.border" />

				<texture depth="2" name="ModIcon" pos="8,-6" width="${parentinnerheight-10}" height="${parentinnerheight-10}" visible="{%HasIcon}" />

				<rect pos="{% v2i((HasIcon ? ${parentinnerheight + 10} : 0), 0)}">
					<label depth="4" name="ModName" pos="0,0" width="${parentinnerwidth-150-20}" height="32" text="{% '[i]' + ModName}" font_size="30" justify="left" pivot="topleft" color="255,255,255,255" />
					<label depth="4" name="ModAuthor" pos="0,${-parentinnerheight-2}" width="${parentinnerwidth-250-20}" height="32" text="{%ModAuthor}" font_size="26" justify="left" pivot="bottomleft" color=" 255,255,255,128"/>
				</rect>

				<sprite depth="4" name="HasSettings" pos="${parentinnerwidth},0" width="24" height="24" sprite="ui_game_symbol_star" color="[white]" type="sliced" pivot="topright" visible="{%HasSettings}"/>
				<label depth="4" name="ModVersion" pos="${parentinnerwidth},${-parentinnerheight-1}" color="255,255,255,128" width="250" height="32" text="{%ModVersion}" font_size="26" justify="right" pivot="bottomright" />

			</rect>
		</Gears_ModList_Entry>

		<Gears_mod_description>
			<rect name="${name}" pos="${pos}" width="${width}" height="${height}" padding="10" visible="{% !SettingHovered}" anchor_top="#parent,1,0" anchor_bottom="buttons,1,10">
				<label name="ModName" pos="0,-20" height="40" font_size="30" pivot="left" justify="center" text="{%ModName}" color="228, 18, 21, 255" />

				<rect name="ModBannerRect" pos="0,-50" height="117" visible="{%HasBanner}">
					<sprite name="border" pos="${parentinnerwidth/2},0" depth="2" pivot="top" sprite="menu_empty2px" type="sliced" fillcenter="false" color="[darkestGrey]" visible="true" />
					<texture name="ModBanner" pos="${parentinnerwidth/2},0" depth="1" pivot="top" texture="" keepsourceaspectratio="true" sourceaspectratiorespectpivot="true" />
				</rect>

				<rect pos="{% v2i(0,(HasBanner ? -175 : -50))}" height="{% HasBanner ? (${parentinnerheight} - 175 - 58) : (${parentinnerheight} - 50 - 58)}">
					<label depth="10" name="ModAuthor" pos="0,0" width="358" height="32" color="255,255,255,128" text="{%ModAuthor}" font_size="26" justify="left" pivot="topleft" />
					<label depth="10" name="versionTitle" pos="0,-36" width="280" height="28" text_key="gearsUIModsModVersion" font_size="26" justify="left" pivot="topleft"/>
					<label depth="10" name="ModVersion" pos="0,-68" width="280" height="28" text="{%ModVersion}" font_size="24" justify="left" pivot="topleft"/>
					<label depth="10" name="ModDescription" pos="0,-100" text="{%ModDescription}" font_size="26" justify="left" pivot="topleft" anchor_top="modVersion,1,4" anchor_bottom="modButtons,1,10"/>
				</rect>

				<rect name="modButtons" pos="0,0" height="48" anchor_top="#parent,0,58" anchor_bottom="#parent,1,0">
					<labeledbutton name="ModWebsite" depth="3" pos="0,0" width="${(parentinnerwidth/2) - 10}" font_size="32" caption_key="Website" />
					<labeledbutton name="ModFolder" depth="3" pos="${(parentinnerwidth/2) + 10},0" width="${(parentinnerwidth/2) - 10}" font_size="32" caption_key="Open Folder" />
				</rect>
			</rect>
		</Gears_mod_description>

		<Gears_setting_description>
			<rect name="${name}" pos="${pos}" width="${width}" height="${height}" padding="10" visible="{% SettingHovered}" anchor_top="#parent,1,0" anchor_bottom="buttons,1,10">
				<label name="caption" pos="0,-20" height="40" font_size="30" pivot="left" text="{%SettingName}" color="228, 18, 21, 255" />
				<!-- <label name="description" pos="0,-60" font_size="26" text="{%SettingDescription}" anchor_top="caption,1,4" anchor_bottom="previewRect,1,10"/> -->
				<rect name="descriptionRect" pos="0,-50" anchor_top="caption,1,4" anchor_bottom="previewRect,1,10">
					<Gears_defaultscrollbar anchorview="descriptionRect"/>
					<scrollview name="scrollviewDescription" width="${parentinnerwidth-20}" clippingsoftness="0,10" depth="2" anchor_top="#parent,1,0" anchor_bottom="#parent,0,-9">
						<label name="description" font_size="26" height="30" text="{%SettingDescription}" overflow="ResizeHeight" on_scroll="true"/>
					</scrollview>
				</rect>
				<rect name="previewRect" pos="0,0" height="350" anchor_top="#parent,0,410" anchor_bottom="#parent,1,0">
					<sprite name="border" pos="${parentinnerwidth/2},0" depth="2" pivot="top" sprite="menu_empty2px" type="sliced" fillcenter="false" color="[darkestGrey]" visible="true" />
					<texture name="previewTex" pos="${parentinnerwidth/2},0" depth="1" pivot="top" texture="@modfolder(Gears)://Textures/UnderConstruction_zombie.png" keepsourceaspectratio="true" sourceaspectratiorespectpivot="true" />
				</rect>
				<rect name="appliedOnReload" pos="0,${-parentinnerheight + 10}" height="32" visible="true">
					<!-- <sprite depth="8" sprite="ui_game_symbol_info_notice" pos="20,0" pivot="center" width="32" height="32" color="228, 18, 21, 255" />
					<label name="caption" pos="40,0" width="520" font_size="30" pivot="left" text_key="xuiOptionAppliedToNextGame" color="228, 18, 21, 255" /> -->
				</rect>
				<rect name="requiresRestart" pos="0,0" height="32" visible="true" anchor_top="#parent,0,32" anchor_bottom="#parent,1,0">
					<!-- <sprite depth="8" sprite="ui_game_symbol_info_notice" pos="20,0" pivot="center" width="32" height="32" color="228, 18, 21, 255" />
					<label name="caption" pos="40,0" width="520" font_size="30" pivot="left" text_key="xuiOptionRequiresRestart" color="228, 18, 21, 255" /> -->
				</rect>
			</rect>
		</Gears_setting_description>

		<Gears_worldsetting_description>
			<rect name="${name}" pos="${pos}" width="${width}" height="${height}" padding="10" visible="{% SettingHovered}">
				<label name="caption" pos="0,-20" height="40" font_size="30" pivot="left" text="{%SettingName}" color="228, 18, 21, 255" />
				<rect name="descriptionRect" pos="0,-50" anchor_top="caption,1,4" anchor_bottom="previewRect,1,10">
					<Gears_defaultscrollbar anchorview="descriptionRect"/>
					<scrollview name="scrollviewDescription" width="${parentinnerwidth-20}" clippingsoftness="0,10" depth="2" anchor_top="#parent,1,0" anchor_bottom="#parent,0,-9">
						<label name="description" font_size="26" height="30" text="{%SettingDescription}" overflow="ResizeHeight" on_scroll="true"/>
					</scrollview>
				</rect>
				<rect name="previewRect" pos="0,${-parentinnerheight + 300}" height="300">
					<sprite name="border" pos="${parentinnerwidth/2},0" depth="2" pivot="top" sprite="menu_empty2px" type="sliced" fillcenter="false" color="[darkestGrey]" visible="true" />
					<texture name="previewTex" pos="${parentinnerwidth/2},0" depth="1" pivot="top" texture="@modfolder(Gears)://Textures/UnderConstruction_zombie.png" keepsourceaspectratio="true" sourceaspectratiorespectpivot="true" />
				</rect>
			</rect>
		</Gears_worldsetting_description>

		<!-- Mod Setting List Entry -->
		<Gears_ModSettings_OptionCombined_new pos="0,0" baseHeight="55" labelWidth="360" controller="Gears.UI.GlobalSettingsOption, Gears">
			<rect depth="1" name="option" pos="${pos}" width="${width}" height="{% isColorPicker ? 255 : 55}" controller="${controller}" on_hover="true">
				<sprite name="border" depth="1" height="{% isColorPicker ? 256 : 56}" sprite="menu_empty" type="sliced" fillcenter="false" color="{% settingHovered ? '228, 18, 21, 255' : '64,64,64,255' }" visible="{% !isCategory}"/>
				<sprite name="background" depth="0" height="{% isColorPicker ? 255 : 55}" sprite="ui_game_header_fill_gradient" type="sliced" color="{% settingHovered ? '228, 18, 21, 180' : '0,0,0,0' }" visible="{% !isCategory}"/>

				<label name="nameLabel" depth="2" pos="10,${Round(-baseHeight/2,0)}" width="${labelWidth}" height="30" style="hover" text_key="{% displayName}" font_size="28" color="[white]" justify="left" pivot="left" visible="{% !isCategory}" on_hover="true" />
				<label name="categoryLabel" depth="2" pos="0,${-baseHeight+1}" height="36" style="hover" text_key="{% displayName}" font_size="32" color="[white]" justify="center" pivot="bottomleft" visible="{% isCategory}"/>

				<combobox name="comboBoxFloat" depth="2" pos="${width-(width-labelWidth-20)},${Round((-baseHeight+32)/2,0)}" width="${width-labelWidth-20}" height="32" type="ComboBoxFloat" value_increment="2" value_min="0" value_max="100" value_wrap="false" visible="{% isSliderFloat}" />
				<combobox name="comboBoxInt" depth="2" pos="${width-(width-labelWidth-20)},${Round((-baseHeight+32)/2,0)}" width="${width-labelWidth-20}" height="32" type="ComboBoxInt" value_increment="2" value_min="0" value_max="100" value_wrap="false" visible="{% isSliderInt}" />
				<combobox name="comboBoxList" depth="2" pos="${width-(width-labelWidth-20)},${Round((-baseHeight+32)/2,0)}" width="${width-labelWidth-20}" height="32" type="ComboBoxList`1[System.String]" values="{% selectorValues}" value_wrap="{wrap}" index_markers="true" index_marker_spacing="5" visible="{% isSelector}" />

				<gears_togglebutton_new name="toggleButton" depth="2" pos="${width - (width - labelWidth - 20)},${Round((-baseHeight+44)/2,0)}" width="${width - labelWidth - 26}" height="40"
					left_caption_key="gearsUIDisabled" right_caption_key="gearsUIEnabled" visible="{% isSwitch}" />

				<gears_controlbinding name="controlBinding" depth="2" pos="${width-(width-labelWidth-20)},${Round((-baseHeight+32)/2,0)}" width="${width - labelWidth - 26}" height="32" visible="{% isBinding}" />
				<gears_colorpicker name="colorPicker" depth="2" pos="${width-340},${Round((-baseHeight+32)/2,0)}" width="340" height="240" visible="{% isColorPicker}"/>
			</rect>
		</Gears_ModSettings_OptionCombined_new>

		<Gears_WorldSettings_OptionCombined pos="0,0" baseHeight="55" labelWidth="360" controller="Gears.UI.WorldSettingsOption, Gears">
			<rect depth="1" name="option" pos="${pos}" width="${width}" height="${baseHeight}" controller="${controller}" on_hover="true">
				<sprite name="border" depth="1" height="56" sprite="menu_empty" type="sliced" fillcenter="false" color="{% settingHovered ? '228, 18, 21, 255' : '64,64,64,255' }" visible="{% !isCategory}"/>
				<sprite name="background" depth="0" height="${baseHeight}" sprite="ui_game_header_fill_gradient" type="sliced" color="{% settingHovered ? '228, 18, 21, 180' : '0,0,0,0' }" visible="{% !isCategory}"/>

				<label name="nameLabel" depth="2" pos="10,${Round(-baseHeight/2,0)}" width="${labelWidth}" height="30" style="hover" text_key="{% displayName}" font_size="28" color="[white]" justify="left" pivot="left" visible="{% !isCategory}" on_hover="true" />
				<label name="categoryLabel" depth="2" pos="0,${-baseHeight+1}" height="36" style="hover" text_key="{% displayName}" font_size="32" color="[white]" justify="center" pivot="bottomleft" visible="{% isCategory}"/>

				<combobox name="comboBoxFloat" depth="2" pos="${width-(width-labelWidth-20)},${Round((-baseHeight+32)/2,0)}" width="${width-labelWidth-20}" height="32" type="ComboBoxFloat" value_increment="2" value_min="0" value_max="100" value_wrap="false" visible="{% isSliderFloat}" />
				<combobox name="comboBoxInt" depth="2" pos="${width-(width-labelWidth-20)},${Round((-baseHeight+32)/2,0)}" width="${width-labelWidth-20}" height="32" type="ComboBoxInt" value_increment="2" value_min="0" value_max="100" value_wrap="false" visible="{% isSliderInt}" />
				<combobox name="comboBoxList" depth="2" pos="${width-(width-labelWidth-20)},${Round((-baseHeight+32)/2,0)}" width="${width-labelWidth-20}" height="32" type="ComboBoxList`1[System.String]" values="{% selectorValues}" value_wrap="{wrap}" index_markers="true" index_marker_spacing="5" visible="{% isSelector}" />

				<gears_togglebutton_new name="toggleButton" depth="2" pos="${width - (width - labelWidth - 20)},${Round((-baseHeight+44)/2,0)}" width="${width - labelWidth - 26}" height="40"
					left_caption_key="gearsUIDisabled" right_caption_key="gearsUIEnabled" visible="{% isSwitch}" />
			</rect>
		</Gears_WorldSettings_OptionCombined>

		<!-- Control Binding Selector -->
		<gears_controlbinding pos="0,0" depth="1" width="710" height="32" visible="true">
			<rect name="${name}" depth="${depth}" pos="${pos}" width="${width}" height="${height}" visible="${visible}">
				<sprite name="bindingBackground" depth="0" on_press="true" pos="0,${Round(-height/2,0)}" width="${width-36}" height="${height}" color="[black]" type="sliced" pivot="left" foregroundlayer="true" />
				<label name="bindingValue" depth="1" pos="0,${Round(-height/2,0)}" width="${width-36}" height="${height}" justify="center" font_size="32" pivot="left" />
				<button name="bindingUnbind" depth="1" pos="${width},${Round(-height/2,0)}" width="28" height="28" style="press, hover" sprite="ui_game_symbol_x" pivot="right" sound="[paging_click]" />
			</rect>
		</gears_controlbinding>

		<!-- Color Picker -->
		<gears_colorpicker pos="0,0" depth="1" width="710" height="32" visible="true">
			<rect name="${name}" depth="${depth}" pos="${pos}" width="${width}" height="${height}" visible="${visible}">
				<label depth="2" text_key="R" height="30" width="20" pos="0,-40" />
				<textfield name="txtColorR" depth="3" pos="20,-40" width="60" height="30" character_limit="3" validation="integer" />

				<label depth="2" text_key="G" height="30" width="20" pos="0,-125" />
				<textfield name="txtColorG" depth="3" pos="20,-125" width="60" height="30" character_limit="3" validation="integer" />

				<label depth="2" text_key="B" height="30" width="20" pos="0,-210" />
				<textfield name="txtColorB" depth="3" pos="20,-210" width="60" height="30" character_limit="3" validation="integer" />

				<label depth="2" text_key="xuiColorPropsHexValue" pos="90,0" width="200" height="30" />
				<textfield name="txtHex" depth="3" pos="185,0" width="105" height="30" character_limit="6" />

				<rect pos="80,-40" width="200" height="200" controller="ColorPicker">
					<sprite depth="2" name="selectedColor" pos="212,0" style="icon30px" type="sliced"/>
					<texture depth="2" name="svPicker" pos="6,0" width="200" height="200" on_drag="true" on_press="true">
						<sprite depth="2" name="selectedColorSVPointer" pos="0,0" style="icon30px" width="21" height="21" type="sliced" pivot="center" sprite="ui_game_symbol_map_cursor"/>
					</texture>
					<texture depth="2" name="hPicker" pos="212,-33" width="30" height="167" on_drag="true" on_press="true" gamepad_selectable="false"/>
				</rect>
			</rect>
		</gears_colorpicker>

		<!-- Toggle Button -->
		<gears_selectablebutton pos="0,0" pivot="left"
			enabled_font_color="[gears_labelColor]" disabled_font_color="[gears_disabledLabelColor]"
			enabled_sprite_color="[gears_labelColor]" disabled_sprite_color="[gears_disabledColor]" selected_sprite_color="[gears_selectedColor]" hovered_sprite_color="[gears_hoverColor]"
			selected="false"
			>
			<label name="${name}" pos="${pos}" text_key="${text_key}" controller="Gears.UI.ButtonSelectableAdvance, Gears" auto_toggle_selected="false" visible="${visible}" selected="${selected}" enabled="${enabled}"
					on_press="true" on_hover="true" gamepad_selectable="false" snap="false"
					collider_padding="20,8" depth="2" upper_case="false" font_size="{% gamelanguage = 'japanese' ? 26 : 30 }" width="${width - 20}" height="${height}" justify="center" pivot="${pivot}" max_line_count="1"
					color="{% btn_enabled ? color(${enabled_font_color}) : color(${disabled_font_color})}"
					sound="[paging_click]" sound_play_on_hover="[default_hover]"
					>
				<sprite name="${name}Border" sprite="ui3_border_fade_U" depth="1"
						fillcenter="{% btn_hovered or btn_selected }"
						color="{% !btn_enabled ? color(${disabled_sprite_color}) : (btn_selected ? color(${selected_sprite_color}) : (btn_hovered ? color(${hovered_sprite_color}) : color(${enabled_sprite_color}) ) ) }"
						type="sliced" anchor_left="#parent,0,-10" anchor_right="#parent,1,10" anchor_bottom="#parent,0.5,${Round(-height/2 - 4,0)}" anchor_top="#parent,0.5,${Round(height/2,0)}"
						/>
			</label>
		</gears_selectablebutton>
		<gears_togglebutton_new depth="3" pos="0,0" width="400" height="40" visible="true" enabled="true"
			enabled_font_color="[labelColor]" disabled_font_color="[disabledLabelColor]"
			enabled_sprite_color="[gears_labelColor]" disabled_sprite_color="[gears_disabledColor]" selected_sprite_color="[gears_selectedColor]" hovered_sprite_color="[gears_hoverColor]"
			left_caption_key="" right_caption_key=""
			gap_width="10">
			<rect name="${name}" depth="${depth}" pos="${pos}" width="${width}" height="${height}" visible="${visible}"	enabled="${enabled}"
				controller="Gears.UI.ToggleButton, Gears">
				<gears_selectablebutton name="btnLeft" pos="10,${Round(-parentinnerheight/2,0)}"
					width="${Round(parentinnerwidth/2,0) - Round(gap_width/2,0)}" height="${parentinnerheight}"
					enabled_font_color="${enabled_font_color}" disabled_font_color="${disabled_font_color}"
					enabled_sprite_color="${enabled_sprite_color}" disabled_sprite_color="${disabled_sprite_color}" selected_sprite_color="${selected_sprite_color}" hovered_sprite_color="${hovered_sprite_color}"
					text_key="${left_caption_key}"
					visible="${visible}"
					enabled="${enabled}"/>

				<gears_selectablebutton name="btnRight" pos="${Round(parentinnerwidth/2,0) + Round(gap_width/2,0) + 10},${Round(-parentinnerheight/2,0)}"
					width="${Round(parentinnerwidth/2,0) - Round(gap_width/2,0)}" height="${parentinnerheight}"
					enabled_font_color="${enabled_font_color}" disabled_font_color="${disabled_font_color}"
					enabled_sprite_color="${enabled_sprite_color}" disabled_sprite_color="${disabled_sprite_color}" selected_sprite_color="${selected_sprite_color}" hovered_sprite_color="${hovered_sprite_color}"
					text_key="${right_caption_key}"
					visible="${visible}"
					enabled="${enabled}"/>
			</rect>
		</gears_togglebutton_new>

	</append>

</GearsUI>