<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<DesignDeviceName>Desktop</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>640</PageWidth>
	<PageHeight>480</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<AppIcon>C:\Users\ASMAT\Documents\VisualNeoWeb\Libraries\img\default-icon.png</AppIcon>
	<CustomCSS>.mycss{
display:flex;
justify-content:flex-start;
align-item:center;
flex-wrap:wrap;
align-content:flex-start;
}

.item{
display:flex;
justify-content:center;
align-items:center;
}</CustomCSS>
	<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>
	<startup>NeoScriptToJS</startup>
	<Components>
		<FunctionList name="Subroutines">
			<Components>
				<Function name="filterItems">
					<Code>const menuBoard = document.getElementById(&quot;myMenu&quot;);
const menuItem=menuBoard.getElementsByClassName(&quot;box&quot;);
var inputText=document.getElementById(&apos;mySearch&apos;).value.toUpperCase();
var menuLen=menuItem.length;

var itemText;

for(i=0;i&lt;menuLen;i++){
  itemText=menuItem[i].getElementsByClassName(&quot;item&quot;)[0].innerHTML.toUpperCase();
  if(itemText.indexOf(inputText) &gt; -1){
     menuItem[i].style.display =&quot;&quot;;
  }else{
     menuItem[i].style.display=&quot;none&quot;;
  }
}
//alert(itemText)</Code>
					<ScriptLanguage>JavaScript</ScriptLanguage>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries">
			<Components>
				<LibraryItem>
					<FileName>E:\VisualNeo work\all.min.css</FileName>
				</LibraryItem>
			</Components>
		</LibraryList>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<style>background-color:#004153</style>
					<pageenter>BEGINJS
document.getElementById(&apos;mySearch&apos;).addEventListener(&apos;input&apos;,neosubroutine.filterItems())
ENDJS
</pageenter>
					<Components>
						<Container id="myMenu">
							<left>287px</left>
							<top>32px</top>
							<width>327px</width>
							<height>406px</height>
							<style>background-color:#002942;border-style:solid;border-width:1px</style>
							<css_class>mycss</css_class>
							<Components>
								<Container id="car">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#FFA478;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container1">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>orange</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container2">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#FF0000;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container3">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>red</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container4">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#00FF00;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container5">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>green</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container6">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#A0522D;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container7">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>brown</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container8">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#00FFFF;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container9">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>light blue</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container10">
									<left>65px</left>
									<top>204px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#005BBE;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container11">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>dark blue</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container12">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#008080;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container13">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>dark green</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container14">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#383838;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container15">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>black</html>
										</Container>
									</Components>
								</Container>
								<Container id="Container16">
									<left>23px</left>
									<top>20px</top>
									<width>101px</width>
									<height>127px</height>
									<style>background-color:#A8A8A8;border-radius:10px</style>
									<align>top</align>
									<margin_left>5px</margin_left>
									<margin_top>5px</margin_top>
									<css_class>box</css_class>
									<Components>
										<Container id="Container17">
											<left>6px</left>
											<top>83px</top>
											<width>88px</width>
											<height>29px</height>
											<style>color:gray;background-color:#fff;border-color:gray;border-radius:5px;border-style:solid;border-width:1px</style>
											<css_class>item</css_class>
											<html>gray</html>
										</Container>
									</Components>
								</Container>
							</Components>
						</Container>
						<TextInput id="mySearch">
							<left>22px</left>
							<top>23px</top>
							<width>234px</width>
							<height>44px</height>
							<place_holder>Search</place_holder>
							<keydown>filterItems</keydown>
						</TextInput>
					</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>640px</width>
							<height>480px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
