@kumologica/sdk 3.0.0

package/src/app/ui/editor-client/src/vendor/marked/marked.min.js

@@ -0,0 +1,6 @@
+/**
+ * marked - a markdown parser
+ * Copyright (c) 2011-2014, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/chjj/marked
+ */
+(function(){var block={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:noop,hr:/^( *[-*_]){3,} *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *#* *(?:\n+|$)/,nptable:noop,lheading:/^([^\n]+)\n *(=|-){2,} *(?:\n+|$)/,blockquote:/^( *>[^\n]+(\n(?!def)[^\n]+)*\n*)+/,list:/^( *)(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:/^ *(?:comment *(?:\n|\s*$)|closed *(?:\n{2,}|\s*$)|closing *(?:\n{2,}|\s*$))/,def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +["(]([^\n]+)[")])? *(?:\n+|$)/,table:noop,paragraph:/^((?:[^\n]+\n?(?!hr|heading|lheading|blockquote|tag|def))+)\n*/,text:/^[^\n]+/};block.bullet=/(?:[*+-]|\d+\.)/;block.item=/^( *)(bull) [^\n]*(?:\n(?!\1bull )[^\n]*)*/;block.item=replace(block.item,"gm")(/bull/g,block.bullet)();block.list=replace(block.list)(/bull/g,block.bullet)("hr","\\n+(?=\\1?(?:[-*_] *){3,}(?:\\n+|$))")("def","\\n+(?="+block.def.source+")")();block.blockquote=replace(block.blockquote)("def",block.def)();block._tag="(?!(?:"+"a|em|strong|small|s|cite|q|dfn|abbr|data|time|code"+"|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo"+"|span|br|wbr|ins|del|img)\\b)\\w+(?!:/|[^\\w\\s@]*@)\\b";block.html=replace(block.html)("comment",/<!--[\s\S]*?-->/)("closed",/<(tag)[\s\S]+?<\/\1>/)("closing",/<tag(?:"[^"]*"|'[^']*'|[^'">])*?>/)(/tag/g,block._tag)();block.paragraph=replace(block.paragraph)("hr",block.hr)("heading",block.heading)("lheading",block.lheading)("blockquote",block.blockquote)("tag","<"+block._tag)("def",block.def)();block.normal=merge({},block);block.gfm=merge({},block.normal,{fences:/^ *(`{3,}|~{3,})[ \.]*(\S+)? *\n([\s\S]*?)\s*\1 *(?:\n+|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/});block.gfm.paragraph=replace(block.paragraph)("(?!","(?!"+block.gfm.fences.source.replace("\\1","\\2")+"|"+block.list.source.replace("\\1","\\3")+"|")();block.tables=merge({},block.gfm,{nptable:/^ *(\S.*\|.*)\n *([-:]+ *\|[-| :]*)\n((?:.*\|.*(?:\n|$))*)\n*/,table:/^ *\|(.+)\n *\|( *[-:]+[-| :]*)\n((?: *\|.*(?:\n|$))*)\n*/});function Lexer(options){this.tokens=[];this.tokens.links={};this.options=options||marked.defaults;this.rules=block.normal;if(this.options.gfm){if(this.options.tables){this.rules=block.tables}else{this.rules=block.gfm}}}Lexer.rules=block;Lexer.lex=function(src,options){var lexer=new Lexer(options);return lexer.lex(src)};Lexer.prototype.lex=function(src){src=src.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    ").replace(/\u00a0/g," ").replace(/\u2424/g,"\n");return this.token(src,true)};Lexer.prototype.token=function(src,top,bq){var src=src.replace(/^ +$/gm,""),next,loose,cap,bull,b,item,space,i,l;while(src){if(cap=this.rules.newline.exec(src)){src=src.substring(cap[0].length);if(cap[0].length>1){this.tokens.push({type:"space"})}}if(cap=this.rules.code.exec(src)){src=src.substring(cap[0].length);cap=cap[0].replace(/^ {4}/gm,"");this.tokens.push({type:"code",text:!this.options.pedantic?cap.replace(/\n+$/,""):cap});continue}if(cap=this.rules.fences.exec(src)){src=src.substring(cap[0].length);this.tokens.push({type:"code",lang:cap[2],text:cap[3]||""});continue}if(cap=this.rules.heading.exec(src)){src=src.substring(cap[0].length);this.tokens.push({type:"heading",depth:cap[1].length,text:cap[2]});continue}if(top&&(cap=this.rules.nptable.exec(src))){src=src.substring(cap[0].length);item={type:"table",header:cap[1].replace(/^ *| *\| *$/g,"").split(/ *\| */),align:cap[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:cap[3].replace(/\n$/,"").split("\n")};for(i=0;i<item.align.length;i++){if(/^ *-+: *$/.test(item.align[i])){item.align[i]="right"}else if(/^ *:-+: *$/.test(item.align[i])){item.align[i]="center"}else if(/^ *:-+ *$/.test(item.align[i])){item.align[i]="left"}else{item.align[i]=null}}for(i=0;i<item.cells.length;i++){item.cells[i]=item.cells[i].split(/ *\| */)}this.tokens.push(item);continue}if(cap=this.rules.lheading.exec(src)){src=src.substring(cap[0].length);this.tokens.push({type:"heading",depth:cap[2]==="="?1:2,text:cap[1]});continue}if(cap=this.rules.hr.exec(src)){src=src.substring(cap[0].length);this.tokens.push({type:"hr"});continue}if(cap=this.rules.blockquote.exec(src)){src=src.substring(cap[0].length);this.tokens.push({type:"blockquote_start"});cap=cap[0].replace(/^ *> ?/gm,"");this.token(cap,top,true);this.tokens.push({type:"blockquote_end"});continue}if(cap=this.rules.list.exec(src)){src=src.substring(cap[0].length);bull=cap[2];this.tokens.push({type:"list_start",ordered:bull.length>1});cap=cap[0].match(this.rules.item);next=false;l=cap.length;i=0;for(;i<l;i++){item=cap[i];space=item.length;item=item.replace(/^ *([*+-]|\d+\.) +/,"");if(~item.indexOf("\n ")){space-=item.length;item=!this.options.pedantic?item.replace(new RegExp("^ {1,"+space+"}","gm"),""):item.replace(/^ {1,4}/gm,"")}if(this.options.smartLists&&i!==l-1){b=block.bullet.exec(cap[i+1])[0];if(bull!==b&&!(bull.length>1&&b.length>1)){src=cap.slice(i+1).join("\n")+src;i=l-1}}loose=next||/\n\n(?!\s*$)/.test(item);if(i!==l-1){next=item.charAt(item.length-1)==="\n";if(!loose)loose=next}this.tokens.push({type:loose?"loose_item_start":"list_item_start"});this.token(item,false,bq);this.tokens.push({type:"list_item_end"})}this.tokens.push({type:"list_end"});continue}if(cap=this.rules.html.exec(src)){src=src.substring(cap[0].length);this.tokens.push({type:this.options.sanitize?"paragraph":"html",pre:!this.options.sanitizer&&(cap[1]==="pre"||cap[1]==="script"||cap[1]==="style"),text:cap[0]});continue}if(!bq&&top&&(cap=this.rules.def.exec(src))){src=src.substring(cap[0].length);this.tokens.links[cap[1].toLowerCase()]={href:cap[2],title:cap[3]};continue}if(top&&(cap=this.rules.table.exec(src))){src=src.substring(cap[0].length);item={type:"table",header:cap[1].replace(/^ *| *\| *$/g,"").split(/ *\| */),align:cap[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:cap[3].replace(/(?: *\| *)?\n$/,"").split("\n")};for(i=0;i<item.align.length;i++){if(/^ *-+: *$/.test(item.align[i])){item.align[i]="right"}else if(/^ *:-+: *$/.test(item.align[i])){item.align[i]="center"}else if(/^ *:-+ *$/.test(item.align[i])){item.align[i]="left"}else{item.align[i]=null}}for(i=0;i<item.cells.length;i++){item.cells[i]=item.cells[i].replace(/^ *\| *| *\| *$/g,"").split(/ *\| */)}this.tokens.push(item);continue}if(top&&(cap=this.rules.paragraph.exec(src))){src=src.substring(cap[0].length);this.tokens.push({type:"paragraph",text:cap[1].charAt(cap[1].length-1)==="\n"?cap[1].slice(0,-1):cap[1]});continue}if(cap=this.rules.text.exec(src)){src=src.substring(cap[0].length);this.tokens.push({type:"text",text:cap[0]});continue}if(src){throw new Error("Infinite loop on byte: "+src.charCodeAt(0))}}return this.tokens};var inline={escape:/^\\([\\`*{}\[\]()#+\-.!_>])/,autolink:/^<([^ >]+(@|:\/)[^ >]+)>/,url:noop,tag:/^<!--[\s\S]*?-->|^<\/?\w+(?:"[^"]*"|'[^']*'|[^'">])*?>/,link:/^!?\[(inside)\]\(href\)/,reflink:/^!?\[(inside)\]\s*\[([^\]]*)\]/,nolink:/^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,strong:/^__([\s\S]+?)__(?!_)|^\*\*([\s\S]+?)\*\*(?!\*)/,em:/^\b_((?:[^_]|__)+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,code:/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,br:/^ {2,}\n(?!\s*$)/,del:noop,text:/^[\s\S]+?(?=[\\<!\[_*`]| {2,}\n|$)/};inline._inside=/(?:\[[^\]]*\]|[^\[\]]|\](?=[^\[]*\]))*/;inline._href=/\s*<?([\s\S]*?)>?(?:\s+['"]([\s\S]*?)['"])?\s*/;inline.link=replace(inline.link)("inside",inline._inside)("href",inline._href)();inline.reflink=replace(inline.reflink)("inside",inline._inside)();inline.normal=merge({},inline);inline.pedantic=merge({},inline.normal,{strong:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,em:/^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/});inline.gfm=merge({},inline.normal,{escape:replace(inline.escape)("])","~|])")(),url:/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,del:/^~~(?=\S)([\s\S]*?\S)~~/,text:replace(inline.text)("]|","~]|")("|","|https?://|")()});inline.breaks=merge({},inline.gfm,{br:replace(inline.br)("{2,}","*")(),text:replace(inline.gfm.text)("{2,}","*")()});function InlineLexer(links,options){this.options=options||marked.defaults;this.links=links;this.rules=inline.normal;this.renderer=this.options.renderer||new Renderer;this.renderer.options=this.options;if(!this.links){throw new Error("Tokens array requires a `links` property.")}if(this.options.gfm){if(this.options.breaks){this.rules=inline.breaks}else{this.rules=inline.gfm}}else if(this.options.pedantic){this.rules=inline.pedantic}}InlineLexer.rules=inline;InlineLexer.output=function(src,links,options){var inline=new InlineLexer(links,options);return inline.output(src)};InlineLexer.prototype.output=function(src){var out="",link,text,href,cap;while(src){if(cap=this.rules.escape.exec(src)){src=src.substring(cap[0].length);out+=cap[1];continue}if(cap=this.rules.autolink.exec(src)){src=src.substring(cap[0].length);if(cap[2]==="@"){text=cap[1].charAt(6)===":"?this.mangle(cap[1].substring(7)):this.mangle(cap[1]);href=this.mangle("mailto:")+text}else{text=escape(cap[1]);href=text}out+=this.renderer.link(href,null,text);continue}if(!this.inLink&&(cap=this.rules.url.exec(src))){src=src.substring(cap[0].length);text=escape(cap[1]);href=text;out+=this.renderer.link(href,null,text);continue}if(cap=this.rules.tag.exec(src)){if(!this.inLink&&/^<a /i.test(cap[0])){this.inLink=true}else if(this.inLink&&/^<\/a>/i.test(cap[0])){this.inLink=false}src=src.substring(cap[0].length);out+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(cap[0]):escape(cap[0]):cap[0];continue}if(cap=this.rules.link.exec(src)){src=src.substring(cap[0].length);this.inLink=true;out+=this.outputLink(cap,{href:cap[2],title:cap[3]});this.inLink=false;continue}if((cap=this.rules.reflink.exec(src))||(cap=this.rules.nolink.exec(src))){src=src.substring(cap[0].length);link=(cap[2]||cap[1]).replace(/\s+/g," ");link=this.links[link.toLowerCase()];if(!link||!link.href){out+=cap[0].charAt(0);src=cap[0].substring(1)+src;continue}this.inLink=true;out+=this.outputLink(cap,link);this.inLink=false;continue}if(cap=this.rules.strong.exec(src)){src=src.substring(cap[0].length);out+=this.renderer.strong(this.output(cap[2]||cap[1]));continue}if(cap=this.rules.em.exec(src)){src=src.substring(cap[0].length);out+=this.renderer.em(this.output(cap[2]||cap[1]));continue}if(cap=this.rules.code.exec(src)){src=src.substring(cap[0].length);out+=this.renderer.codespan(escape(cap[2],true));continue}if(cap=this.rules.br.exec(src)){src=src.substring(cap[0].length);out+=this.renderer.br();continue}if(cap=this.rules.del.exec(src)){src=src.substring(cap[0].length);out+=this.renderer.del(this.output(cap[1]));continue}if(cap=this.rules.text.exec(src)){src=src.substring(cap[0].length);out+=this.renderer.text(escape(this.smartypants(cap[0])));continue}if(src){throw new Error("Infinite loop on byte: "+src.charCodeAt(0))}}return out};InlineLexer.prototype.outputLink=function(cap,link){var href=escape(link.href),title=link.title?escape(link.title):null;return cap[0].charAt(0)!=="!"?this.renderer.link(href,title,this.output(cap[1])):this.renderer.image(href,title,escape(cap[1]))};InlineLexer.prototype.smartypants=function(text){if(!this.options.smartypants)return text;return text.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")};InlineLexer.prototype.mangle=function(text){if(!this.options.mangle)return text;var out="",l=text.length,i=0,ch;for(;i<l;i++){ch=text.charCodeAt(i);if(Math.random()>.5){ch="x"+ch.toString(16)}out+="&#"+ch+";"}return out};function Renderer(options){this.options=options||{}}Renderer.prototype.code=function(code,lang,escaped){if(this.options.highlight){var out=this.options.highlight(code,lang);if(out!=null&&out!==code){escaped=true;code=out}}if(!lang){return"<pre><code>"+(escaped?code:escape(code,true))+"\n</code></pre>"}return'<pre><code class="'+this.options.langPrefix+escape(lang,true)+'">'+(escaped?code:escape(code,true))+"\n</code></pre>\n"};Renderer.prototype.blockquote=function(quote){return"<blockquote>\n"+quote+"</blockquote>\n"};Renderer.prototype.html=function(html){return html};Renderer.prototype.heading=function(text,level,raw){return"<h"+level+' id="'+this.options.headerPrefix+raw.toLowerCase().replace(/[^\w]+/g,"-")+'">'+text+"</h"+level+">\n"};Renderer.prototype.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"};Renderer.prototype.list=function(body,ordered){var type=ordered?"ol":"ul";return"<"+type+">\n"+body+"</"+type+">\n"};Renderer.prototype.listitem=function(text){return"<li>"+text+"</li>\n"};Renderer.prototype.paragraph=function(text){return"<p>"+text+"</p>\n"};Renderer.prototype.table=function(header,body){return"<table>\n"+"<thead>\n"+header+"</thead>\n"+"<tbody>\n"+body+"</tbody>\n"+"</table>\n"};Renderer.prototype.tablerow=function(content){return"<tr>\n"+content+"</tr>\n"};Renderer.prototype.tablecell=function(content,flags){var type=flags.header?"th":"td";var tag=flags.align?"<"+type+' style="text-align:'+flags.align+'">':"<"+type+">";return tag+content+"</"+type+">\n"};Renderer.prototype.strong=function(text){return"<strong>"+text+"</strong>"};Renderer.prototype.em=function(text){return"<em>"+text+"</em>"};Renderer.prototype.codespan=function(text){return"<code>"+text+"</code>"};Renderer.prototype.br=function(){return this.options.xhtml?"<br/>":"<br>"};Renderer.prototype.del=function(text){return"<del>"+text+"</del>"};Renderer.prototype.link=function(href,title,text){if(this.options.sanitize){try{var prot=decodeURIComponent(unescape(href)).replace(/[^\w:]/g,"").toLowerCase()}catch(e){return""}if(prot.indexOf("javascript:")===0||prot.indexOf("vbscript:")===0){return""}}var out='<a href="'+href+'"';if(title){out+=' title="'+title+'"'}out+=">"+text+"</a>";return out};Renderer.prototype.image=function(href,title,text){var out='<img src="'+href+'" alt="'+text+'"';if(title){out+=' title="'+title+'"'}out+=this.options.xhtml?"/>":">";return out};Renderer.prototype.text=function(text){return text};function Parser(options){this.tokens=[];this.token=null;this.options=options||marked.defaults;this.options.renderer=this.options.renderer||new Renderer;this.renderer=this.options.renderer;this.renderer.options=this.options}Parser.parse=function(src,options,renderer){var parser=new Parser(options,renderer);return parser.parse(src)};Parser.prototype.parse=function(src){this.inline=new InlineLexer(src.links,this.options,this.renderer);this.tokens=src.reverse();var out="";while(this.next()){out+=this.tok()}return out};Parser.prototype.next=function(){return this.token=this.tokens.pop()};Parser.prototype.peek=function(){return this.tokens[this.tokens.length-1]||0};Parser.prototype.parseText=function(){var body=this.token.text;while(this.peek().type==="text"){body+="\n"+this.next().text}return this.inline.output(body)};Parser.prototype.tok=function(){switch(this.token.type){case"space":{return""}case"hr":{return this.renderer.hr()}case"heading":{return this.renderer.heading(this.inline.output(this.token.text),this.token.depth,this.token.text)}case"code":{return this.renderer.code(this.token.text,this.token.lang,this.token.escaped)}case"table":{var header="",body="",i,row,cell,flags,j;cell="";for(i=0;i<this.token.header.length;i++){flags={header:true,align:this.token.align[i]};cell+=this.renderer.tablecell(this.inline.output(this.token.header[i]),{header:true,align:this.token.align[i]})}header+=this.renderer.tablerow(cell);for(i=0;i<this.token.cells.length;i++){row=this.token.cells[i];cell="";for(j=0;j<row.length;j++){cell+=this.renderer.tablecell(this.inline.output(row[j]),{header:false,align:this.token.align[j]})}body+=this.renderer.tablerow(cell)}return this.renderer.table(header,body)}case"blockquote_start":{var body="";while(this.next().type!=="blockquote_end"){body+=this.tok()}return this.renderer.blockquote(body)}case"list_start":{var body="",ordered=this.token.ordered;while(this.next().type!=="list_end"){body+=this.tok()}return this.renderer.list(body,ordered)}case"list_item_start":{var body="";while(this.next().type!=="list_item_end"){body+=this.token.type==="text"?this.parseText():this.tok()}return this.renderer.listitem(body)}case"loose_item_start":{var body="";while(this.next().type!=="list_item_end"){body+=this.tok()}return this.renderer.listitem(body)}case"html":{var html=!this.token.pre&&!this.options.pedantic?this.inline.output(this.token.text):this.token.text;return this.renderer.html(html)}case"paragraph":{return this.renderer.paragraph(this.inline.output(this.token.text))}case"text":{return this.renderer.paragraph(this.parseText())}}};function escape(html,encode){return html.replace(!encode?/&(?!#?\w+;)/g:/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function unescape(html){return html.replace(/&([#\w]+);/g,function(_,n){n=n.toLowerCase();if(n==="colon")return":";if(n.charAt(0)==="#"){return n.charAt(1)==="x"?String.fromCharCode(parseInt(n.substring(2),16)):String.fromCharCode(+n.substring(1))}return""})}function replace(regex,opt){regex=regex.source;opt=opt||"";return function self(name,val){if(!name)return new RegExp(regex,opt);val=val.source||val;val=val.replace(/(^|[^\[])\^/g,"$1");regex=regex.replace(name,val);return self}}function noop(){}noop.exec=noop;function merge(obj){var i=1,target,key;for(;i<arguments.length;i++){target=arguments[i];for(key in target){if(Object.prototype.hasOwnProperty.call(target,key)){obj[key]=target[key]}}}return obj}function marked(src,opt,callback){if(callback||typeof opt==="function"){if(!callback){callback=opt;opt=null}opt=merge({},marked.defaults,opt||{});var highlight=opt.highlight,tokens,pending,i=0;try{tokens=Lexer.lex(src,opt)}catch(e){return callback(e)}pending=tokens.length;var done=function(err){if(err){opt.highlight=highlight;return callback(err)}var out;try{out=Parser.parse(tokens,opt)}catch(e){err=e}opt.highlight=highlight;return err?callback(err):callback(null,out)};if(!highlight||highlight.length<3){return done()}delete opt.highlight;if(!pending)return done();for(;i<tokens.length;i++){(function(token){if(token.type!=="code"){return--pending||done()}return highlight(token.text,token.lang,function(err,code){if(err)return done(err);if(code==null||code===token.text){return--pending||done()}token.text=code;token.escaped=true;--pending||done()})})(tokens[i])}return}try{if(opt)opt=merge({},marked.defaults,opt);return Parser.parse(Lexer.lex(src,opt),opt)}catch(e){e.message+="\nPlease report this to https://github.com/chjj/marked.";if((opt||marked.defaults).silent){return"<p>An error occured:</p><pre>"+escape(e.message+"",true)+"</pre>"}throw e}}marked.options=marked.setOptions=function(opt){merge(marked.defaults,opt);return marked};marked.defaults={gfm:true,tables:true,breaks:false,pedantic:false,sanitize:false,sanitizer:null,mangle:true,smartLists:false,silent:false,highlight:null,langPrefix:"lang-",smartypants:false,headerPrefix:"",renderer:new Renderer,xhtml:false};marked.Parser=Parser;marked.parser=Parser.parse;marked.Renderer=Renderer;marked.Lexer=Lexer;marked.lexer=Lexer.lex;marked.InlineLexer=InlineLexer;marked.inlineLexer=InlineLexer.output;marked.parse=marked;if(typeof module!=="undefined"&&typeof exports==="object"){module.exports=marked}else if(typeof define==="function"&&define.amd){define(function(){return marked})}else{this.marked=marked}}).call(function(){return this||(typeof window!=="undefined"?window:global)}());

package/src/app/ui/editor-client/src/vendor/misc/toggleswitch.css

@@ -0,0 +1,181 @@
+.toggle-switch {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none
+}
+
+
+.toggle-switch {
+    display: inline-block;
+    vertical-align: top;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.toggle-switch .ts-label {
+    display: inline-block;
+    margin: 0 20px 0 0;
+    vertical-align: top;
+    -webkit-transition: color .56s cubic-bezier(.4, 0, .2, 1);
+    transition: color .56s cubic-bezier(.4, 0, .2, 1)
+}
+
+.toggle-switch .ts-helper {
+    display: inline-block;
+    position: relative;
+    width: 40px;
+    height: 16px;
+    border-radius: 8px;
+    background: rgba(0, 0, 0, .26);
+    -webkit-transition: background .28s cubic-bezier(.4, 0, .2, 1);
+    transition: background .28s cubic-bezier(.4, 0, .2, 1);
+    vertical-align: middle;
+    cursor: pointer
+}
+
+.toggle-switch .ts-helper:before {
+    content: '';
+    position: absolute;
+    top: -4px;
+    left: -4px;
+    width: 24px;
+    height: 24px;
+    background: #fafafa;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
+    border-radius: 50%;
+    webkit-transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
+    transition: left .28s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1)
+}
+
+.toggle-switch:not(.disabled) .ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(128, 128, 128, .1)
+}
+
+.toggle-switch input {
+    position: absolute;
+    z-index: 1;
+    width: 46px;
+    margin: 0 0 0 -4px;
+    height: 24px;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    cursor: pointer
+}
+
+.toggle-switch input:checked+.ts-helper:before {
+    left: 20px
+}
+
+.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper {
+    background: rgba(0, 150, 136, .5)
+}
+
+.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:before {
+    background: #009688
+}
+
+.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 150, 136, .2)
+}
+
+.toggle-switch.disabled {
+    opacity: .6;
+    filter: alpha(opacity=60)
+}
+
+.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper {
+    background: rgba(244, 67, 54, .5)
+}
+
+.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:before {
+    background: #F44336
+}
+
+.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(244, 67, 54, .2)
+}
+
+.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper {
+    background: rgba(33, 150, 243, .5)
+}
+
+.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:before {
+    background: #2196F3
+}
+
+.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(33, 150, 243, .2)
+}
+
+.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper {
+    background: rgba(255, 193, 7, .5)
+}
+
+.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:before {
+    background: #FFC107
+}
+
+.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(255, 193, 7, .2)
+}
+
+.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper {
+    background: rgba(186, 104, 200, .5)
+}
+
+.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:before {
+    background: #BA68C8
+}
+
+.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(186, 104, 200, .2)
+}
+
+.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper {
+    background: rgba(233, 30, 99, .5)
+}
+
+.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:before {
+    background: #E91E63
+}
+
+.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(233, 30, 99, .2)
+}
+
+.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper {
+    background: rgba(205, 220, 57, .5)
+}
+
+.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:before {
+    background: #CDDC39
+}
+
+.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(205, 220, 57, .2)
+}
+
+.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper {
+    background: rgba(0, 188, 212, .5)
+}
+
+.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:before {
+    background: #00BCD4
+}
+
+.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 188, 212, .2)
+}
+
+.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper {
+    background: rgba(76, 175, 80, .5)
+}
+
+.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:before {
+    background: #4CAF50
+}
+
+.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:active:before {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(76, 175, 80, .2)
+}

