<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>750</PageWidth>
	<PageHeight>450</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\sinli\Documents\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<LanguageCode>en</LanguageCode>
	<ThemeColor>#000000</ThemeColor>
	<MobileOSTypes>[AndroidOS,iOS,WindowsPhoneOS]</MobileOSTypes>
	<WindowState>normal</WindowState>
	<TitleBar>True</TitleBar>
	<Sizeable>True</Sizeable>
	<MaximizeBtn>False</MaximizeBtn>
	<MinimizeBtn>True</MinimizeBtn>
	<SystemMenu>True</SystemMenu>
	<ContextMenu>False</ContextMenu>
	<AlwaysOnTop>False</AlwaysOnTop>
	<ShowInTaskbar>True</ShowInTaskbar>
	<SingleInstance>False</SingleInstance>
	<ChromeKioskMode>False</ChromeKioskMode>
	<Components>
		<FunctionList name="Subroutines"/>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<Components>
						<Container id="Container1">
							<left>640px</left>
							<top>20px</top>
							<width>80px</width>
							<height>80px</height>
							<style>background-color:#FD5308;border-style:solid;border-width:1px</style>
						</Container>
						<Container id="Container2">
							<left>620px</left>
							<top>40px</top>
							<width>80px</width>
							<height>80px</height>
							<style>background-color:#000000;border-style:solid;border-width:1px</style>
						</Container>
						<Container id="Container3">
							<left>20px</left>
							<top>60px</top>
							<width>340px</width>
							<height>290px</height>
							<style>font-size:20pt;text-align:center;background-color:#fff;border-style:solid;border-width:1px;padding-top:10px</style>
							<html>RGBA</html>
							<Components>
								<Slider id="Slider1">
									<left>10px</left>
									<top>60px</top>
									<width>320px</width>
									<height>40px</height>
									<caption>Red</caption>
									<variable>[red]</variable>
									<init_value>0</init_value>
									<min>0</min>
									<max>255</max>
									<kind>danger</kind>
									<thumb_width>70px</thumb_width>
									<changing>SetVar [alpha] [alphaPercent]/100
SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;rgba([red],[green],[blue],[alpha])&quot;</changing>
								</Slider>
								<Slider id="Slider2">
									<left>10px</left>
									<top>110px</top>
									<width>320px</width>
									<height>40px</height>
									<caption>Green</caption>
									<variable>[green]</variable>
									<init_value>0</init_value>
									<min>0</min>
									<max>255</max>
									<kind>success</kind>
									<thumb_width>70px</thumb_width>
									<changing>SetVar [alpha] [alphaPercent]/100
SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;rgba([red],[green],[blue],[alpha])&quot;</changing>
								</Slider>
								<Slider id="Slider3">
									<left>10px</left>
									<top>160px</top>
									<width>320px</width>
									<height>40px</height>
									<caption>Blue</caption>
									<variable>[blue]</variable>
									<init_value>0</init_value>
									<min>0</min>
									<max>255</max>
									<kind>primary</kind>
									<thumb_width>70px</thumb_width>
									<changing>SetVar [alpha] [alphaPercent]/100
SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;rgba([red],[green],[blue],[alpha])&quot;</changing>
								</Slider>
								<Slider id="Slider4">
									<left>10px</left>
									<top>210px</top>
									<width>320px</width>
									<height>40px</height>
									<caption>Alpha</caption>
									<variable>[alphaPercent]</variable>
									<init_value>100</init_value>
									<min>0</min>
									<max>100</max>
									<thumb_width>70px</thumb_width>
									<changing>SetVar [alpha] [alphaPercent]/100
SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;rgba([red],[green],[blue],[alpha])&quot;</changing>
								</Slider>
							</Components>
						</Container>
						<Container id="Container4">
							<left>380px</left>
							<top>140px</top>
							<width>340px</width>
							<height>210px</height>
							<style>font-size:20pt;text-align:center;background-color:#fff;border-style:solid;border-width:1px;padding-top:10px</style>
							<html>HSL</html>
							<Components>
								<Slider id="Slider5">
									<left>10px</left>
									<top>100px</top>
									<width>320px</width>
									<height>40px</height>
									<caption>Saturation</caption>
									<variable>[saturation]</variable>
									<init_value>0</init_value>
									<min>0</min>
									<max>100</max>
									<thumb_width>70px</thumb_width>
									<changing>SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;hsl([hue],[saturation]%,[lightness]%)&quot;</changing>
								</Slider>
								<Slider id="Slider6">
									<left>10px</left>
									<top>50px</top>
									<width>320px</width>
									<height>40px</height>
									<caption>Hue</caption>
									<variable>[hue]</variable>
									<init_value>0</init_value>
									<min>0</min>
									<max>360</max>
									<thumb_width>70px</thumb_width>
									<changing>SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;hsl([hue],[saturation]%,[lightness]%)&quot;</changing>
								</Slider>
								<Slider id="Slider7">
									<left>10px</left>
									<top>150px</top>
									<width>320px</width>
									<height>40px</height>
									<caption>Lightness</caption>
									<variable>[lightness]</variable>
									<init_value>0</init_value>
									<min>0</min>
									<max>100</max>
									<thumb_width>70px</thumb_width>
									<changing>SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;hsl([hue],[saturation]%,[lightness]%)&quot;</changing>
								</Slider>
							</Components>
						</Container>
						<Paragraph id="Paragraph1">
							<left>20px</left>
							<top>360px</top>
							<width>210px</width>
							<height>20px</height>
							<text>Red: [red]</text>
						</Paragraph>
						<Paragraph id="Paragraph2">
							<left>20px</left>
							<top>380px</top>
							<width>210px</width>
							<height>20px</height>
							<text>Green: [green]</text>
						</Paragraph>
						<Paragraph id="Paragraph3">
							<left>20px</left>
							<top>400px</top>
							<width>210px</width>
							<height>20px</height>
							<text>Blue: [blue]</text>
						</Paragraph>
						<Paragraph id="Paragraph4">
							<left>20px</left>
							<top>420px</top>
							<width>210px</width>
							<height>20px</height>
							<text>Alpha: [alpha]</text>
						</Paragraph>
						<Paragraph id="Paragraph5">
							<left>380px</left>
							<top>360px</top>
							<width>210px</width>
							<height>20px</height>
							<text>Hue: [hue]</text>
						</Paragraph>
						<Paragraph id="Paragraph6">
							<left>380px</left>
							<top>380px</top>
							<width>210px</width>
							<height>20px</height>
							<text>Saturation: [saturation]</text>
						</Paragraph>
						<Paragraph id="Paragraph7">
							<left>380px</left>
							<top>400px</top>
							<width>210px</width>
							<height>20px</height>
							<text>Lightness: [lightness]</text>
						</Paragraph>
						<Dropdown id="Dropdown1">
							<left>160px</left>
							<top>20px</top>
							<width>200px</width>
							<height>30px</height>
							<caption>Color</caption>
							<items>red,green,blue,#ff0000,#00ff00,#0000ff</items>
							<variable>[colorname]</variable>
							<change>SetObjectStyle &quot;Container2&quot; &quot;background&quot; &quot;[colorname]&quot;</change>
						</Dropdown>
						<Paragraph id="Paragraph8">
							<left>20px</left>
							<top>23px</top>
							<width>130px</width>
							<height>20px</height>
							<text>Color chooser:</text>
						</Paragraph>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage"/>
			</Components>
		</PageList>
		<PageList name="Dialog">
			<Components>
				<Page id="NewDialog">
					<Components>
						<DialogContainer id="DialogContainer1">
							<left>0px</left>
							<top>0px</top>
							<width>600px</width>
							<height>400px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
