<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Untitled Application</AppTitle>
	<DesignDeviceName>Apple iPhone 6 Plus</DesignDeviceName>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>736</PageWidth>
	<PageHeight>414</PageHeight>
	<AutoSizeWidth>False</AutoSizeWidth>
	<AutoSizeHeight>False</AutoSizeHeight>
	<HideScrollbars>False</HideScrollbars>
	<PublishPlatform>WebApp</PublishPlatform>
	<EmptyBuildFolder>False</EmptyBuildFolder>
	<LanguageCode>en</LanguageCode>
	<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">
			<Components>
				<Function name="DrawArrow">
					<Code>DrawLine &quot;[objid]&quot; &quot;[arrowid]&quot; &quot;[x1]&quot; &quot;[y1]&quot; &quot;[x2]&quot; &quot;[y2]&quot; &quot;[strokecolor]&quot; &quot;[strokewidth]&quot;
BeginJS
prevcode=document.getElementById(arrowid).outerHTML;
arrowend=&apos;&lt;defs&gt;&lt;marker id=&quot;&apos;+arrowid+&apos;marker&quot; markerWidth=&quot;8&quot; markerHeight=&quot;8&quot; refX=&quot;6&quot; refY=&quot;4&quot; orient=&quot;auto&quot;&gt;&lt;path d=&quot;M2,2 L2,6 L6,4 L2,2 L2,6&quot; style=&quot;fill:&apos;+strokecolor+&apos;;stroke:&apos;+strokecolor+&apos;&quot;/&gt;&lt;/marker&gt;&lt;/defs&gt;&apos;;
document.getElementById(arrowid).outerHTML=arrowend+prevcode;
$(&quot;#&quot;+arrowid).attr(&quot;marker-end&quot;,&quot;url(#&quot;+arrowid+&quot;marker)&quot;);
EndJS</Code>
					<Params>[objid]|OBJID|Select a Rectangle Object;[arrowid]|STRING|Drawing object name (mandatory);[x1]|FLOAT|x1;[y1]|FLOAT|y1;[x2]|FLOAT|x2;[y2]|FLOAT|y2;[strokecolor]|STRING|Stroke Color;[strokewidth]|STRING|Stroke Width</Params>
				</Function>
				<Function name="RemoveArrow">
					<Code>RemoveObject &quot;[arrowname]&quot;
RemoveObject &quot;[arrowname]marker&quot;</Code>
					<Params>[arrowname]|STRING|Arrow name</Params>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="NewPage">
					<Components>
						<PushButton id="PushButton2">
							<left>16px</left>
							<top>352px</top>
							<width>128px</width>
							<height>48px</height>
							<caption>Add arrows</caption>
							<click>DrawArrow &quot;Rectangle1&quot; &quot;arrow01&quot; 20 20 180 120 &quot;orange&quot; &quot;2&quot;
DrawArrow &quot;Rectangle1&quot; &quot;arrow02&quot; 50 20 80 120 &quot;red&quot; &quot;2&quot;
DrawArrow &quot;Rectangle1&quot; &quot;arrow03&quot; 120 90 280 20 &quot;red&quot; &quot;2&quot;
DrawArrow &quot;Rectangle1&quot; &quot;arrow04&quot; 200 60 380 40 &quot;red&quot; &quot;2&quot;
</click>
						</PushButton>
						<Rectangle id="Rectangle1">
							<left>0px</left>
							<top>0px</top>
							<width>736px</width>
							<height>336px</height>
							<style>stroke:black;stroke-width:1px;fill:white</style>
							<corner_radius>0</corner_radius>
						</Rectangle>
						<PushButton id="PushButton1">
							<left>160px</left>
							<top>352px</top>
							<width>152px</width>
							<height>48px</height>
							<caption>Change arrow color</caption>
							<click>RemoveArrow &quot;arrow01&quot;
DrawArrow &quot;Rectangle1&quot; &quot;arrow01&quot; 20 20 180 120 &quot;blue&quot; &quot;2&quot;
RemoveArrow &quot;arrow02&quot;
DrawArrow &quot;Rectangle1&quot; &quot;arrow02&quot; 50 20 80 120 &quot;green&quot; &quot;2&quot;</click>
						</PushButton>
					</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>736px</width>
							<height>414px</height>
							<close_button>False</close_button>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