package/src/app/ui/editor-client/src/vendor/misc/toggleswitch.js

@@ -0,0 +1,48 @@
+/* 
+Title:      Toggle Switch
+URL:        http://github.com/jamiebicknell/Toggle-Switch
+Author:     Jamie Bicknell
+Twitter:    @jamiebicknell
+Thanks:     @steve228uk for prop/var mods and plugin suggestion
+*/
+
+(function ($) {
+    'use strict';
+    $.fn.toggleSwitch = function (options) {
+        var settings = $.extend({
+            onClick: function () { return true; },
+            onChangeOn: function () { return true; },
+            onChangeOff: function () { return true; }
+        }, options);
+        $(this).each(function () {
+            var obj = $(this), status = obj.is(':checked') ? '' : ' off';
+            if (!obj.parent('div.switch').length) {
+                obj.wrap('<div class="switch"></div>');
+                obj.parent('div.switch').prepend('<span class="switched' + status + '" />').prepend('<div class="overlay" />');
+            }
+            obj.parent('div.switch').add($('label[for=' + obj.prop('id') + ']')).click(function (e) {
+                e.preventDefault();
+                if (!obj.prop('disabled')) {
+                    var value, check;
+                    settings.onClick.call(obj);
+                    if ($(this).is('label')) {
+                        value = $('#' + $(this).prop('for')).prev('span.switched');
+                        check = $('#' + $(this).prop('for'));
+                    } else {
+                        value = $(this).children('span.switched');
+                        check = $(this).children('input[type=checkbox]');
+                    }
+                    if (value.is('.off')) {
+                        value.stop().animate({left: 0}, 150, 'linear').removeClass('off');
+                        check.prop('checked', 'checked');
+                        settings.onChangeOn.call(obj);
+                    } else {
+                        value.stop().animate({left: -21}, 150, 'linear').addClass('off');
+                        check.prop('checked', '');
+                        settings.onChangeOff.call(obj);
+                    }
+                }
+            });
+        });
+    };
+}(jQuery));

