From cd7ec836682aa7a02ce94b4248eb3045cb848a55 Mon Sep 17 00:00:00 2001
From: sksum <55449862+sksum@users.noreply.github.com>
Date: Wed, 7 Oct 2020 10:13:44 +0530
Subject: [PATCH 1/2] depl
---
.gitignore | 2 +-
public/build/bundle.css | 6 ++++++
public/build/bundle.css.map | 18 ++++++++++++++++++
public/build/bundle.js | 2 ++
public/build/bundle.js.map | 1 +
5 files changed, 28 insertions(+), 1 deletion(-)
create mode 100644 public/build/bundle.css
create mode 100644 public/build/bundle.css.map
create mode 100644 public/build/bundle.js
create mode 100644 public/build/bundle.js.map
diff --git a/.gitignore b/.gitignore
index da93220..ea65588 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,4 @@
/node_modules/
-/public/build/
+
.DS_Store
diff --git a/public/build/bundle.css b/public/build/bundle.css
new file mode 100644
index 0000000..e906f11
--- /dev/null
+++ b/public/build/bundle.css
@@ -0,0 +1,6 @@
+@media(min-width: 640px){main.svelte-161625f{max-width:none}}
+.editor.svelte-hgm5s0{border-radius:6px;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);font-family:'Source Code Pro', monospace;font-size:14px;font-weight:400;height:340px;text-align:left;letter-spacing:normal;line-height:20px;padding:10px;tab-size:4}
+table.svelte-1mbawed{table-layout:fixed;width:100%}button.svelte-1mbawed{width:10%;margin-left:45%;margin-right:45%}a.svelte-1mbawed{display:flex;justify-content:center}
+label.svelte-1kfk87c{color:#186896;text-transform:uppercase;font-size:1em;font-weight:20}div.svelte-1kfk87c{text-align:center;padding:1em;max-width:240px;margin:0 auto}
+
+/*# sourceMappingURL=bundle.css.map */
\ No newline at end of file
diff --git a/public/build/bundle.css.map b/public/build/bundle.css.map
new file mode 100644
index 0000000..d913977
--- /dev/null
+++ b/public/build/bundle.css.map
@@ -0,0 +1,18 @@
+{
+ "version": 3,
+ "file": "bundle.css",
+ "sources": [
+ "App.svelte",
+ "Editor.svelte",
+ "EditorContainer.svelte",
+ "Toolbar.svelte"
+ ],
+ "sourcesContent": [
+ "\r\n\r\n\r\n\t\r\n\t\r\n\r\n\r\n",
+ "\r\n\r\n\r\nconst hello = \"world-{id[6]}\";\r\n/*Drop File Here*/\r\n
\r\n\r\n\r\n",
+ "\r\n\r\n\r\n
\r\n \r\n | \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n
\r\n
\r\n\r\n \r\n\r\n
\r\n"
+ ],
+ "names": [],
+ "mappings": "AAiBC,MAAM,AAAC,YAAY,KAAK,CAAC,AAAC,CAAC,AAC1B,IAAI,eAAC,CAAC,AACL,SAAS,CAAE,IAAI,AAChB,CAAC,AACF,CAAC;ACkDE,OAAO,cAAC,CAAC,AACL,aAAa,CAAE,GAAG,CAClB,UAAU,CAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAC/G,WAAW,CAAE,iBAAiB,CAAC,CAAC,SAAS,CACzC,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,GAAG,CAChB,MAAM,CAAE,KAAK,CACb,UAAU,CAAE,IAAI,CAChB,cAAc,CAAE,MAAM,CACtB,WAAW,CAAE,IAAI,CACjB,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,CAAC,AACf,CAAC;ACrCD,KAAK,eAAC,CAAC,AACH,YAAY,CAAE,KAAK,CACnB,MAAM,IAAI,AACd,CAAC,AACD,MAAM,eAAC,CAAC,AACJ,MAAM,GAAG,CACT,YAAY,GAAG,CACf,aAAa,GAAG,AACpB,CAAC,AACD,CAAC,eAAC,CAAC,AACC,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,MAAM,AAC3B,CAAC;ACvCJ,KAAK,eAAC,CAAC,AACN,KAAK,CAAE,OAAO,CACd,cAAc,CAAE,SAAS,CACzB,SAAS,CAAE,GAAG,CACd,WAAW,CAAE,EAAE,AAChB,CAAC,AACD,GAAG,eAAC,CAAC,AACJ,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,GAAG,CACZ,SAAS,CAAE,KAAK,CAChB,MAAM,CAAE,CAAC,CAAC,IAAI,AACf,CAAC"
+}
\ No newline at end of file
diff --git a/public/build/bundle.js b/public/build/bundle.js
new file mode 100644
index 0000000..89b54c1
--- /dev/null
+++ b/public/build/bundle.js
@@ -0,0 +1,2 @@
+var app=function(){"use strict";function t(){}function e(t){return t()}function n(){return Object.create(null)}function o(t){t.forEach(e)}function r(t){return"function"==typeof t}function s(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function l(t,e){t.appendChild(e)}function i(t,e,n){t.insertBefore(e,n||null)}function a(t){t.parentNode.removeChild(t)}function c(t){return document.createElement(t)}function u(t){return document.createTextNode(t)}function d(){return u(" ")}function f(t,e,n,o){return t.addEventListener(e,n,o),()=>t.removeEventListener(e,n,o)}function p(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function g(t,e){for(let n=0;n{L.delete(t),o&&(n&&t.d(1),o())})),t.o(e)}}function N(t){t&&t.c()}function A(t,n,s){const{fragment:l,on_mount:i,on_destroy:a,after_update:c}=t.$$;l&&l.m(n,s),k((()=>{const n=i.map(e).filter(r);a?a.push(...n):o(n),t.$$.on_mount=[]})),c.forEach(k)}function D(t,e){const n=t.$$;null!==n.fragment&&(o(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function j(t,e){-1===t.$$.dirty[0]&&($.push(t),C||(C=!0,w.then(T)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<{const r=o.length?o[0]:n;return p.ctx&&i(p.ctx[t],p.ctx[t]=r)&&(!p.skip_bound&&p.bound[t]&&p.bound[t](r),g&&j(e,t)),n})):[],p.update(),g=!0,o(p.before_update),p.fragment=!!l&&l(p.ctx),r.target){if(r.hydrate){const t=function(t){return Array.from(t.childNodes)}(r.target);p.fragment&&p.fragment.l(t),t.forEach(a)}else p.fragment&&p.fragment.c();r.intro&&S(e.$$.fragment),A(e,r.target,r.anchor),T()}m(d)}class R{$destroy(){D(this,1),this.$destroy=t}$on(t,e){const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function H(e){let n,s,u,h,m,y,$,b,v,x,w,C,_,E,T;return{c(){n=c("div"),s=c("label"),s.textContent="userID",u=d(),h=c("input"),m=d(),y=c("form"),$=c("label"),$.textContent="Choose a Language:",b=d(),v=c("select"),x=c("option"),x.textContent="C++",w=c("option"),w.textContent="C",C=c("option"),C.textContent="Javascript",_=c("option"),_.textContent="Python",p(s,"for","userID"),p(s,"class","svelte-1kfk87c"),p(h,"type","number"),p(h,"id","userID"),p(h,"name","userID"),p(h,"min","0"),p($,"for","language"),p($,"class","svelte-1kfk87c"),x.__value="cc",x.value=x.__value,w.__value="c",w.value=w.__value,C.__value="js",C.value=C.__value,_.__value="py",_.value=_.__value,p(v,"id","language"),p(v,"name","language"),void 0===e[1]&&k((()=>e[2].call(v))),p(y,"action","/action_page.php"),p(n,"class","svelte-1kfk87c")},m(t,o){i(t,n,o),l(n,s),l(n,u),l(n,h),l(n,m),l(n,y),l(y,$),l(y,b),l(y,v),l(v,x),l(v,w),l(v,C),l(v,_),g(v,e[1]),E||(T=[f(v,"change",e[2]),f(v,"change",e[3]),f(y,"submit",(function(){r(e[0])&&e[0].apply(this,arguments)}))],E=!0)},p(t,[n]){e=t,2&n&&g(v,e[1])},i:t,o:t,d(t){t&&a(n),E=!1,o(T)}}}function M(t,e,n){let o,{callBack:r}=e;return t.$$set=t=>{"callBack"in t&&n(0,r=t.callBack)},[r,o,function(){o=function(t){const e=t.querySelector(":checked")||t.options[0];return e&&e.__value}(this),n(1,o)},t=>r(t,o)]}class F extends R{constructor(t){super(),I(this,t,M,H,s,{callBack:0})}}function K(t,e={}){const n=Object.assign({class:"codejar-linenumbers",wrapClass:"codejar-wrap",width:"35px",backgroundColor:"rgba(128, 128, 128, 0.15)",color:""},e);let o;return function(e){t(e),o||(o=function(t,e){const n=getComputedStyle(t),o=document.createElement("div");o.className=e.wrapClass,o.style.position="relative";const r=document.createElement("div");r.className=e.class,o.appendChild(r),r.style.position="absolute",r.style.top="0px",r.style.left="0px",r.style.bottom="0px",r.style.width=e.width,r.style.overflow="hidden",r.style.backgroundColor=e.backgroundColor,r.style.color=e.color||n.color,r.style.setProperty("mix-blend-mode","difference"),r.style.fontFamily=n.fontFamily,r.style.fontSize=n.fontSize,r.style.lineHeight=n.lineHeight,r.style.paddingTop=n.paddingTop,r.style.paddingLeft=n.paddingLeft,r.style.borderTopLeftRadius=n.borderTopLeftRadius,r.style.borderBottomLeftRadius=n.borderBottomLeftRadius;const s=document.createElement("div");return s.style.position="relative",s.style.top="0px",r.appendChild(s),t.style.paddingLeft=`calc(${e.width} + ${r.style.paddingLeft})`,t.style.whiteSpace="pre",t.parentNode.insertBefore(o,t),o.appendChild(t),s}(e,n),e.addEventListener("scroll",(()=>o.style.top=`-${e.scrollTop}px`)));const r=(e.textContent||"").replace(/\n+$/,"\n").split("\n").length+1;let s="";for(let t=1;t-1;t.setAttribute("contentEditable",u?"true":"plaintext-only"),t.setAttribute("spellcheck",o.spellcheck?"true":"false"),t.style.outline="none",t.style.overflowWrap="break-word",t.style.overflowY="auto",t.style.resize="vertical",t.style.whiteSpace="pre-wrap",e(t);const d=E((()=>{const n=m();e(t),y(n)}),30);let f=!1;const p=t=>!C(t)&&!k(t)&&"Meta"!==t.key&&"Control"!==t.key&&"Alt"!==t.key&&!t.key.startsWith("Arrow"),g=E((t=>{p(t)&&(v(),f=!1)}),300),h=(e,n)=>{l.push([e,n]),t.addEventListener(e,n)};function m(){const e=window.getSelection(),n={start:0,end:0,dir:void 0};return x(t,(t=>{if(t===e.anchorNode&&t===e.focusNode)return n.start+=e.anchorOffset,n.end+=e.focusOffset,n.dir=e.anchorOffset<=e.focusOffset?"->":"<-","stop";if(t===e.anchorNode){if(n.start+=e.anchorOffset,n.dir)return"stop";n.dir="->"}else if(t===e.focusNode){if(n.end+=e.focusOffset,n.dir)return"stop";n.dir="<-"}t.nodeType===Node.TEXT_NODE&&("->"!=n.dir&&(n.start+=t.nodeValue.length),"<-"!=n.dir&&(n.end+=t.nodeValue.length))})),n}function y(e){const n=window.getSelection();let o,r,s=0,l=0;if(e.dir||(e.dir="->"),e.start<0&&(e.start=0),e.end<0&&(e.end=0),"<-"==e.dir){const{start:t,end:n}=e;e.start=n,e.end=t}let i=0;x(t,(t=>{if(t.nodeType!==Node.TEXT_NODE)return;const n=(t.nodeValue||"").length;if(i+n>=e.start&&(o||(o=t,s=e.start-i),i+n>=e.end))return r=t,l=e.end-i,"stop";i+=n})),o||(o=t),r||(r=t),"<-"==e.dir&&([o,s,r,l]=[r,l,o,s]),n.setBaseAndExtent(o,s,r,l)}function $(){const e=window.getSelection().getRangeAt(0),n=document.createRange();return n.selectNodeContents(t),n.setEnd(e.startContainer,e.startOffset),n.toString()}function b(){const e=window.getSelection().getRangeAt(0),n=document.createRange();return n.selectNodeContents(t),n.setStart(e.endContainer,e.endOffset),n.toString()}function v(){if(!c)return;const e=t.innerHTML,n=m(),o=i[a];if(o&&o.html===e&&o.pos.start===n.start&&o.pos.end===n.end)return;a++,i[a]={html:e,pos:n},i.splice(a+1);a>300&&(a=300,i.splice(0,1))}function x(t,e){const n=[];t.firstChild&&n.push(t.firstChild);let o=n.pop();for(;o&&"stop"!==e(o);)o.nextSibling&&n.push(o.nextSibling),o.firstChild&&n.push(o.firstChild),o=n.pop()}function w(t){return t.metaKey||t.ctrlKey}function C(t){return w(t)&&!t.shiftKey&&"KeyZ"===t.code}function k(t){return w(t)&&t.shiftKey&&"KeyZ"===t.code}function _(t){t=t.replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'"),document.execCommand("insertHTML",!1,t)}function E(t,e){let n=0;return(...o)=>{clearTimeout(n),n=window.setTimeout((()=>t(...o)),e)}}function T(t){let e=t.length-1;for(;e>=0&&"\n"!==t[e];)e--;e++;let n=e;for(;n{e.defaultPrevented||(s=O(),function(t){if("Enter"===t.key){const e=$(),n=b();let[r]=T(e),s=r;if(o.indentOn.test(e)&&(s+=o.tab),(u||s.length>0)&&(L(t),_("\n"+s)),s!==r&&"}"===n[0]){const t=m();_("\n"+r),y(t)}}}(e),function(t){if("Tab"===t.key)if(L(t),t.shiftKey){const t=$();let[e,n]=T(t);if(e.length>0){const t=m(),r=Math.min(o.tab.length,e.length);y({start:n,end:n+r}),document.execCommand("delete"),t.start-=r,t.end-=r,y(t)}}else _(o.tab)}(e),o.addClosing&&function(t){const e="([{'\"",n=")]}'\"",o=b();if(n.includes(t.key)&&o.substr(0,1)===t.key){const e=m();L(t),e.start=++e.end,y(e)}else if(e.includes(t.key)){const o=m();L(t);_(t.key+n[e.indexOf(t.key)]),o.start=++o.end,y(o)}}(e),function(e){if(C(e)){L(e),a--;const n=i[a];n&&(t.innerHTML=n.html,y(n.pos)),a<0&&(a=0)}if(k(e)){L(e),a++;const n=i[a];n&&(t.innerHTML=n.html,y(n.pos)),a>=i.length&&a--}}(e),p(e)&&!f&&(v(),f=!0))})),h("keyup",(t=>{t.defaultPrevented||t.isComposing||(s!==O()&&d(),g(t),r&&r(O()))})),h("focus",(t=>{c=!0})),h("blur",(t=>{c=!1})),h("paste",(n=>{v(),function(n){L(n);const o=(n.originalEvent||n).clipboardData.getData("text/plain"),r=m();_(o),e(t),y({start:r.end+o.length,end:r.end+o.length})}(n),v(),r&&r(O())})),{updateOptions(t){t=Object.assign(Object.assign({},t),t)},updateCode(n){t.textContent=n,e(t)},onUpdate(t){r=t},toString:O,destroy(){for(let[e,n]of l)t.removeEventListener(e,n)}}}function z(e){let n,r,s,g,h,m,y,$,b,v=e[0][6]+"";return{c(){n=c("div"),r=u('const hello = "world-'),s=u(v),g=u('";\r\n/*Drop File Here*/'),m=d(),y=c("button"),y.textContent="Download",p(n,"id",e[0]),p(n,"class",h="editor lang-"+e[1]+" svelte-hgm5s0"),p(y,"id","download")},m(t,o){i(t,n,o),l(n,r),l(n,s),l(n,g),e[6](n),i(t,m,o),i(t,y,o),$||(b=[f(n,"drop",e[4]),f(n,"dragover",q),f(y,"click",e[7])],$=!0)},p(t,[e]){1&e&&v!==(v=t[0][6]+"")&&function(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}(s,v),1&e&&p(n,"id",t[0]),2&e&&h!==(h="editor lang-"+t[1]+" svelte-hgm5s0")&&p(n,"class",h)},i:t,o:t,d(t){t&&a(n),e[6](null),t&&a(m),t&&a(y),$=!1,o(b)}}}function q(t){t.preventDefault()}function J(t,e,n){let o,r,s,{id:l}=e,{lang:i}=e;const a=t=>{t.textContent=t.textContent,hljs.highlightBlock(t)};var c;c=()=>{hljs.initHighlightingOnLoad(),n(2,r=P(s,K(a),{tab:" "}))},y().$$.on_mount.push(c),function(t){y().$$.after_update.push(t)}((()=>{s&&a(s)}));let u=new FileReader;u.addEventListener("load",(t=>{r.updateCode(t.currentTarget.result)}));let d=(t,e)=>{let n=new File([e],o),r=document.createElement("a");r.download=o,r.href=window.URL.createObjectURL(n),r.click(),t.preventDefault()};return t.$$set=t=>{"id"in t&&n(0,l=t.id),"lang"in t&&n(1,i=t.lang)},t.$$.update=()=>{259&t.$$.dirty&&(o=l[6]+".",o+="cc"==i?"cpp":i),2&t.$$.dirty&&console.log("language: ",i)},[l,i,r,s,function(t){if(t.preventDefault(),t.dataTransfer.items&&"file"===t.dataTransfer.items[0].kind){var e=t.dataTransfer.items[0].getAsFile();u.readAsText(e)}},d,function(t){b[t?"unshift":"push"]((()=>{s=t,n(3,s)}))},t=>d(t,r.toString())]}class U extends R{constructor(t){super(),I(this,t,J,z,s,{id:0,lang:1})}}function V(t){let e,n,o,r,s,u,g,h,m,y,$,b,v,x,w;return s=new U({props:{id:"editorA",lang:t[0]}}),h=new U({props:{id:"editorB",lang:t[0]}}),{c(){e=c("div"),n=c("table"),o=c("tbody"),r=c("th"),N(s.$$.fragment),u=d(),g=c("th"),N(h.$$.fragment),m=d(),y=c("button"),y.textContent="Moss",$=d(),b=c("a"),p(n,"class","svelte-1mbawed"),p(e,"id","editors"),p(y,"id","Moss"),p(y,"class","svelte-1mbawed"),p(b,"id","url"),p(b,"target","_blank"),p(b,"class","svelte-1mbawed")},m(a,c){i(a,e,c),l(e,n),l(n,o),l(o,r),A(s,r,null),l(o,u),l(o,g),A(h,g,null),i(a,m,c),i(a,y,c),i(a,$,c),i(a,b,c),v=!0,x||(w=f(y,"click",t[2]),x=!0)},p(t,[e]){const n={};1&e&&(n.lang=t[0]),s.$set(n);const o={};1&e&&(o.lang=t[0]),h.$set(o)},i(t){v||(S(s.$$.fragment,t),S(h.$$.fragment,t),v=!0)},o(t){B(s.$$.fragment,t),B(h.$$.fragment,t),v=!1},d(t){t&&a(e),D(s),D(h),t&&a(m),t&&a(y),t&&a($),t&&a(b),x=!1,w()}}}function W(t,e,n){let{lang:o="cc"}=e,r=(t,e,n)=>{fetch("/hello",{headers:{"Content-Type":"application/json"},method:"POST",body:JSON.stringify({greeting:"Hello from the browser!",fileA:e,fileB:n,lang:o,userId:document.getElementById("userID").value})}).then((function(t){return t.text()})).then((function(t){var e=JSON.parse(t);console.log(e),document.getElementById("url").textContent=e.url,document.getElementById("url").href=e.url}))};return t.$$set=t=>{"lang"in t&&n(0,o=t.lang)},[o,r,t=>r(0,document.getElementById("editorA").textContent,document.getElementById("editorB").textContent)]}class X extends R{constructor(t){super(),I(this,t,W,V,s,{lang:0})}}function Z(t){let e,n,o,r,s;return n=new F({props:{callBack:t[1]}}),r=new X({props:{lang:t[0]}}),{c(){e=c("main"),N(n.$$.fragment),o=d(),N(r.$$.fragment),p(e,"class","svelte-161625f")},m(t,a){i(t,e,a),A(n,e,null),l(e,o),A(r,e,null),s=!0},p(t,[e]){const n={};1&e&&(n.lang=t[0]),r.$set(n)},i(t){s||(S(n.$$.fragment,t),S(r.$$.fragment,t),s=!0)},o(t){B(n.$$.fragment,t),B(r.$$.fragment,t),s=!1},d(t){t&&a(e),D(n),D(r)}}}function Y(t,e,n){let o="cc";return[o,(t,e)=>{n(0,o=e),t.preventDefault()}]}return new class extends R{constructor(t){super(),I(this,t,Y,Z,s,{})}}({target:document.body,props:{name:"world"}})}();
+//# sourceMappingURL=bundle.js.map
diff --git a/public/build/bundle.js.map b/public/build/bundle.js.map
new file mode 100644
index 0000000..45f8e26
--- /dev/null
+++ b/public/build/bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"bundle.js","sources":["../../node_modules/svelte/internal/index.mjs","../../src/Toolbar.svelte","../../src/lib/linenumbers.js","../../src/lib/codejar.js","../../src/Editor.svelte","../../src/EditorContainer.svelte","../../src/App.svelte","../../src/main.js"],"sourcesContent":["function noop() { }\nconst identity = x => x;\nfunction assign(tar, src) {\n // @ts-ignore\n for (const k in src)\n tar[k] = src[k];\n return tar;\n}\nfunction is_promise(value) {\n return value && typeof value === 'object' && typeof value.then === 'function';\n}\nfunction add_location(element, file, line, column, char) {\n element.__svelte_meta = {\n loc: { file, line, column, char }\n };\n}\nfunction run(fn) {\n return fn();\n}\nfunction blank_object() {\n return Object.create(null);\n}\nfunction run_all(fns) {\n fns.forEach(run);\n}\nfunction is_function(thing) {\n return typeof thing === 'function';\n}\nfunction safe_not_equal(a, b) {\n return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\n}\nfunction not_equal(a, b) {\n return a != a ? b == b : a !== b;\n}\nfunction is_empty(obj) {\n return Object.keys(obj).length === 0;\n}\nfunction validate_store(store, name) {\n if (store != null && typeof store.subscribe !== 'function') {\n throw new Error(`'${name}' is not a store with a 'subscribe' method`);\n }\n}\nfunction subscribe(store, ...callbacks) {\n if (store == null) {\n return noop;\n }\n const unsub = store.subscribe(...callbacks);\n return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;\n}\nfunction get_store_value(store) {\n let value;\n subscribe(store, _ => value = _)();\n return value;\n}\nfunction component_subscribe(component, store, callback) {\n component.$$.on_destroy.push(subscribe(store, callback));\n}\nfunction create_slot(definition, ctx, $$scope, fn) {\n if (definition) {\n const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);\n return definition[0](slot_ctx);\n }\n}\nfunction get_slot_context(definition, ctx, $$scope, fn) {\n return definition[1] && fn\n ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))\n : $$scope.ctx;\n}\nfunction get_slot_changes(definition, $$scope, dirty, fn) {\n if (definition[2] && fn) {\n const lets = definition[2](fn(dirty));\n if ($$scope.dirty === undefined) {\n return lets;\n }\n if (typeof lets === 'object') {\n const merged = [];\n const len = Math.max($$scope.dirty.length, lets.length);\n for (let i = 0; i < len; i += 1) {\n merged[i] = $$scope.dirty[i] | lets[i];\n }\n return merged;\n }\n return $$scope.dirty | lets;\n }\n return $$scope.dirty;\n}\nfunction update_slot(slot, slot_definition, ctx, $$scope, dirty, get_slot_changes_fn, get_slot_context_fn) {\n const slot_changes = get_slot_changes(slot_definition, $$scope, dirty, get_slot_changes_fn);\n if (slot_changes) {\n const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);\n slot.p(slot_context, slot_changes);\n }\n}\nfunction exclude_internal_props(props) {\n const result = {};\n for (const k in props)\n if (k[0] !== '$')\n result[k] = props[k];\n return result;\n}\nfunction compute_rest_props(props, keys) {\n const rest = {};\n keys = new Set(keys);\n for (const k in props)\n if (!keys.has(k) && k[0] !== '$')\n rest[k] = props[k];\n return rest;\n}\nfunction compute_slots(slots) {\n const result = {};\n for (const key in slots) {\n result[key] = true;\n }\n return result;\n}\nfunction once(fn) {\n let ran = false;\n return function (...args) {\n if (ran)\n return;\n ran = true;\n fn.call(this, ...args);\n };\n}\nfunction null_to_empty(value) {\n return value == null ? '' : value;\n}\nfunction set_store_value(store, ret, value = ret) {\n store.set(value);\n return ret;\n}\nconst has_prop = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);\nfunction action_destroyer(action_result) {\n return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;\n}\n\nconst is_client = typeof window !== 'undefined';\nlet now = is_client\n ? () => window.performance.now()\n : () => Date.now();\nlet raf = is_client ? cb => requestAnimationFrame(cb) : noop;\n// used internally for testing\nfunction set_now(fn) {\n now = fn;\n}\nfunction set_raf(fn) {\n raf = fn;\n}\n\nconst tasks = new Set();\nfunction run_tasks(now) {\n tasks.forEach(task => {\n if (!task.c(now)) {\n tasks.delete(task);\n task.f();\n }\n });\n if (tasks.size !== 0)\n raf(run_tasks);\n}\n/**\n * For testing purposes only!\n */\nfunction clear_loops() {\n tasks.clear();\n}\n/**\n * Creates a new task that runs on each raf frame\n * until it returns a falsy value or is aborted\n */\nfunction loop(callback) {\n let task;\n if (tasks.size === 0)\n raf(run_tasks);\n return {\n promise: new Promise(fulfill => {\n tasks.add(task = { c: callback, f: fulfill });\n }),\n abort() {\n tasks.delete(task);\n }\n };\n}\n\nfunction append(target, node) {\n target.appendChild(node);\n}\nfunction insert(target, node, anchor) {\n target.insertBefore(node, anchor || null);\n}\nfunction detach(node) {\n node.parentNode.removeChild(node);\n}\nfunction destroy_each(iterations, detaching) {\n for (let i = 0; i < iterations.length; i += 1) {\n if (iterations[i])\n iterations[i].d(detaching);\n }\n}\nfunction element(name) {\n return document.createElement(name);\n}\nfunction element_is(name, is) {\n return document.createElement(name, { is });\n}\nfunction object_without_properties(obj, exclude) {\n const target = {};\n for (const k in obj) {\n if (has_prop(obj, k)\n // @ts-ignore\n && exclude.indexOf(k) === -1) {\n // @ts-ignore\n target[k] = obj[k];\n }\n }\n return target;\n}\nfunction svg_element(name) {\n return document.createElementNS('http://www.w3.org/2000/svg', name);\n}\nfunction text(data) {\n return document.createTextNode(data);\n}\nfunction space() {\n return text(' ');\n}\nfunction empty() {\n return text('');\n}\nfunction listen(node, event, handler, options) {\n node.addEventListener(event, handler, options);\n return () => node.removeEventListener(event, handler, options);\n}\nfunction prevent_default(fn) {\n return function (event) {\n event.preventDefault();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction stop_propagation(fn) {\n return function (event) {\n event.stopPropagation();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction self(fn) {\n return function (event) {\n // @ts-ignore\n if (event.target === this)\n fn.call(this, event);\n };\n}\nfunction attr(node, attribute, value) {\n if (value == null)\n node.removeAttribute(attribute);\n else if (node.getAttribute(attribute) !== value)\n node.setAttribute(attribute, value);\n}\nfunction set_attributes(node, attributes) {\n // @ts-ignore\n const descriptors = Object.getOwnPropertyDescriptors(node.__proto__);\n for (const key in attributes) {\n if (attributes[key] == null) {\n node.removeAttribute(key);\n }\n else if (key === 'style') {\n node.style.cssText = attributes[key];\n }\n else if (key === '__value') {\n node.value = node[key] = attributes[key];\n }\n else if (descriptors[key] && descriptors[key].set) {\n node[key] = attributes[key];\n }\n else {\n attr(node, key, attributes[key]);\n }\n }\n}\nfunction set_svg_attributes(node, attributes) {\n for (const key in attributes) {\n attr(node, key, attributes[key]);\n }\n}\nfunction set_custom_element_data(node, prop, value) {\n if (prop in node) {\n node[prop] = value;\n }\n else {\n attr(node, prop, value);\n }\n}\nfunction xlink_attr(node, attribute, value) {\n node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\nfunction get_binding_group_value(group, __value, checked) {\n const value = new Set();\n for (let i = 0; i < group.length; i += 1) {\n if (group[i].checked)\n value.add(group[i].__value);\n }\n if (!checked) {\n value.delete(__value);\n }\n return Array.from(value);\n}\nfunction to_number(value) {\n return value === '' ? null : +value;\n}\nfunction time_ranges_to_array(ranges) {\n const array = [];\n for (let i = 0; i < ranges.length; i += 1) {\n array.push({ start: ranges.start(i), end: ranges.end(i) });\n }\n return array;\n}\nfunction children(element) {\n return Array.from(element.childNodes);\n}\nfunction claim_element(nodes, name, attributes, svg) {\n for (let i = 0; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeName === name) {\n let j = 0;\n const remove = [];\n while (j < node.attributes.length) {\n const attribute = node.attributes[j++];\n if (!attributes[attribute.name]) {\n remove.push(attribute.name);\n }\n }\n for (let k = 0; k < remove.length; k++) {\n node.removeAttribute(remove[k]);\n }\n return nodes.splice(i, 1)[0];\n }\n }\n return svg ? svg_element(name) : element(name);\n}\nfunction claim_text(nodes, data) {\n for (let i = 0; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeType === 3) {\n node.data = '' + data;\n return nodes.splice(i, 1)[0];\n }\n }\n return text(data);\n}\nfunction claim_space(nodes) {\n return claim_text(nodes, ' ');\n}\nfunction set_data(text, data) {\n data = '' + data;\n if (text.wholeText !== data)\n text.data = data;\n}\nfunction set_input_value(input, value) {\n input.value = value == null ? '' : value;\n}\nfunction set_input_type(input, type) {\n try {\n input.type = type;\n }\n catch (e) {\n // do nothing\n }\n}\nfunction set_style(node, key, value, important) {\n node.style.setProperty(key, value, important ? 'important' : '');\n}\nfunction select_option(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n if (option.__value === value) {\n option.selected = true;\n return;\n }\n }\n}\nfunction select_options(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n option.selected = ~value.indexOf(option.__value);\n }\n}\nfunction select_value(select) {\n const selected_option = select.querySelector(':checked') || select.options[0];\n return selected_option && selected_option.__value;\n}\nfunction select_multiple_value(select) {\n return [].map.call(select.querySelectorAll(':checked'), option => option.__value);\n}\n// unfortunately this can't be a constant as that wouldn't be tree-shakeable\n// so we cache the result instead\nlet crossorigin;\nfunction is_crossorigin() {\n if (crossorigin === undefined) {\n crossorigin = false;\n try {\n if (typeof window !== 'undefined' && window.parent) {\n void window.parent.document;\n }\n }\n catch (error) {\n crossorigin = true;\n }\n }\n return crossorigin;\n}\nfunction add_resize_listener(node, fn) {\n const computed_style = getComputedStyle(node);\n const z_index = (parseInt(computed_style.zIndex) || 0) - 1;\n if (computed_style.position === 'static') {\n node.style.position = 'relative';\n }\n const iframe = element('iframe');\n iframe.setAttribute('style', `display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; ` +\n `overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: ${z_index};`);\n iframe.setAttribute('aria-hidden', 'true');\n iframe.tabIndex = -1;\n const crossorigin = is_crossorigin();\n let unsubscribe;\n if (crossorigin) {\n iframe.src = `data:text/html,`;\n unsubscribe = listen(window, 'message', (event) => {\n if (event.source === iframe.contentWindow)\n fn();\n });\n }\n else {\n iframe.src = 'about:blank';\n iframe.onload = () => {\n unsubscribe = listen(iframe.contentWindow, 'resize', fn);\n };\n }\n append(node, iframe);\n return () => {\n if (crossorigin) {\n unsubscribe();\n }\n else if (unsubscribe && iframe.contentWindow) {\n unsubscribe();\n }\n detach(iframe);\n };\n}\nfunction toggle_class(element, name, toggle) {\n element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail) {\n const e = document.createEvent('CustomEvent');\n e.initCustomEvent(type, false, false, detail);\n return e;\n}\nfunction query_selector_all(selector, parent = document.body) {\n return Array.from(parent.querySelectorAll(selector));\n}\nclass HtmlTag {\n constructor(anchor = null) {\n this.a = anchor;\n this.e = this.n = null;\n }\n m(html, target, anchor = null) {\n if (!this.e) {\n this.e = element(target.nodeName);\n this.t = target;\n this.h(html);\n }\n this.i(anchor);\n }\n h(html) {\n this.e.innerHTML = html;\n this.n = Array.from(this.e.childNodes);\n }\n i(anchor) {\n for (let i = 0; i < this.n.length; i += 1) {\n insert(this.t, this.n[i], anchor);\n }\n }\n p(html) {\n this.d();\n this.h(html);\n this.i(this.a);\n }\n d() {\n this.n.forEach(detach);\n }\n}\n\nconst active_docs = new Set();\nlet active = 0;\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n while (i--)\n hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\n return hash >>> 0;\n}\nfunction create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {\n const step = 16.666 / duration;\n let keyframes = '{\\n';\n for (let p = 0; p <= 1; p += step) {\n const t = a + (b - a) * ease(p);\n keyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\n }\n const rule = keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\n const name = `__svelte_${hash(rule)}_${uid}`;\n const doc = node.ownerDocument;\n active_docs.add(doc);\n const stylesheet = doc.__svelte_stylesheet || (doc.__svelte_stylesheet = doc.head.appendChild(element('style')).sheet);\n const current_rules = doc.__svelte_rules || (doc.__svelte_rules = {});\n if (!current_rules[name]) {\n current_rules[name] = true;\n stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);\n }\n const animation = node.style.animation || '';\n node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`;\n active += 1;\n return name;\n}\nfunction delete_rule(node, name) {\n const previous = (node.style.animation || '').split(', ');\n const next = previous.filter(name\n ? anim => anim.indexOf(name) < 0 // remove specific animation\n : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations\n );\n const deleted = previous.length - next.length;\n if (deleted) {\n node.style.animation = next.join(', ');\n active -= deleted;\n if (!active)\n clear_rules();\n }\n}\nfunction clear_rules() {\n raf(() => {\n if (active)\n return;\n active_docs.forEach(doc => {\n const stylesheet = doc.__svelte_stylesheet;\n let i = stylesheet.cssRules.length;\n while (i--)\n stylesheet.deleteRule(i);\n doc.__svelte_rules = {};\n });\n active_docs.clear();\n });\n}\n\nfunction create_animation(node, from, fn, params) {\n if (!from)\n return noop;\n const to = node.getBoundingClientRect();\n if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)\n return noop;\n const { delay = 0, duration = 300, easing = identity, \n // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n start: start_time = now() + delay, \n // @ts-ignore todo:\n end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);\n let running = true;\n let started = false;\n let name;\n function start() {\n if (css) {\n name = create_rule(node, 0, 1, duration, delay, easing, css);\n }\n if (!delay) {\n started = true;\n }\n }\n function stop() {\n if (css)\n delete_rule(node, name);\n running = false;\n }\n loop(now => {\n if (!started && now >= start_time) {\n started = true;\n }\n if (started && now >= end) {\n tick(1, 0);\n stop();\n }\n if (!running) {\n return false;\n }\n if (started) {\n const p = now - start_time;\n const t = 0 + 1 * easing(p / duration);\n tick(t, 1 - t);\n }\n return true;\n });\n start();\n tick(0, 1);\n return stop;\n}\nfunction fix_position(node) {\n const style = getComputedStyle(node);\n if (style.position !== 'absolute' && style.position !== 'fixed') {\n const { width, height } = style;\n const a = node.getBoundingClientRect();\n node.style.position = 'absolute';\n node.style.width = width;\n node.style.height = height;\n add_transform(node, a);\n }\n}\nfunction add_transform(node, a) {\n const b = node.getBoundingClientRect();\n if (a.left !== b.left || a.top !== b.top) {\n const style = getComputedStyle(node);\n const transform = style.transform === 'none' ? '' : style.transform;\n node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n }\n}\n\nlet current_component;\nfunction set_current_component(component) {\n current_component = component;\n}\nfunction get_current_component() {\n if (!current_component)\n throw new Error(`Function called outside component initialization`);\n return current_component;\n}\nfunction beforeUpdate(fn) {\n get_current_component().$$.before_update.push(fn);\n}\nfunction onMount(fn) {\n get_current_component().$$.on_mount.push(fn);\n}\nfunction afterUpdate(fn) {\n get_current_component().$$.after_update.push(fn);\n}\nfunction onDestroy(fn) {\n get_current_component().$$.on_destroy.push(fn);\n}\nfunction createEventDispatcher() {\n const component = get_current_component();\n return (type, detail) => {\n const callbacks = component.$$.callbacks[type];\n if (callbacks) {\n // TODO are there situations where events could be dispatched\n // in a server (non-DOM) environment?\n const event = custom_event(type, detail);\n callbacks.slice().forEach(fn => {\n fn.call(component, event);\n });\n }\n };\n}\nfunction setContext(key, context) {\n get_current_component().$$.context.set(key, context);\n}\nfunction getContext(key) {\n return get_current_component().$$.context.get(key);\n}\n// TODO figure out if we still want to support\n// shorthand events, or if we want to implement\n// a real bubbling mechanism\nfunction bubble(component, event) {\n const callbacks = component.$$.callbacks[event.type];\n if (callbacks) {\n callbacks.slice().forEach(fn => fn(event));\n }\n}\n\nconst dirty_components = [];\nconst intros = { enabled: false };\nconst binding_callbacks = [];\nconst render_callbacks = [];\nconst flush_callbacks = [];\nconst resolved_promise = Promise.resolve();\nlet update_scheduled = false;\nfunction schedule_update() {\n if (!update_scheduled) {\n update_scheduled = true;\n resolved_promise.then(flush);\n }\n}\nfunction tick() {\n schedule_update();\n return resolved_promise;\n}\nfunction add_render_callback(fn) {\n render_callbacks.push(fn);\n}\nfunction add_flush_callback(fn) {\n flush_callbacks.push(fn);\n}\nlet flushing = false;\nconst seen_callbacks = new Set();\nfunction flush() {\n if (flushing)\n return;\n flushing = true;\n do {\n // first, call beforeUpdate functions\n // and update components\n for (let i = 0; i < dirty_components.length; i += 1) {\n const component = dirty_components[i];\n set_current_component(component);\n update(component.$$);\n }\n set_current_component(null);\n dirty_components.length = 0;\n while (binding_callbacks.length)\n binding_callbacks.pop()();\n // then, once components are updated, call\n // afterUpdate functions. This may cause\n // subsequent updates...\n for (let i = 0; i < render_callbacks.length; i += 1) {\n const callback = render_callbacks[i];\n if (!seen_callbacks.has(callback)) {\n // ...so guard against infinite loops\n seen_callbacks.add(callback);\n callback();\n }\n }\n render_callbacks.length = 0;\n } while (dirty_components.length);\n while (flush_callbacks.length) {\n flush_callbacks.pop()();\n }\n update_scheduled = false;\n flushing = false;\n seen_callbacks.clear();\n}\nfunction update($$) {\n if ($$.fragment !== null) {\n $$.update();\n run_all($$.before_update);\n const dirty = $$.dirty;\n $$.dirty = [-1];\n $$.fragment && $$.fragment.p($$.ctx, dirty);\n $$.after_update.forEach(add_render_callback);\n }\n}\n\nlet promise;\nfunction wait() {\n if (!promise) {\n promise = Promise.resolve();\n promise.then(() => {\n promise = null;\n });\n }\n return promise;\n}\nfunction dispatch(node, direction, kind) {\n node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));\n}\nconst outroing = new Set();\nlet outros;\nfunction group_outros() {\n outros = {\n r: 0,\n c: [],\n p: outros // parent group\n };\n}\nfunction check_outros() {\n if (!outros.r) {\n run_all(outros.c);\n }\n outros = outros.p;\n}\nfunction transition_in(block, local) {\n if (block && block.i) {\n outroing.delete(block);\n block.i(local);\n }\n}\nfunction transition_out(block, local, detach, callback) {\n if (block && block.o) {\n if (outroing.has(block))\n return;\n outroing.add(block);\n outros.c.push(() => {\n outroing.delete(block);\n if (callback) {\n if (detach)\n block.d(1);\n callback();\n }\n });\n block.o(local);\n }\n}\nconst null_transition = { duration: 0 };\nfunction create_in_transition(node, fn, params) {\n let config = fn(node, params);\n let running = false;\n let animation_name;\n let task;\n let uid = 0;\n function cleanup() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n if (css)\n animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);\n tick(0, 1);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n if (task)\n task.abort();\n running = true;\n add_render_callback(() => dispatch(node, true, 'start'));\n task = loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(1, 0);\n dispatch(node, true, 'end');\n cleanup();\n return running = false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(t, 1 - t);\n }\n }\n return running;\n });\n }\n let started = false;\n return {\n start() {\n if (started)\n return;\n delete_rule(node);\n if (is_function(config)) {\n config = config();\n wait().then(go);\n }\n else {\n go();\n }\n },\n invalidate() {\n started = false;\n },\n end() {\n if (running) {\n cleanup();\n running = false;\n }\n }\n };\n}\nfunction create_out_transition(node, fn, params) {\n let config = fn(node, params);\n let running = true;\n let animation_name;\n const group = outros;\n group.r += 1;\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n if (css)\n animation_name = create_rule(node, 1, 0, duration, delay, easing, css);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n add_render_callback(() => dispatch(node, false, 'start'));\n loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(0, 1);\n dispatch(node, false, 'end');\n if (!--group.r) {\n // this will result in `end()` being called,\n // so we don't need to clean up here\n run_all(group.c);\n }\n return false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(1 - t, t);\n }\n }\n return running;\n });\n }\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go();\n });\n }\n else {\n go();\n }\n return {\n end(reset) {\n if (reset && config.tick) {\n config.tick(1, 0);\n }\n if (running) {\n if (animation_name)\n delete_rule(node, animation_name);\n running = false;\n }\n }\n };\n}\nfunction create_bidirectional_transition(node, fn, params, intro) {\n let config = fn(node, params);\n let t = intro ? 0 : 1;\n let running_program = null;\n let pending_program = null;\n let animation_name = null;\n function clear_animation() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function init(program, duration) {\n const d = program.b - t;\n duration *= Math.abs(d);\n return {\n a: t,\n b: program.b,\n d,\n duration,\n start: program.start,\n end: program.start + duration,\n group: program.group\n };\n }\n function go(b) {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n const program = {\n start: now() + delay,\n b\n };\n if (!b) {\n // @ts-ignore todo: improve typings\n program.group = outros;\n outros.r += 1;\n }\n if (running_program || pending_program) {\n pending_program = program;\n }\n else {\n // if this is an intro, and there's a delay, we need to do\n // an initial tick and/or apply CSS animation immediately\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, b, duration, delay, easing, css);\n }\n if (b)\n tick(0, 1);\n running_program = init(program, duration);\n add_render_callback(() => dispatch(node, b, 'start'));\n loop(now => {\n if (pending_program && now > pending_program.start) {\n running_program = init(pending_program, duration);\n pending_program = null;\n dispatch(node, running_program.b, 'start');\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);\n }\n }\n if (running_program) {\n if (now >= running_program.end) {\n tick(t = running_program.b, 1 - t);\n dispatch(node, running_program.b, 'end');\n if (!pending_program) {\n // we're done\n if (running_program.b) {\n // intro — we can tidy up immediately\n clear_animation();\n }\n else {\n // outro — needs to be coordinated\n if (!--running_program.group.r)\n run_all(running_program.group.c);\n }\n }\n running_program = null;\n }\n else if (now >= running_program.start) {\n const p = now - running_program.start;\n t = running_program.a + running_program.d * easing(p / running_program.duration);\n tick(t, 1 - t);\n }\n }\n return !!(running_program || pending_program);\n });\n }\n }\n return {\n run(b) {\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go(b);\n });\n }\n else {\n go(b);\n }\n },\n end() {\n clear_animation();\n running_program = pending_program = null;\n }\n };\n}\n\nfunction handle_promise(promise, info) {\n const token = info.token = {};\n function update(type, index, key, value) {\n if (info.token !== token)\n return;\n info.resolved = value;\n let child_ctx = info.ctx;\n if (key !== undefined) {\n child_ctx = child_ctx.slice();\n child_ctx[key] = value;\n }\n const block = type && (info.current = type)(child_ctx);\n let needs_flush = false;\n if (info.block) {\n if (info.blocks) {\n info.blocks.forEach((block, i) => {\n if (i !== index && block) {\n group_outros();\n transition_out(block, 1, 1, () => {\n info.blocks[i] = null;\n });\n check_outros();\n }\n });\n }\n else {\n info.block.d(1);\n }\n block.c();\n transition_in(block, 1);\n block.m(info.mount(), info.anchor);\n needs_flush = true;\n }\n info.block = block;\n if (info.blocks)\n info.blocks[index] = block;\n if (needs_flush) {\n flush();\n }\n }\n if (is_promise(promise)) {\n const current_component = get_current_component();\n promise.then(value => {\n set_current_component(current_component);\n update(info.then, 1, info.value, value);\n set_current_component(null);\n }, error => {\n set_current_component(current_component);\n update(info.catch, 2, info.error, error);\n set_current_component(null);\n if (!info.hasCatch) {\n throw error;\n }\n });\n // if we previously had a then/catch block, destroy it\n if (info.current !== info.pending) {\n update(info.pending, 0);\n return true;\n }\n }\n else {\n if (info.current !== info.then) {\n update(info.then, 1, info.value, promise);\n return true;\n }\n info.resolved = promise;\n }\n}\n\nconst globals = (typeof window !== 'undefined'\n ? window\n : typeof globalThis !== 'undefined'\n ? globalThis\n : global);\n\nfunction destroy_block(block, lookup) {\n block.d(1);\n lookup.delete(block.key);\n}\nfunction outro_and_destroy_block(block, lookup) {\n transition_out(block, 1, 1, () => {\n lookup.delete(block.key);\n });\n}\nfunction fix_and_destroy_block(block, lookup) {\n block.f();\n destroy_block(block, lookup);\n}\nfunction fix_and_outro_and_destroy_block(block, lookup) {\n block.f();\n outro_and_destroy_block(block, lookup);\n}\nfunction update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n let o = old_blocks.length;\n let n = list.length;\n let i = o;\n const old_indexes = {};\n while (i--)\n old_indexes[old_blocks[i].key] = i;\n const new_blocks = [];\n const new_lookup = new Map();\n const deltas = new Map();\n i = n;\n while (i--) {\n const child_ctx = get_context(ctx, list, i);\n const key = get_key(child_ctx);\n let block = lookup.get(key);\n if (!block) {\n block = create_each_block(key, child_ctx);\n block.c();\n }\n else if (dynamic) {\n block.p(child_ctx, dirty);\n }\n new_lookup.set(key, new_blocks[i] = block);\n if (key in old_indexes)\n deltas.set(key, Math.abs(i - old_indexes[key]));\n }\n const will_move = new Set();\n const did_move = new Set();\n function insert(block) {\n transition_in(block, 1);\n block.m(node, next);\n lookup.set(block.key, block);\n next = block.first;\n n--;\n }\n while (o && n) {\n const new_block = new_blocks[n - 1];\n const old_block = old_blocks[o - 1];\n const new_key = new_block.key;\n const old_key = old_block.key;\n if (new_block === old_block) {\n // do nothing\n next = new_block.first;\n o--;\n n--;\n }\n else if (!new_lookup.has(old_key)) {\n // remove old block\n destroy(old_block, lookup);\n o--;\n }\n else if (!lookup.has(new_key) || will_move.has(new_key)) {\n insert(new_block);\n }\n else if (did_move.has(old_key)) {\n o--;\n }\n else if (deltas.get(new_key) > deltas.get(old_key)) {\n did_move.add(new_key);\n insert(new_block);\n }\n else {\n will_move.add(old_key);\n o--;\n }\n }\n while (o--) {\n const old_block = old_blocks[o];\n if (!new_lookup.has(old_block.key))\n destroy(old_block, lookup);\n }\n while (n)\n insert(new_blocks[n - 1]);\n return new_blocks;\n}\nfunction validate_each_keys(ctx, list, get_context, get_key) {\n const keys = new Set();\n for (let i = 0; i < list.length; i++) {\n const key = get_key(get_context(ctx, list, i));\n if (keys.has(key)) {\n throw new Error(`Cannot have duplicate keys in a keyed each`);\n }\n keys.add(key);\n }\n}\n\nfunction get_spread_update(levels, updates) {\n const update = {};\n const to_null_out = {};\n const accounted_for = { $$scope: 1 };\n let i = levels.length;\n while (i--) {\n const o = levels[i];\n const n = updates[i];\n if (n) {\n for (const key in o) {\n if (!(key in n))\n to_null_out[key] = 1;\n }\n for (const key in n) {\n if (!accounted_for[key]) {\n update[key] = n[key];\n accounted_for[key] = 1;\n }\n }\n levels[i] = n;\n }\n else {\n for (const key in o) {\n accounted_for[key] = 1;\n }\n }\n }\n for (const key in to_null_out) {\n if (!(key in update))\n update[key] = undefined;\n }\n return update;\n}\nfunction get_spread_object(spread_props) {\n return typeof spread_props === 'object' && spread_props !== null ? spread_props : {};\n}\n\n// source: https://html.spec.whatwg.org/multipage/indices.html\nconst boolean_attributes = new Set([\n 'allowfullscreen',\n 'allowpaymentrequest',\n 'async',\n 'autofocus',\n 'autoplay',\n 'checked',\n 'controls',\n 'default',\n 'defer',\n 'disabled',\n 'formnovalidate',\n 'hidden',\n 'ismap',\n 'loop',\n 'multiple',\n 'muted',\n 'nomodule',\n 'novalidate',\n 'open',\n 'playsinline',\n 'readonly',\n 'required',\n 'reversed',\n 'selected'\n]);\n\nconst invalid_attribute_name_character = /[\\s'\">/=\\u{FDD0}-\\u{FDEF}\\u{FFFE}\\u{FFFF}\\u{1FFFE}\\u{1FFFF}\\u{2FFFE}\\u{2FFFF}\\u{3FFFE}\\u{3FFFF}\\u{4FFFE}\\u{4FFFF}\\u{5FFFE}\\u{5FFFF}\\u{6FFFE}\\u{6FFFF}\\u{7FFFE}\\u{7FFFF}\\u{8FFFE}\\u{8FFFF}\\u{9FFFE}\\u{9FFFF}\\u{AFFFE}\\u{AFFFF}\\u{BFFFE}\\u{BFFFF}\\u{CFFFE}\\u{CFFFF}\\u{DFFFE}\\u{DFFFF}\\u{EFFFE}\\u{EFFFF}\\u{FFFFE}\\u{FFFFF}\\u{10FFFE}\\u{10FFFF}]/u;\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\n// https://infra.spec.whatwg.org/#noncharacter\nfunction spread(args, classes_to_add) {\n const attributes = Object.assign({}, ...args);\n if (classes_to_add) {\n if (attributes.class == null) {\n attributes.class = classes_to_add;\n }\n else {\n attributes.class += ' ' + classes_to_add;\n }\n }\n let str = '';\n Object.keys(attributes).forEach(name => {\n if (invalid_attribute_name_character.test(name))\n return;\n const value = attributes[name];\n if (value === true)\n str += \" \" + name;\n else if (boolean_attributes.has(name.toLowerCase())) {\n if (value)\n str += \" \" + name;\n }\n else if (value != null) {\n str += ` ${name}=\"${String(value).replace(/\"/g, '"').replace(/'/g, ''')}\"`;\n }\n });\n return str;\n}\nconst escaped = {\n '\"': '"',\n \"'\": ''',\n '&': '&',\n '<': '<',\n '>': '>'\n};\nfunction escape(html) {\n return String(html).replace(/[\"'&<>]/g, match => escaped[match]);\n}\nfunction each(items, fn) {\n let str = '';\n for (let i = 0; i < items.length; i += 1) {\n str += fn(items[i], i);\n }\n return str;\n}\nconst missing_component = {\n $$render: () => ''\n};\nfunction validate_component(component, name) {\n if (!component || !component.$$render) {\n if (name === 'svelte:component')\n name += ' this={...}';\n throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);\n }\n return component;\n}\nfunction debug(file, line, column, values) {\n console.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`); // eslint-disable-line no-console\n console.log(values); // eslint-disable-line no-console\n return '';\n}\nlet on_destroy;\nfunction create_ssr_component(fn) {\n function $$render(result, props, bindings, slots) {\n const parent_component = current_component;\n const $$ = {\n on_destroy,\n context: new Map(parent_component ? parent_component.$$.context : []),\n // these will be immediately discarded\n on_mount: [],\n before_update: [],\n after_update: [],\n callbacks: blank_object()\n };\n set_current_component({ $$ });\n const html = fn(result, props, bindings, slots);\n set_current_component(parent_component);\n return html;\n }\n return {\n render: (props = {}, options = {}) => {\n on_destroy = [];\n const result = { title: '', head: '', css: new Set() };\n const html = $$render(result, props, {}, options);\n run_all(on_destroy);\n return {\n html,\n css: {\n code: Array.from(result.css).map(css => css.code).join('\\n'),\n map: null // TODO\n },\n head: result.title + result.head\n };\n },\n $$render\n };\n}\nfunction add_attribute(name, value, boolean) {\n if (value == null || (boolean && !value))\n return '';\n return ` ${name}${value === true ? '' : `=${typeof value === 'string' ? JSON.stringify(escape(value)) : `\"${value}\"`}`}`;\n}\nfunction add_classes(classes) {\n return classes ? ` class=\"${classes}\"` : ``;\n}\n\nfunction bind(component, name, callback) {\n const index = component.$$.props[name];\n if (index !== undefined) {\n component.$$.bound[index] = callback;\n callback(component.$$.ctx[index]);\n }\n}\nfunction create_component(block) {\n block && block.c();\n}\nfunction claim_component(block, parent_nodes) {\n block && block.l(parent_nodes);\n}\nfunction mount_component(component, target, anchor) {\n const { fragment, on_mount, on_destroy, after_update } = component.$$;\n fragment && fragment.m(target, anchor);\n // onMount happens before the initial afterUpdate\n add_render_callback(() => {\n const new_on_destroy = on_mount.map(run).filter(is_function);\n if (on_destroy) {\n on_destroy.push(...new_on_destroy);\n }\n else {\n // Edge case - component was destroyed immediately,\n // most likely as a result of a binding initialising\n run_all(new_on_destroy);\n }\n component.$$.on_mount = [];\n });\n after_update.forEach(add_render_callback);\n}\nfunction destroy_component(component, detaching) {\n const $$ = component.$$;\n if ($$.fragment !== null) {\n run_all($$.on_destroy);\n $$.fragment && $$.fragment.d(detaching);\n // TODO null out other refs, including component.$$ (but need to\n // preserve final state?)\n $$.on_destroy = $$.fragment = null;\n $$.ctx = [];\n }\n}\nfunction make_dirty(component, i) {\n if (component.$$.dirty[0] === -1) {\n dirty_components.push(component);\n schedule_update();\n component.$$.dirty.fill(0);\n }\n component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));\n}\nfunction init(component, options, instance, create_fragment, not_equal, props, dirty = [-1]) {\n const parent_component = current_component;\n set_current_component(component);\n const prop_values = options.props || {};\n const $$ = component.$$ = {\n fragment: null,\n ctx: null,\n // state\n props,\n update: noop,\n not_equal,\n bound: blank_object(),\n // lifecycle\n on_mount: [],\n on_destroy: [],\n before_update: [],\n after_update: [],\n context: new Map(parent_component ? parent_component.$$.context : []),\n // everything else\n callbacks: blank_object(),\n dirty,\n skip_bound: false\n };\n let ready = false;\n $$.ctx = instance\n ? instance(component, prop_values, (i, ret, ...rest) => {\n const value = rest.length ? rest[0] : ret;\n if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {\n if (!$$.skip_bound && $$.bound[i])\n $$.bound[i](value);\n if (ready)\n make_dirty(component, i);\n }\n return ret;\n })\n : [];\n $$.update();\n ready = true;\n run_all($$.before_update);\n // `false` as a special case of no DOM component\n $$.fragment = create_fragment ? create_fragment($$.ctx) : false;\n if (options.target) {\n if (options.hydrate) {\n const nodes = children(options.target);\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment && $$.fragment.l(nodes);\n nodes.forEach(detach);\n }\n else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment && $$.fragment.c();\n }\n if (options.intro)\n transition_in(component.$$.fragment);\n mount_component(component, options.target, options.anchor);\n flush();\n }\n set_current_component(parent_component);\n}\nlet SvelteElement;\nif (typeof HTMLElement === 'function') {\n SvelteElement = class extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n connectedCallback() {\n // @ts-ignore todo: improve typings\n for (const key in this.$$.slotted) {\n // @ts-ignore todo: improve typings\n this.appendChild(this.$$.slotted[key]);\n }\n }\n attributeChangedCallback(attr, _oldValue, newValue) {\n this[attr] = newValue;\n }\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n // TODO should this delegate to addEventListener?\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set($$props) {\n if (this.$$set && !is_empty($$props)) {\n this.$$.skip_bound = true;\n this.$$set($$props);\n this.$$.skip_bound = false;\n }\n }\n };\n}\nclass SvelteComponent {\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set($$props) {\n if (this.$$set && !is_empty($$props)) {\n this.$$.skip_bound = true;\n this.$$set($$props);\n this.$$.skip_bound = false;\n }\n }\n}\n\nfunction dispatch_dev(type, detail) {\n document.dispatchEvent(custom_event(type, Object.assign({ version: '3.29.0' }, detail)));\n}\nfunction append_dev(target, node) {\n dispatch_dev(\"SvelteDOMInsert\", { target, node });\n append(target, node);\n}\nfunction insert_dev(target, node, anchor) {\n dispatch_dev(\"SvelteDOMInsert\", { target, node, anchor });\n insert(target, node, anchor);\n}\nfunction detach_dev(node) {\n dispatch_dev(\"SvelteDOMRemove\", { node });\n detach(node);\n}\nfunction detach_between_dev(before, after) {\n while (before.nextSibling && before.nextSibling !== after) {\n detach_dev(before.nextSibling);\n }\n}\nfunction detach_before_dev(after) {\n while (after.previousSibling) {\n detach_dev(after.previousSibling);\n }\n}\nfunction detach_after_dev(before) {\n while (before.nextSibling) {\n detach_dev(before.nextSibling);\n }\n}\nfunction listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation) {\n const modifiers = options === true ? [\"capture\"] : options ? Array.from(Object.keys(options)) : [];\n if (has_prevent_default)\n modifiers.push('preventDefault');\n if (has_stop_propagation)\n modifiers.push('stopPropagation');\n dispatch_dev(\"SvelteDOMAddEventListener\", { node, event, handler, modifiers });\n const dispose = listen(node, event, handler, options);\n return () => {\n dispatch_dev(\"SvelteDOMRemoveEventListener\", { node, event, handler, modifiers });\n dispose();\n };\n}\nfunction attr_dev(node, attribute, value) {\n attr(node, attribute, value);\n if (value == null)\n dispatch_dev(\"SvelteDOMRemoveAttribute\", { node, attribute });\n else\n dispatch_dev(\"SvelteDOMSetAttribute\", { node, attribute, value });\n}\nfunction prop_dev(node, property, value) {\n node[property] = value;\n dispatch_dev(\"SvelteDOMSetProperty\", { node, property, value });\n}\nfunction dataset_dev(node, property, value) {\n node.dataset[property] = value;\n dispatch_dev(\"SvelteDOMSetDataset\", { node, property, value });\n}\nfunction set_data_dev(text, data) {\n data = '' + data;\n if (text.wholeText === data)\n return;\n dispatch_dev(\"SvelteDOMSetData\", { node: text, data });\n text.data = data;\n}\nfunction validate_each_argument(arg) {\n if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {\n let msg = '{#each} only iterates over array-like objects.';\n if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {\n msg += ' You can use a spread to convert this iterable into an array.';\n }\n throw new Error(msg);\n }\n}\nfunction validate_slots(name, slot, keys) {\n for (const slot_key of Object.keys(slot)) {\n if (!~keys.indexOf(slot_key)) {\n console.warn(`<${name}> received an unexpected slot \"${slot_key}\".`);\n }\n }\n}\nclass SvelteComponentDev extends SvelteComponent {\n constructor(options) {\n if (!options || (!options.target && !options.$$inline)) {\n throw new Error(`'target' is a required option`);\n }\n super();\n }\n $destroy() {\n super.$destroy();\n this.$destroy = () => {\n console.warn(`Component was already destroyed`); // eslint-disable-line no-console\n };\n }\n $capture_state() { }\n $inject_state() { }\n}\nfunction loop_guard(timeout) {\n const start = Date.now();\n return () => {\n if (Date.now() - start > timeout) {\n throw new Error(`Infinite loop detected`);\n }\n };\n}\n\nexport { HtmlTag, SvelteComponent, SvelteComponentDev, SvelteElement, action_destroyer, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_transform, afterUpdate, append, append_dev, assign, attr, attr_dev, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_component, claim_element, claim_space, claim_text, clear_loops, component_subscribe, compute_rest_props, compute_slots, createEventDispatcher, create_animation, create_bidirectional_transition, create_component, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, dataset_dev, debug, destroy_block, destroy_component, destroy_each, detach, detach_after_dev, detach_before_dev, detach_between_dev, detach_dev, dirty_components, dispatch_dev, each, element, element_is, empty, escape, escaped, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getContext, get_binding_group_value, get_current_component, get_slot_changes, get_slot_context, get_spread_object, get_spread_update, get_store_value, globals, group_outros, handle_promise, has_prop, identity, init, insert, insert_dev, intros, invalid_attribute_name_character, is_client, is_crossorigin, is_empty, is_function, is_promise, listen, listen_dev, loop, loop_guard, missing_component, mount_component, noop, not_equal, now, null_to_empty, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, prop_dev, query_selector_all, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, self, setContext, set_attributes, set_current_component, set_custom_element_data, set_data, set_data_dev, set_input_type, set_input_value, set_now, set_raf, set_store_value, set_style, set_svg_attributes, space, spread, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, update_keyed_each, update_slot, validate_component, validate_each_argument, validate_each_keys, validate_slots, validate_store, xlink_attr };\n","\r\n\r\n\r\n \r\n\r\n
\r\n","export function withLineNumbers(highlight, options = {}) {\r\n const opts = Object.assign({ class: \"codejar-linenumbers\", wrapClass: \"codejar-wrap\", width: \"35px\", backgroundColor: \"rgba(128, 128, 128, 0.15)\", color: \"\" }, options);\r\n let lineNumbers;\r\n return function (editor) {\r\n highlight(editor);\r\n if (!lineNumbers) {\r\n lineNumbers = init(editor, opts);\r\n editor.addEventListener(\"scroll\", () => lineNumbers.style.top = `-${editor.scrollTop}px`);\r\n }\r\n const code = editor.textContent || \"\";\r\n const linesCount = code.replace(/\\n+$/, \"\\n\").split(\"\\n\").length + 1;\r\n let text = \"\";\r\n for (let i = 1; i < linesCount; i++) {\r\n text += `${i}\\n`;\r\n }\r\n lineNumbers.innerText = text;\r\n };\r\n}\r\nfunction init(editor, opts) {\r\n const css = getComputedStyle(editor);\r\n const wrap = document.createElement(\"div\");\r\n wrap.className = opts.wrapClass;\r\n wrap.style.position = \"relative\";\r\n const gutter = document.createElement(\"div\");\r\n gutter.className = opts.class;\r\n wrap.appendChild(gutter);\r\n // Add own styles\r\n gutter.style.position = \"absolute\";\r\n gutter.style.top = \"0px\";\r\n gutter.style.left = \"0px\";\r\n gutter.style.bottom = \"0px\";\r\n gutter.style.width = opts.width;\r\n gutter.style.overflow = \"hidden\";\r\n gutter.style.backgroundColor = opts.backgroundColor;\r\n gutter.style.color = opts.color || css.color;\r\n gutter.style.setProperty(\"mix-blend-mode\", \"difference\");\r\n // Copy editor styles\r\n gutter.style.fontFamily = css.fontFamily;\r\n gutter.style.fontSize = css.fontSize;\r\n gutter.style.lineHeight = css.lineHeight;\r\n gutter.style.paddingTop = css.paddingTop;\r\n gutter.style.paddingLeft = css.paddingLeft;\r\n gutter.style.borderTopLeftRadius = css.borderTopLeftRadius;\r\n gutter.style.borderBottomLeftRadius = css.borderBottomLeftRadius;\r\n // Add line numbers\r\n const lineNumbers = document.createElement(\"div\");\r\n lineNumbers.style.position = \"relative\";\r\n lineNumbers.style.top = \"0px\";\r\n gutter.appendChild(lineNumbers);\r\n // Tweak editor styles\r\n editor.style.paddingLeft = `calc(${opts.width} + ${gutter.style.paddingLeft})`;\r\n editor.style.whiteSpace = \"pre\";\r\n // Swap editor with a wrap\r\n editor.parentNode.insertBefore(wrap, editor);\r\n wrap.appendChild(editor);\r\n return lineNumbers;\r\n}\r\n","export function CodeJar(editor, highlight, opt = {}) {\r\n const options = Object.assign({ tab: \"\\t\", indentOn: /{$/, spellcheck: false, addClosing: true }, opt);\r\n let listeners = [];\r\n let history = [];\r\n let at = -1;\r\n let focus = false;\r\n let callback;\r\n let prev; // code content prior keydown event\r\n let isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\r\n editor.setAttribute(\"contentEditable\", isFirefox ? \"true\" : \"plaintext-only\");\r\n editor.setAttribute(\"spellcheck\", options.spellcheck ? \"true\" : \"false\");\r\n editor.style.outline = \"none\";\r\n editor.style.overflowWrap = \"break-word\";\r\n editor.style.overflowY = \"auto\";\r\n editor.style.resize = \"vertical\";\r\n editor.style.whiteSpace = \"pre-wrap\";\r\n highlight(editor);\r\n const debounceHighlight = debounce(() => {\r\n const pos = save();\r\n highlight(editor);\r\n restore(pos);\r\n }, 30);\r\n let recording = false;\r\n const shouldRecord = (event) => {\r\n return !isUndo(event) && !isRedo(event)\r\n && event.key !== \"Meta\"\r\n && event.key !== \"Control\"\r\n && event.key !== \"Alt\"\r\n && !event.key.startsWith(\"Arrow\");\r\n };\r\n const debounceRecordHistory = debounce((event) => {\r\n if (shouldRecord(event)) {\r\n recordHistory();\r\n recording = false;\r\n }\r\n }, 300);\r\n const on = (type, fn) => {\r\n listeners.push([type, fn]);\r\n editor.addEventListener(type, fn);\r\n };\r\n on(\"keydown\", event => {\r\n if (event.defaultPrevented)\r\n return;\r\n prev = toString();\r\n handleNewLine(event);\r\n handleTabCharacters(event);\r\n if (options.addClosing)\r\n handleSelfClosingCharacters(event);\r\n handleUndoRedo(event);\r\n if (shouldRecord(event) && !recording) {\r\n recordHistory();\r\n recording = true;\r\n }\r\n });\r\n on(\"keyup\", event => {\r\n if (event.defaultPrevented)\r\n return;\r\n if (event.isComposing)\r\n return;\r\n if (prev !== toString())\r\n debounceHighlight();\r\n debounceRecordHistory(event);\r\n if (callback)\r\n callback(toString());\r\n });\r\n on(\"focus\", _event => {\r\n focus = true;\r\n });\r\n on(\"blur\", _event => {\r\n focus = false;\r\n });\r\n on(\"paste\", event => {\r\n recordHistory();\r\n handlePaste(event);\r\n recordHistory();\r\n if (callback)\r\n callback(toString());\r\n });\r\n function save() {\r\n const s = window.getSelection();\r\n const pos = { start: 0, end: 0, dir: undefined };\r\n visit(editor, el => {\r\n if (el === s.anchorNode && el === s.focusNode) {\r\n pos.start += s.anchorOffset;\r\n pos.end += s.focusOffset;\r\n pos.dir = s.anchorOffset <= s.focusOffset ? \"->\" : \"<-\";\r\n return \"stop\";\r\n }\r\n if (el === s.anchorNode) {\r\n pos.start += s.anchorOffset;\r\n if (!pos.dir) {\r\n pos.dir = \"->\";\r\n }\r\n else {\r\n return \"stop\";\r\n }\r\n }\r\n else if (el === s.focusNode) {\r\n pos.end += s.focusOffset;\r\n if (!pos.dir) {\r\n pos.dir = \"<-\";\r\n }\r\n else {\r\n return \"stop\";\r\n }\r\n }\r\n if (el.nodeType === Node.TEXT_NODE) {\r\n if (pos.dir != \"->\")\r\n pos.start += el.nodeValue.length;\r\n if (pos.dir != \"<-\")\r\n pos.end += el.nodeValue.length;\r\n }\r\n });\r\n return pos;\r\n }\r\n function restore(pos) {\r\n const s = window.getSelection();\r\n let startNode, startOffset = 0;\r\n let endNode, endOffset = 0;\r\n if (!pos.dir)\r\n pos.dir = \"->\";\r\n if (pos.start < 0)\r\n pos.start = 0;\r\n if (pos.end < 0)\r\n pos.end = 0;\r\n // Flip start and end if the direction reversed\r\n if (pos.dir == \"<-\") {\r\n const { start, end } = pos;\r\n pos.start = end;\r\n pos.end = start;\r\n }\r\n let current = 0;\r\n visit(editor, el => {\r\n if (el.nodeType !== Node.TEXT_NODE)\r\n return;\r\n const len = (el.nodeValue || \"\").length;\r\n if (current + len >= pos.start) {\r\n if (!startNode) {\r\n startNode = el;\r\n startOffset = pos.start - current;\r\n }\r\n if (current + len >= pos.end) {\r\n endNode = el;\r\n endOffset = pos.end - current;\r\n return \"stop\";\r\n }\r\n }\r\n current += len;\r\n });\r\n // If everything deleted place cursor at editor\r\n if (!startNode)\r\n startNode = editor;\r\n if (!endNode)\r\n endNode = editor;\r\n // Flip back the selection\r\n if (pos.dir == \"<-\") {\r\n [startNode, startOffset, endNode, endOffset] = [endNode, endOffset, startNode, startOffset];\r\n }\r\n s.setBaseAndExtent(startNode, startOffset, endNode, endOffset);\r\n }\r\n function beforeCursor() {\r\n const s = window.getSelection();\r\n const r0 = s.getRangeAt(0);\r\n const r = document.createRange();\r\n r.selectNodeContents(editor);\r\n r.setEnd(r0.startContainer, r0.startOffset);\r\n return r.toString();\r\n }\r\n function afterCursor() {\r\n const s = window.getSelection();\r\n const r0 = s.getRangeAt(0);\r\n const r = document.createRange();\r\n r.selectNodeContents(editor);\r\n r.setStart(r0.endContainer, r0.endOffset);\r\n return r.toString();\r\n }\r\n function handleNewLine(event) {\r\n if (event.key === \"Enter\") {\r\n const before = beforeCursor();\r\n const after = afterCursor();\r\n let [padding] = findPadding(before);\r\n let newLinePadding = padding;\r\n // If last symbol is \"{\" ident new line\r\n // Allow user defines indent rule\r\n if (options.indentOn.test(before)) {\r\n newLinePadding += options.tab;\r\n }\r\n if (isFirefox) {\r\n preventDefault(event);\r\n insert(\"\\n\" + newLinePadding);\r\n }\r\n else {\r\n // Normal browsers\r\n if (newLinePadding.length > 0) {\r\n preventDefault(event);\r\n insert(\"\\n\" + newLinePadding);\r\n }\r\n }\r\n // Place adjacent \"}\" on next line\r\n if (newLinePadding !== padding && after[0] === \"}\") {\r\n const pos = save();\r\n insert(\"\\n\" + padding);\r\n restore(pos);\r\n }\r\n }\r\n }\r\n function handleSelfClosingCharacters(event) {\r\n const open = `([{'\"`;\r\n const close = `)]}'\"`;\r\n const codeAfter = afterCursor();\r\n if (close.includes(event.key) && codeAfter.substr(0, 1) === event.key) {\r\n const pos = save();\r\n preventDefault(event);\r\n pos.start = ++pos.end;\r\n restore(pos);\r\n }\r\n else if (open.includes(event.key)) {\r\n const pos = save();\r\n preventDefault(event);\r\n const text = event.key + close[open.indexOf(event.key)];\r\n insert(text);\r\n pos.start = ++pos.end;\r\n restore(pos);\r\n }\r\n }\r\n function handleTabCharacters(event) {\r\n if (event.key === \"Tab\") {\r\n preventDefault(event);\r\n if (event.shiftKey) {\r\n const before = beforeCursor();\r\n let [padding, start,] = findPadding(before);\r\n if (padding.length > 0) {\r\n const pos = save();\r\n // Remove full length tab or just remaining padding\r\n const len = Math.min(options.tab.length, padding.length);\r\n restore({ start, end: start + len });\r\n document.execCommand(\"delete\");\r\n pos.start -= len;\r\n pos.end -= len;\r\n restore(pos);\r\n }\r\n }\r\n else {\r\n insert(options.tab);\r\n }\r\n }\r\n }\r\n function handleUndoRedo(event) {\r\n if (isUndo(event)) {\r\n preventDefault(event);\r\n at--;\r\n const record = history[at];\r\n if (record) {\r\n editor.innerHTML = record.html;\r\n restore(record.pos);\r\n }\r\n if (at < 0)\r\n at = 0;\r\n }\r\n if (isRedo(event)) {\r\n preventDefault(event);\r\n at++;\r\n const record = history[at];\r\n if (record) {\r\n editor.innerHTML = record.html;\r\n restore(record.pos);\r\n }\r\n if (at >= history.length)\r\n at--;\r\n }\r\n }\r\n function recordHistory() {\r\n if (!focus)\r\n return;\r\n const html = editor.innerHTML;\r\n const pos = save();\r\n const lastRecord = history[at];\r\n if (lastRecord) {\r\n if (lastRecord.html === html\r\n && lastRecord.pos.start === pos.start\r\n && lastRecord.pos.end === pos.end)\r\n return;\r\n }\r\n at++;\r\n history[at] = { html, pos };\r\n history.splice(at + 1);\r\n const maxHistory = 300;\r\n if (at > maxHistory) {\r\n at = maxHistory;\r\n history.splice(0, 1);\r\n }\r\n }\r\n function handlePaste(event) {\r\n preventDefault(event);\r\n const text = (event.originalEvent || event).clipboardData.getData(\"text/plain\");\r\n const pos = save();\r\n insert(text);\r\n highlight(editor);\r\n restore({ start: pos.end + text.length, end: pos.end + text.length });\r\n }\r\n function visit(editor, visitor) {\r\n const queue = [];\r\n if (editor.firstChild)\r\n queue.push(editor.firstChild);\r\n let el = queue.pop();\r\n while (el) {\r\n if (visitor(el) === \"stop\")\r\n break;\r\n if (el.nextSibling)\r\n queue.push(el.nextSibling);\r\n if (el.firstChild)\r\n queue.push(el.firstChild);\r\n el = queue.pop();\r\n }\r\n }\r\n function isCtrl(event) {\r\n return event.metaKey || event.ctrlKey;\r\n }\r\n function isUndo(event) {\r\n return isCtrl(event) && !event.shiftKey && event.code === \"KeyZ\";\r\n }\r\n function isRedo(event) {\r\n return isCtrl(event) && event.shiftKey && event.code === \"KeyZ\";\r\n }\r\n function insert(text) {\r\n text = text\r\n .replace(/&/g, \"&\")\r\n .replace(//g, \">\")\r\n .replace(/\"/g, \""\")\r\n .replace(/'/g, \"'\");\r\n document.execCommand(\"insertHTML\", false, text);\r\n }\r\n function debounce(cb, wait) {\r\n let timeout = 0;\r\n return (...args) => {\r\n clearTimeout(timeout);\r\n timeout = window.setTimeout(() => cb(...args), wait);\r\n };\r\n }\r\n function findPadding(text) {\r\n // Find beginning of previous line.\r\n let i = text.length - 1;\r\n while (i >= 0 && text[i] !== \"\\n\")\r\n i--;\r\n i++;\r\n // Find padding of the line.\r\n let j = i;\r\n while (j < text.length && /[ \\t]/.test(text[j]))\r\n j++;\r\n return [text.substring(i, j) || \"\", i, j];\r\n }\r\n function toString() {\r\n return editor.textContent || \"\";\r\n }\r\n function preventDefault(event) {\r\n event.preventDefault();\r\n }\r\n return {\r\n updateOptions(options) {\r\n options = Object.assign(Object.assign({}, options), options);\r\n },\r\n updateCode(code) {\r\n editor.textContent = code;\r\n highlight(editor);\r\n },\r\n onUpdate(cb) {\r\n callback = cb;\r\n },\r\n toString,\r\n destroy() {\r\n for (let [type, fn] of listeners) {\r\n editor.removeEventListener(type, fn);\r\n }\r\n },\r\n };\r\n}\r\n","\r\n\r\n\r\nconst hello = \"world-{id[6]}\";\r\n/*Drop File Here*/\r\n
\r\n\r\n\r\n","\r\n\r\n\r\n
\r\n \r\n | \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n
\r\n