<?xml version="1.0" encoding="utf-8"?>
<Application>
	<AppTitle>Quill</AppTitle>
	<AppShortName>MyApp</AppShortName>
	<Author>Author name</Author>
	<Version>1.0</Version>
	<VariablesScanned>False</VariablesScanned>
	<PageWidth>800</PageWidth>
	<PageHeight>540</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>.textMiddle{
display:flex;
justify-content:center;
align-items:center;
user-select:none;
}

.center{
  top:0px!important;
  left:0px!important;
  right:0px!important;
  bottom:0px!important;
  margin:auto!important;
}



#Asmateditor1{
height: calc(100% - 67px);
}


#Asmateditor2{
  height:290px;
}</CustomCSS>
	<LanguageCode>en</LanguageCode>
	<DisplayMode>standalone</DisplayMode>
	<ServiceWorker>Offline page</ServiceWorker>
	<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="update">
					<Code>var quill = document.getElementById(&apos;editorQuilAsmat&apos;);

  var contents = quill.getContents();
  console.log(&apos;contents&apos;, contents);
  var html = &quot;contents = &quot; + JSON.stringify(contents, null, 2);
  if (delta) {
    console.log(&apos;change&apos;, delta)
    html = &quot;change = &quot; + JSON.stringify(delta, null, 2) + &quot;\n\n&quot; + html;
  }
  container.innerHTML = html;
  hljs.highlightBlock(container);</Code>
					<Params>Delta|STRING|</Params>
					<ScriptLanguage>JavaScript</ScriptLanguage>
				</Function>
			</Components>
		</FunctionList>
		<LibraryList name="Libraries"/>
		<PageList name="Main">
			<Components>
				<Page id="page0">
					<background_masterpage>MasterPage</background_masterpage>
					<Components>
						<Container id="Container13">
							<left>279px</left>
							<top>432px</top>
							<width>120px</width>
							<height>50px</height>
							<style>color:white;border-color:#f2d123;border-style:solid;border-width:2px</style>
							<hover>color:#1d1e30;background-color:white;border-color:white</hover>
							<css_class>textMiddle</css_class>
							<html>Editor</html>
							<click>asmatEditor &quot;editor1&quot; &quot;snow&quot; true true true true true true true true true true true false &quot;text here&quot;</click>
						</Container>
						<Container id="Container14">
							<left>425px</left>
							<top>432px</top>
							<width>120px</width>
							<height>50px</height>
							<style>color:white;background-color:#f2d123;border-color:#f2d123;border-style:solid;border-width:2px</style>
							<hover>color:#1d1e30;background-color:white;border-color:white</hover>
							<css_class>textMiddle</css_class>
							<html>Editor</html>
							<click>asmatEditor &quot;editor1&quot; &quot;bubble&quot; true true true true false false false false false false false false &quot;write something then select for formatting...&quot;</click>
						</Container>
						<Container id="editor1">
							<left>31px</left>
							<top>22px</top>
							<width>738px</width>
							<height>354px</height>
							<style>background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px;overflow-x:visible;overflow-y:visible</style>
						</Container>
						<Container id="Container10">
							<left>722px</left>
							<top>480px</top>
							<width>66px</width>
							<height>44px</height>
							<style>border-style:solid;border-width:1px</style>
							<Components>
								<SVGicon id="SVGicon3">
									<left>17px</left>
									<top>8px</top>
									<width>32px</width>
									<height>29px</height>
									<style>fill:white;stroke:black;stroke-width:1px</style>
									<css_class>center</css_class>
									<icon>svgArrowCircleRight</icon>
									<click>GotoNextPage</click>
								</SVGicon>
							</Components>
						</Container>
					</Components>
				</Page>
				<Page id="page1">
					<background_masterpage>MasterPage</background_masterpage>
					<Components>
						<Container id="Container11">
							<left>425px</left>
							<top>432px</top>
							<width>200px</width>
							<height>50px</height>
							<style>color:white;background-color:#f2d123;border-color:#f2d123;border-style:solid;border-width:2px</style>
							<hover>color:#1d1e30;background-color:white;border-color:white</hover>
							<css_class>textMiddle</css_class>
							<html>Get Html Code</html>
							<click>asmatEditorGetHTML &quot;editor2&quot; [x]</click>
						</Container>
						<Container id="Container12">
							<left>208px</left>
							<top>432px</top>
							<width>200px</width>
							<height>50px</height>
							<style>color:white;border-color:#f2d123;border-style:solid;border-width:2px</style>
							<hover>color:#1d1e30;background-color:white;border-color:white</hover>
							<css_class>textMiddle</css_class>
							<html>Custom editor</html>
							<click>CreateEmptyArray [options]
................................................
CreateEmptyArray [firstItem]
SetVar [firstItem(0)] &quot;bold&quot;
SetVar [firstItem(1)] &quot;italic&quot;
SetVar [firstItem(2)] &quot;underline&quot;
SetVar [firstItem(3)] &quot;strike&quot;
.....................................................
CreateEmptyArray [secondItem]
SetVar [secondItem(0)] &quot;blockquote&quot;
SetVar [secondItem(1)] &quot;code-block&quot;
...........................................
CreateEmptyArray [thirdItem]
   CreateEmptyObject [header1]
   SetVar [header1(&apos;header&apos;)] 1
   CreateEmptyObject [header2]
   SetVar [header2(&apos;header&apos;)] 2
SetVar [thirdItem(0)] [header1]
SetVar [thirdItem(1)] [header2]
ConsoleLog [thirdItem]
.......................................
setvar [options(0)] [firstItem]
setvar [options(1)] [secondItem]
setvar [options(2)] [thirdItem]
......................................................
asmatEditorCustomize &quot;editor2&quot; &quot;snow&quot; &quot;Text here...&quot; false [options] &quot;salam&quot;</click>
						</Container>
						<Container id="editor2">
							<left>31px</left>
							<top>22px</top>
							<width>370px</width>
							<height>363px</height>
							<style>background-color:#fff;border-color:#E0E0E0;border-style:solid;border-width:1px</style>
						</Container>
						<Container id="Container15">
							<left>419px</left>
							<top>23px</top>
							<width>372px</width>
							<height>362px</height>
							<style>color:white;background-color:#000000;border-color:#E0E0E0;border-style:solid;border-width:1px</style>
							<html>[x]</html>
						</Container>
						<Container id="Container16">
							<left>11px</left>
							<top>480px</top>
							<width>66px</width>
							<height>44px</height>
							<style>border-style:solid;border-width:1px</style>
							<Components>
								<SVGicon id="SVGicon4">
									<left>17px</left>
									<top>8px</top>
									<width>32px</width>
									<height>29px</height>
									<style>fill:white;stroke:black;stroke-width:1px</style>
									<css_class>center</css_class>
									<icon>svgArrowCircleLeft</icon>
									<click>GotoprevPage</click>
								</SVGicon>
							</Components>
						</Container>
					</Components>
				</Page>
			</Components>
		</PageList>
		<PageList name="Master">
			<Components>
				<Page id="MasterPage">
					<Components>
						<Container id="Container2">
							<left>0px</left>
							<top>50%</top>
							<width>100%</width>
							<height>50%</height>
							<style>background-color:#1d1e30</style>
						</Container>
					</Components>
				</Page>
			</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>
							<kind>custom</kind>
						</DialogContainer>
					</Components>
				</Page>
			</Components>
		</PageList>
	</Components>
</Application>