package/src/app/ui/editor-client/templates/index.mst

@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="mobile-web-app-capable" content="yes">
+<!--
+  Copyright JS Foundation and other contributors, http://js.foundation
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+  http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<head>
+<!-- <title>Kumologica Designer</title> -->
+<link rel="icon" type="image/png" href="{{ page.favicon }}">
+<link rel="mask-icon" href="{{ page.tabicon }}" color="#8f0000">
+
+<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+
+<!-- Split button -->
+<link href="vendor/jquery/css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" media="screen">
+<link rel="stylesheet" href="vendor/icofont/icofont.min.css">
+<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
+<link rel="stylesheet" href="vendor/simplemde/simplemde.min.css">
+
+<link rel="stylesheet" href="vendor/code-mirror/lib/codemirror.css">
+<link rel="stylesheet" href="vendor/code-mirror/theme/monokai.css" />
+
+<!-- Context menu -->
+<link rel="stylesheet" href="vendor/d3-context-menu/d3-context-menu.css" />
+
+<!--
+<link rel="stylesheet" href="vendor/code-mirror/addon/show-hint.css" />
+<link rel="stylesheet" href="vendor/code-mirror/addon/lint.css" /> -->
+
+<link rel="stylesheet" href="vendor/vendor.css">
+<link rel="stylesheet" href="red/style.min.css">
+{{#page.css}}
+<link rel="stylesheet" href="{{.}}">
+{{/page.css}}
+</head>
+<body spellcheck="false" style="overflow: hidden !important">
+<div class="win-top-separator" style="display:flex; height:1px; border-top:1px solid #ddd"></div>
+<div id="header" style="-webkit-app-region: drag;">
+    <!-- <span class="logo">{{#header.url}}<a href="{{.}}">{{/header.url}}{{#header.image}}<img src="{{.}}">{{/header.image}} <span>{{ header.title }}</span>{{#header.url}}</a>{{/header.url}}</span> -->
+    <!-- <ul class="header-toolbar hide"> -->
+        <div id="left">
+           
+            <!-- new project button -->
+            <!-- <button id="btn-new" type="button" class="btn btn-menu btn-secondary space-right">
+                <i class="fa fa-plus"></i></span>
+            </button> -->
+            
+            <!-- open project button -->
+            <!-- <button id="btn-open" type="button" class="btn btn-menu btn-secondary space-right">
+                <i class="fa fa-folder-open"></i></span>
+            </button> -->
+            
+            <!-- welcome button -->
+            <button id="btn-welcome" type="button" class="btn btn-menu btn-secondary space-right">
+                <i class="icofont-home" style="position:relative; top:-1px;font-size:17px;"></i></span>
+            </button> 
+
+            <!-- designer flow viewer: main | test -->
+            <div class="btn-group" role="group" style="margin-left:55px;">
+                <button id="view-main-flow" type="button" class="btn btn-menu btn-secondary view-tab  flow-selected" style="line-height: 8px;">
+                    Main
+                </button>
+                <button id="view-test-flow" type="button" class="btn btn-menu btn-secondary view-tab" style="line-height: 8px;">
+                    Test
+                </button>
+            </div>
+
+            <button id="btn-search" type="button" class="btn btn-menu btn-secondary space-left">
+                <i class="icofont-ui-search" style="position:relative;top: -2px;"></i></span>
+            </button> 
+        </div> 
+        
+        <!-- project information -->
+        <div id="middle" style="margin: -8px 0px;">
+            <!-- check project information when server running -->
+            <div id="projectIndicator" style="text-align: center;">
+                <div id="projectInformation">
+                    <span id="project-title">Initializing...</span>
+                    <!-- <div style="justify-content: center;margin-top: -5px;">
+                        <i id="project-status-color" class="fa fa-circle" style="font-size: 8px;margin-right: 2px; display: none"></i> 
+                        <span class="project-status"> </span>
+                    </div> -->
+                </div>
+                <!-- check project information when server is deploying new flow version -->
+                <div id="projectDeployingInformation" style="height: 100%; padding-top: 7px">
+                    <div style="width: 45%; text-align: end;"> 
+                        <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw" style="font-size: 13px;"></i>
+                        <span class="sr-only"></span>
+                    </div>
+                    <span  style="width: 55%; padding-left:3px; text-align:start;">Deploying...</span>
+                </div>
+
+                <div class="progressbarWrapper">
+                    <div class="progressbar"></div>
+                </div>
+            </div>
+            <div id="projectInfoExpand" style="position: relative; top: 3px; left: -19px; color: #ecebeb">
+                <i class="fa fa-caret-down"></i>
+            </div>
+            <div class="btn-aux">
+                <button id="btn-deploy" type="button" class="btn btn-menu btn-secondary space-left">
+                    <i class="icofont-save" style="position:relative;top: -2px;"></i>
+                </button> 
+            </div>
+        </div>
+       
+       
+
+        <!-- Runner split button -->
+        <div id="right">
+            
+           <!-- import / export -->
+            <div class="btn-group" role="group" style="margin-right: 7px;">
+                <button id="import-btn" type="button" class="btn btn-menu btn-secondary">
+                   <i class="icofont-download" style="position:relative; top:-1px;font-size:17px;"></i></span>
+                </button>
+              
+                <button id="export-btn" type="button" class="btn btn-menu btn-secondary">
+                   <i class="icofont-upload-alt" style="position:relative; top:-1px;font-size:17px;"></i></span>
+                </button>
+            </div>
+
+            <!-- panel switchers-->
+            <div class="btn-group" role="group">
+                <button id="shelve-left" type="button" class="btn btn-menu btn-secondary">
+                    <svg height="12px" width="12px">
+                        <rect x="0" y="0" width="12" height="12" class="left"/>
+                    </svg>
+                </button>
+                <button id="shelve-middle" type="button" class="btn btn-menu btn-secondary">
+                    <svg height="12px" width="12px">
+                            <rect x="0" y="0" width="12" height="12" class="bottom"/>
+                    </svg>
+                </button>
+                <button id="shelve-right" type="button" class="btn btn-menu btn-secondary">
+                    <svg height="12px" width="12px">
+                            <rect x="0" y="0" width="12" height="12" class="right"/>
+                    </svg>
+                </button>
+            </div>
+
+            <!-- <div id="btn-runner" class="btn-group">
+                <button id="btn-alias" type="button" class="btn btn-menu btn-secondary btn-alias"><span class="play-label"><i class="fa fa-play"></i></span><span id="alias-selected"></span></button>
+                <button type="button" class="btn btn-menu btn-secondary dropdown-toggle dropdown-toggle-split space-right" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    <span class="caret"></span>
+                    <span class="sr-only">Toggle Dropdown</span>
+                </button>
+            </div> -->
+
+            <button id="btn-settings" type="button" class="btn btn-menu btn-secondary space-left">
+                <i class="icofont-settings" style="position:relative; top:-1px;font-size:17px;"></i></span>
+            </button> 
+
+            <!-- for the time being, keep it here, as it plays an important role in orchestrating some actions like palette and sidebars
+            this should be removed in the future -->
+            <li style="display: none;"><a id="btn-sidemenu" class="button" data-toggle="dropdown" href="#"><i class="fa fa-cog"></i></a></li>
+        </div>
+        
+    <!-- </ul> -->
+    
+    <div id="header-shade" class="hide" style="height: 55px; top: -13px"></div>
+</div>
+<div id="main-container" class="hide">
+    <div id="workspace">
+        <ul id="workspace-tabs" style="display: none;"></ul>
+        
+        <div id="chart" tabindex="1"></div>
+        <div id="workspace-toolbar"></div>
+        <div id="workspace-footer">
+            <!--
+            <a class="workspace-footer-button" id="btn-minimize-restore" href="#"><i class="fa fa-compress"></i></a>
+            -->
+            
+            <a class="workspace-footer-button" id="btn-zoom-out" href="#"><i class="fa fa-minus"></i></a>
+            <a class="workspace-footer-button" id="btn-zoom-zero" href="#"><i class="fa fa-circle-o"></i></a>
+            <a class="workspace-footer-button" id="btn-zoom-in" href="#"><i class="fa fa-plus"></i></a>
+            <!--
+            <a class="workspace-footer-button" id="btn-minimize-restore" href="#"><i class="fa fa-compress"></i></a>
+            <a class="workspace-footer-button-toggle single" id="btn-navigate" href="#"><i class="fa fa-map-o"></i></a>
+            <a class="workspace-footer-button" id="btn-layouter" href="#"><i class="fa fa-magic"></i></a>
+             -->
+        </div>
+        <div id="workspace-terminal">
+            <div id="terminal-header">
+                <div id="terminal-separator"></div>
+                <div style="display: flex; justify-content: space-between; ">
+                    <div id="terminal-tabs" style="padding-left:10px">
+                        
+                        <span id="terminal-tab-output" 
+                            class="terminal-tab-title" 
+                            style="padding-top: 3px;letter-spacing: 0.1em;">LOG VIEWER</span>
+                        <!--
+                        <span id="terminal-tab-cloud" class="terminal-tab-title">REMOTE</span>
+                        -->
+                    </div>
+                    <div id="terminal-actions">
+                       
+                        <!--trash icon -->
+                        <a id="btn-clear-logs" class="sidebar-header-button" href="#" title="Clear Panel">
+                            <i class="fa fa-trash"></i>
+                        </a>
+                        <!-- max/min icons -->
+                        <a id="btn-terminal-max" class="sidebar-header-button" href="#" title="Maximize Panel Size" style="padding: 5px 7px;">
+                            <i class="fa fa-chevron-up"></i>
+                        </a>
+                        <a id="btn-terminal-min" class="sidebar-header-button" href="#" title="Minimize Panel Size" style="padding: 5px 7px; display: none;">
+                                <i class="fa fa-chevron-down"></i>
+                        </a>
+                        <!-- close icon -->
+                        <a id="btn-terminal-close" class="sidebar-header-button" href="#" title="Close Panel">
+                            <i class="fa fa-times"></i>
+                        </a>
+                       
+                    </div>
+                </div>
+            </div>
+            <div id="terminal-output" style="width: 100%; overflow-x: hidden; overflow-y: auto">
+            </div>
+            <!--
+            <div id="terminal-cloud"></div>
+            -->
+        </div>
+        
+        <div id="editor-shade" class="hide"></div>
+    </div>
+    
+    <!-- <div id="editor-stack"></div> -->
+
+    <div id="palette">
+        <img src="red/images/spin.svg" class="palette-spinner hide"/>
+        <div id="palette-search" class="palette-search hide">
+            <input type="text" placeholder="Filter nodes"></input>
+        </div>
+        <div id="palette-container" class="palette-scroll hide"></div>
+        <div id="palette-footer" style="display:flex; height: 40px; border:none; justify-content: center; overflow: hidden;">
+            <div style="display: flex; width:90%;height: 32px; padding-top:3px;">
+            <a id="launch-node-library" class="sidebar-header-button" style="padding: 8px 20px; width: 100%;" href="#">
+                <i class="fa fa-plus" style="margin-right:3px; font-size: 11px"></i>  
+                 Add more nodes
+              </a>
+            </div>
+            <!-- <div>
+                <a class="palette-button" id="palette-collapse-all" href="#"><i class="fa fa-angle-double-up"></i></a>
+                <a class="palette-button" id="palette-expand-all" href="#"><i class="fa fa-angle-double-down"></i></a>
+            </div> -->
+        </div>
+        <div id="palette-shade" class="hide"></div>
+    </div>
+
+   
+    <div id="sidebar"> 
+        <div id="sidebar-views">
+            <div id="sidebar-content">
+                <div id="editor-stack"></div>
+            </div>
+            <div id="sidebar-footer"></div>
+        </div>         
+        <div id="sidebar-shade" class="hide"></div>
+    </div>
+    <div id="sidebar-separator"></div>
+
+
+    <div id="sidebar-shortcuts">
+        <ul id="sidebar-tabs"></ul>
+    </div>  
+
+</div>
+
+<div id="full-shade" class="hide"></div>
+
+<div id="notifications"></div>
+<!--
+<div id="dropTarget">
+    <div><br/><i class="fa fa-download"></i></div>
+</div>
+-->
+<div id="update-panel">
+    <p id="update-panel-message">message here</p>
+    <div class="update-panel-buttons">
+        <button id="btn-update-panel-close" class="sidebar-header-button">Close</button>
+        <button id="btn-update-panel-restart" class="sidebar-header-button">Restart</button>
+    </div>
+</div>
+
+<script src="vendor/vendor.js"></script>
+<script src="vendor/jsonata/jsonata.min.js"></script>
+<script src="vendor/ace/ace.js"></script>
+<script src="vendor/ace/ext-language_tools.js"></script>
+<script src="vendor/code-mirror/lib/codemirror.js"></script>
+<script src="vendor/d3-context-menu/d3-context-menu.js"></script>
+<script src="{{ asset.red }}"></script>
+<script src="{{ asset.main }}"></script>
+{{# page.scripts }}
+<script src="{{.}}"></script>
+{{/ page.scripts }}
+
+</body>
+</html>