Files
mermaid-live-editor/beta/_app/pages/edit.svelte-e76fad46.js
T

2 lines
42 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
var t;import{S as e,i as a,s as n,e as s,c as l,a as r,d as i,b as o,f as c,P as h,I as d,Q as u,A as f,R as m,t as p,k as g,g as v,n as b,E as $,T as w,U as x,V as E,W as y,j as k,m as I,o as D,x as T,u as C,v as O,X as S,Y as V,Z as A,h as M,_ as N,$ as L,a0 as R,r as _,w as P,a1 as B,D as U,F as G,G as j,H,a2 as q,a3 as Y,a4 as z,M as J,a5 as F,a6 as K,a7 as W,a8 as Z,l as X,a9 as Q,aa as tt,ab as et}from"../chunks/vendor-d6823437.js";import{c as at,a as nt,u as st,g as lt,b as rt,d as it}from"../chunks/state-b315426a.js";import{t as ot,s as ct}from"../chunks/theme-f30f3931.js";import{h as ht,a as dt,l as ut,g as ft,b as mt,c as pt,V as gt,e as vt,i as bt,s as $t}from"../chunks/util-b7168e1e.js";import{b as wt}from"../chunks/paths-45dac81d.js";import"../chunks/preload-helper-b2c28c98.js";function xt(t){let e;return{c(){e=s("div"),this.h()},l(t){e=l(t,"DIV",{id:!0,class:!0}),r(e).forEach(i),this.h()},h(){o(e,"id","editor"),o(e,"class","overflow-hidden")},m(a,n){c(a,e,n),t[9](e)},p:h,i:h,o:h,d(a){a&&i(e),t[9](null)}}}function Et(t,e,a){let n,s;d(t,ot,(t=>a(10,n=t))),d(t,at,(t=>a(8,s=t)));var l=this&&this.__awaiter||function(t,e,a,n){return new(a||(a=Promise))((function(s,l){function r(t){try{o(n.next(t))}catch(e){l(e)}}function i(t){try{o(n.throw(t))}catch(e){l(e)}}function o(t){var e;t.done?s(t.value):(e=t.value,e instanceof a?e:new a((function(t){t(e)}))).then(r,i)}o((n=n.apply(t,e||[])).next())}))};let r,i,o=null,{text:c}=e,{language:h}=e,{editorOptions:p={value:c,language:h,scrollBeyondLastLine:!1,minimap:{enabled:!1},theme:"myCoolTheme",overviewRulerLanes:0}}=e,{errorMarkers:g=[]}=e,v=c;ot.subscribe((({isDark:t})=>{r&&(null==i||i.editor.setTheme(t?"vs-dark":"vs"))}));const b=u();return f((()=>l(void 0,void 0,void 0,(function*(){try{a(6,i=monaco)}catch(e){yield l(void 0,void 0,void 0,(function*(){let t=0;for(;t++<10;)try{return void a(6,i=monaco)}catch(e){yield new Promise((t=>setTimeout(t,500)))}alert("Loading Monaco Editor failed. Please try refreshing the page.")}))}var t;(t=i).languages.register({id:"mermaid"}),t.languages.setMonarchTokensProvider("mermaid",{typeKeywords:["graph","stateDiagram","sequenceDiagram","classDiagram","pie","erDiagram","flowchart","gantt","gitGraph","journey"],keywords:["participant","as"],arrows:["---","===","--\x3e","==>","->>","->"],tokenizer:{root:[[/[{}]/,"delimiter.bracket"],[/[a-z_$][\w$]*/,{cases:{"@typeKeywords":"keyword","@keywords":"keyword"}}],[/[-=>ox]+/,{cases:{"@arrows":"transition"}}],[/[[{(}]+.+?[)\]}]+/,"string"],[/".*"/,"string"]]},whitespace:[[/[ \t\r\n]+/,"white"],[/%%.*$/,"comment"]]}),t.editor.defineTheme("myCoolTheme",{base:"vs",inherit:!1,rules:[{token:"keyword",foreground:"880000",fontStyle:"bold"},{token:"custom-error",foreground:"ff0000",fontStyle:"bold"},{token:"string",foreground:"AA8500"},{token:"transition",foreground:"008800",fontStyle:"bold"},{token:"delimiter.bracket",foreground:"000000",fontStyle:"bold"}]}),t.languages.registerCompletionItemProvider("mermaid",{provideCompletionItems:()=>({suggestions:[{label:"simpleText",kind:t.languages.CompletionItemKind.Text,insertText:"simpleText"},{label:"testing",kind:t.languages.CompletionItemKind.Keyword,insertText:"testing(${1:condition})",insertTextRules:t.languages.CompletionItemInsertTextRule.InsertAsSnippet},{label:"ifelse",kind:t.languages.CompletionItemKind.Snippet,insertText:["if (${1:condition}) {","\t$0","} else {","\t","}"].join("\n"),insertTextRules:t.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"If-Else Statement"}]})}),a(5,r=i.editor.create(o,p)),r.onDidChangeModelContent((()=>{a(1,c=r.getValue()),b("update",{text:c})})),null==i||i.editor.setTheme(n.isDark?"vs-dark":"vs");return new ResizeObserver((t=>{r.layout({height:t[0].contentRect.height,width:t[0].contentRect.width})})).observe(o.parentElement),()=>{r.dispose()}})))),t.$$set=t=>{"text"in t&&a(1,c=t.text),"language"in t&&a(2,h=t.language),"editorOptions"in t&&a(3,p=t.editorOptions),"errorMarkers"in t&&a(4,g=t.errorMarkers)},t.$$.update=()=>{100&t.$$.dirty&&r&&(null==i||i.editor.setModelLanguage(r.getModel(),h)),498&t.$$.dirty&&(c!==v&&(s.updateEditor&&(null==r||r.setValue(c)),a(7,v=c)),r&&(null==i||i.editor.setModelMarkers(r.getModel(),"test",g)))},[o,c,h,p,g,r,i,v,s,function(t){m[t?"unshift":"push"]((()=>{o=t,a(0,o)}))}]}class yt extends e{constructor(t){super(),a(this,t,Et,xt,n,{text:1,language:2,editorOptions:3,errorMarkers:4})}}function kt(t,e,a){const n=t.slice();return n[3]=e[a],n}function It(t){let e,a,n,h,d,u,f,m=t[3]+"";function x(){return t[2](t[3])}return{c(){e=s("li"),a=s("a"),n=p(m),h=g(),this.h()},l(t){e=l(t,"LI",{class:!0});var s=r(e);a=l(s,"A",{});var o=r(a);n=v(o,m),o.forEach(i),h=b(s),s.forEach(i),this.h()},h(){o(e,"class",d=t[3].includes(t[0].theme)?"bordered":"")},m(t,s){c(t,e,s),$(e,a),$(a,n),$(e,h),u||(f=w(a,"click",x),u=!0)},p(a,n){t=a,1&n&&d!==(d=t[3].includes(t[0].theme)?"bordered":"")&&o(e,"class",d)},d(t){t&&i(e),u=!1,f()}}}function Dt(t){let e,a,n,d,u,f,m,w,y,k,I,D,T,C=t[1],O=[];for(let s=0;s<C.length;s+=1)O[s]=It(kt(t,C,s));return{c(){e=s("div"),a=s("div"),n=x("svg"),d=x("path"),u=g(),f=s("span"),m=p("Change Theme"),w=g(),y=x("svg"),k=x("path"),I=g(),D=s("div"),T=s("ul");for(let t=0;t<O.length;t+=1)O[t].c();this.h()},l(t){e=l(t,"DIV",{class:!0});var s=r(e);a=l(s,"DIV",{tabindex:!0,class:!0});var o=r(a);n=l(o,"svg",{xmlns:!0,fill:!0,viewBox:!0,class:!0},1);var c=r(n);d=l(c,"path",{"stroke-linecap":!0,"stroke-linejoin":!0,"stroke-width":!0,d:!0},1),r(d).forEach(i),c.forEach(i),u=b(o),f=l(o,"SPAN",{class:!0});var h=r(f);m=v(h,"Change Theme"),h.forEach(i),w=b(o),y=l(o,"svg",{xmlns:!0,viewBox:!0,class:!0},1);var p=r(y);k=l(p,"path",{d:!0},1),r(k).forEach(i),p.forEach(i),o.forEach(i),I=b(s),D=l(s,"DIV",{class:!0});var g=r(D);T=l(g,"UL",{tabindex:!0,class:!0});var $=r(T);for(let e=0;e<O.length;e+=1)O[e].l($);$.forEach(i),g.forEach(i),s.forEach(i),this.h()},h(){o(d,"stroke-linecap","round"),o(d,"stroke-linejoin","round"),o(d,"stroke-width","2"),o(d,"d","M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"),o(n,"xmlns","http://www.w3.org/2000/svg"),o(n,"fill","none"),o(n,"viewBox","0 0 24 24"),o(n,"class","inline-block w-6 h-6 stroke-current md:mr-2"),o(f,"class","hidden md:inline"),o(k,"d","M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"),o(y,"xmlns","http://www.w3.org/2000/svg"),o(y,"viewBox","0 0 1792 1792"),o(y,"class","inline-block w-4 h-4 ml-1 fill-current"),o(a,"tabindex","0"),o(a,"class","btn btn-ghost "),o(T,"tabindex","0"),o(T,"class","p-4 menu compact"),o(D,"class","mt-14 overflow-y-auto shadow-2xl top-px dropdown-content h-96 w-52 bg-base-200 text-base-content"),o(e,"class","hidden lg:block dropdown")},m(t,s){c(t,e,s),$(e,a),$(a,n),$(n,d),$(a,u),$(a,f),$(f,m),$(a,w),$(a,y),$(y,k),$(e,I),$(e,D),$(D,T);for(let e=0;e<O.length;e+=1)O[e].m(T,null)},p(t,[e]){if(3&e){let a;for(C=t[1],a=0;a<C.length;a+=1){const n=kt(t,C,a);O[a]?O[a].p(n,e):(O[a]=It(n),O[a].c(),O[a].m(T,null))}for(;a<O.length;a+=1)O[a].d(1);O.length=C.length}},i:h,o:h,d(t){t&&i(e),E(O,t)}}}function Tt(t,e,a){let n;d(t,ot,(t=>a(0,n=t)));return[n,["🌝 light","🌚 dark","🧁 cupcake","🐝 bumblebee","✳️ emerald","🏢 corporate","🌃 synthwave","👴 retro","🤖 cyberpunk","🌸 valentine","🎃 halloween","🌷 garden","🌲 forest","🐟 aqua","👓 lofi","🖍 pastel","🧚‍♀️ fantasy","📝 wireframe","🏴 black","💎 luxury","🧛‍♂️ dracula"],t=>ct(t)]}class Ct extends e{constructor(t){super(),a(this,t,Tt,Dt,n,{})}}function Ot(t,e,a){const n=t.slice();return n[1]=e[a].title,n[2]=e[a].href,n[3]=e[a].icon,n}function St(t){let e,a,n,d,u,f,m=t[1]+"",w=t[3]&&function(t){let e,a;return{c(){e=s("i"),this.h()},l(t){e=l(t,"I",{class:!0}),r(e).forEach(i),this.h()},h(){o(e,"class",a=S(t[3])+" svelte-1163kmr")},m(t,a){c(t,e,a)},p:h,d(t){t&&i(e)}}}(t);return{c(){e=s("li"),a=s("a"),w&&w.c(),n=g(),d=p(m),f=g(),this.h()},l(t){e=l(t,"LI",{});var s=r(e);a=l(s,"A",{class:!0,target:!0,href:!0});var o=r(a);w&&w.l(o),n=b(o),d=v(o,m),o.forEach(i),f=b(s),s.forEach(i),this.h()},h(){o(a,"class","btn btn-ghost "),o(a,"target","_blank"),o(a,"href",u=t[2])},m(t,s){c(t,e,s),$(e,a),w&&w.m(a,null),$(a,n),$(a,d),$(e,f)},p(t,e){t[3]&&w.p(t,e)},d(t){t&&i(e),w&&w.d()}}}function Vt(t){let e,a,n,h,d,u,f,m,w,S,V,A,M,N,L,R,_,P,B,U,G,j,H;B=new Ct({});let q=t[0],Y=[];for(let s=0;s<q.length;s+=1)Y[s]=St(Ot(t,q,s));return{c(){e=s("div"),a=s("div"),n=s("span"),h=s("a"),d=p("Mermaid"),u=s("span"),f=p("v"),m=p(y),w=p(" Live Editor"),S=g(),V=s("label"),A=x("svg"),M=x("title"),N=p("Menu"),L=x("path"),R=g(),_=s("input"),P=g(),k(B.$$.fragment),U=g(),G=s("div"),j=s("ul");for(let t=0;t<Y.length;t+=1)Y[t].c();this.h()},l(t){e=l(t,"DIV",{class:!0});var s=r(e);a=l(s,"DIV",{class:!0});var o=r(a);n=l(o,"SPAN",{class:!0});var c=r(n);h=l(c,"A",{href:!0});var p=r(h);d=v(p,"Mermaid"),u=l(p,"SPAN",{class:!0});var g=r(u);f=v(g,"v"),m=v(g,y),g.forEach(i),w=v(p," Live Editor"),p.forEach(i),c.forEach(i),o.forEach(i),S=b(s),V=l(s,"LABEL",{for:!0,class:!0});var $=r(V);A=l($,"svg",{class:!0,xmlns:!0,width:!0,height:!0,viewBox:!0},1);var x=r(A);M=l(x,"title",{},1);var E=r(M);N=v(E,"Menu"),E.forEach(i),L=l(x,"path",{d:!0},1),r(L).forEach(i),x.forEach(i),$.forEach(i),R=b(s),_=l(s,"INPUT",{class:!0,type:!0,id:!0}),P=b(s),I(B.$$.fragment,s),U=b(s),G=l(s,"DIV",{class:!0,id:!0});var k=r(G);j=l(k,"UL",{class:!0});var D=r(j);for(let e=0;e<Y.length;e+=1)Y[e].l(D);D.forEach(i),k.forEach(i),s.forEach(i),this.h()},h(){o(u,"class","text-xs font-thin"),o(h,"href","/"),o(n,"class","text-lg font-bold"),o(a,"class","flex-1 px-2 mx-2"),o(L,"d","M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"),o(A,"class","fill-current "),o(A,"xmlns","http://www.w3.org/2000/svg"),o(A,"width","20"),o(A,"height","20"),o(A,"viewBox","0 0 20 20"),o(V,"for","menu-toggle"),o(V,"class","pointer-cursor lg:hidden block"),o(_,"class","hidden svelte-1163kmr"),o(_,"type","checkbox"),o(_,"id","menu-toggle"),o(j,"class","lg:flex items-center justify-between text-base pt-4 lg:pt-0"),o(G,"class","hidden lg:flex lg:items-center lg:w-auto w-full svelte-1163kmr"),o(G,"id","menu"),o(e,"class","navbar mb-2 shadow-lg bg-primary svelte-1163kmr")},m(t,s){c(t,e,s),$(e,a),$(a,n),$(n,h),$(h,d),$(h,u),$(u,f),$(u,m),$(h,w),$(e,S),$(e,V),$(V,A),$(A,M),$(M,N),$(A,L),$(e,R),$(e,_),$(e,P),D(B,e,null),$(e,U),$(e,G),$(G,j);for(let e=0;e<Y.length;e+=1)Y[e].m(j,null);H=!0},p(t,[e]){if(1&e){let a;for(q=t[0],a=0;a<q.length;a+=1){const n=Ot(t,q,a);Y[a]?Y[a].p(n,e):(Y[a]=St(n),Y[a].c(),Y[a].m(j,null))}for(;a<Y.length;a+=1)Y[a].d(1);Y.length=q.length}},i(t){H||(T(B.$$.fragment,t),H=!0)},o(t){C(B.$$.fragment,t),H=!1},d(t){t&&i(e),O(B),E(Y,t)}}}function At(t){return[[{title:"Documentation",href:"https://mermaid-js.github.io/mermaid/#/n00b-gettingStarted"},{title:"Tutorial",href:"https://github.com/mermaid-js/mermaid/blob/develop/docs/Tutorials.md"},{title:"Mermaid",href:"https://github.com/mermaid-js/mermaid"},{title:"CLI",href:"https://github.com/mermaid-js/mermaid-cli"},{title:"",href:"https://github.com/mermaid-js/mermaid-live-editor",icon:"fab fa-github fa-lg"}]]}null==(t=nt)||t.track("version",{mermaidVersion:y});class Mt extends e{constructor(t){super(),a(this,t,At,Vt,n,{})}}function Nt(t,e,a){const n=t.slice();return n[10]=e[a],n}function Lt(t){let e;return{c(){e=s("i"),this.h()},l(t){e=l(t,"I",{class:!0}),r(e).forEach(i),this.h()},h(){o(e,"class","fas fa-chevron-right icon svelte-1qkpo3v"),V(e,"isOpen",t[0])},m(t,a){c(t,e,a)},p(t,a){1&a&&V(e,"isOpen",t[0])},d(t){t&&i(e)}}}function Rt(t){let e,a,n,h=t[2],d=[];for(let s=0;s<h.length;s+=1)d[s]=_t(Nt(t,h,s));return{c(){e=s("ul");for(let t=0;t<d.length;t+=1)d[t].c();this.h()},l(t){e=l(t,"UL",{class:!0});var a=r(e);for(let e=0;e<d.length;e+=1)d[e].l(a);a.forEach(i),this.h()},h(){o(e,"class","tabs")},m(t,a){c(t,e,a);for(let n=0;n<d.length;n+=1)d[n].m(e,null);n=!0},p(t,a){if(52&a){let n;for(h=t[2],n=0;n<h.length;n+=1){const s=Nt(t,h,n);d[n]?d[n].p(s,a):(d[n]=_t(s),d[n].c(),d[n].m(e,null))}for(;n<d.length;n+=1)d[n].d(1);d.length=h.length}},i(t){n||(N((()=>{a||(a=L(e,R,{},!0)),a.run(1)})),n=!0)},o(t){a||(a=L(e,R,{},!1)),a.run(0),n=!1},d(t){t&&i(e),E(d,t),t&&a&&a.end()}}}function _t(t){let e,a,n,h,d,u,f,m,x,E=t[10].title+"";function y(){return t[8](t[10])}return{c(){e=s("div"),a=s("i"),h=g(),d=p(E),u=g(),this.h()},l(t){e=l(t,"DIV",{class:!0});var n=r(e);a=l(n,"I",{class:!0}),r(a).forEach(i),h=b(n),d=v(n,E),u=b(n),n.forEach(i),this.h()},h(){o(a,"class",n="mr-1 "+t[10].icon+" svelte-1qkpo3v"),o(e,"class",f="tab tab-lifted text-primary-content "+(t[4]===t[10].id?"tab-active":""))},m(t,n){c(t,e,n),$(e,a),$(e,h),$(e,d),$(e,u),m||(x=w(e,"click",A(y)),m=!0)},p(s,l){t=s,4&l&&n!==(n="mr-1 "+t[10].icon+" svelte-1qkpo3v")&&o(a,"class",n),4&l&&E!==(E=t[10].title+"")&&M(d,E),20&l&&f!==(f="tab tab-lifted text-primary-content "+(t[4]===t[10].id?"tab-active":""))&&o(e,"class",f)},d(t){t&&i(e),m=!1,x()}}}function Pt(t){let e,a,n,h,d,u,f,m,x=t[1]&&Lt(t),E=t[0]&&t[2]&&Rt(t);return{c(){e=s("div"),a=s("span"),x&&x.c(),n=g(),h=p(t[3]),d=g(),E&&E.c(),this.h()},l(s){e=l(s,"DIV",{class:!0});var o=r(e);a=l(o,"SPAN",{class:!0});var c=r(a);x&&x.l(c),n=b(c),h=v(c,t[3]),c.forEach(i),d=b(o),E&&E.l(o),o.forEach(i),this.h()},h(){o(a,"class","mr-2 font-semibold"),o(e,"class","flex cursor-default")},m(s,l){c(s,e,l),$(e,a),x&&x.m(a,null),$(a,n),$(a,h),$(e,d),E&&E.m(e,null),u=!0,f||(m=w(a,"click",A(t[7])),f=!0)},p(t,[s]){t[1]?x?x.p(t,s):(x=Lt(t),x.c(),x.m(a,n)):x&&(x.d(1),x=null),(!u||8&s)&&M(h,t[3]),t[0]&&t[2]?E?(E.p(t,s),5&s&&T(E,1)):(E=Rt(t),E.c(),T(E,1),E.m(e,null)):E&&(_(),C(E,1,1,(()=>{E=null})),P())},i(t){u||(T(E),u=!0)},o(t){C(E),u=!1},d(t){t&&i(e),x&&x.d(),E&&E.d(),f=!1,m()}}}function Bt(t,e,a){let n;var s;let{isCloseable:l=!0}=e,{tabs:r=[]}=e,{title:i}=e,{isOpen:o=!1}=e;const c=u(),h=t=>{a(4,n=t.id),c("select",t)};return t.$$set=t=>{"isCloseable"in t&&a(1,l=t.isCloseable),"tabs"in t&&a(2,r=t.tabs),"title"in t&&a(3,i=t.title),"isOpen"in t&&a(0,o=t.isOpen)},t.$$.update=()=>{68&t.$$.dirty&&a(4,n=null===a(6,s=r[0])||void 0===s?void 0:s.id)},[o,l,r,i,n,h,s,()=>a(0,o=!o),t=>h(t)]}class Ut extends e{constructor(t){super(),a(this,t,Bt,Pt,n,{isCloseable:1,tabs:2,title:3,isOpen:0})}}const Gt=t=>({}),jt=t=>({});function Ht(t){let e,a,n;const h=t[6].default,d=U(h,t,t[5],null);return{c(){e=s("div"),d&&d.c(),this.h()},l(t){e=l(t,"DIV",{class:!0});var a=r(e);d&&d.l(a),a.forEach(i),this.h()},h(){o(e,"class","card-body p-0 flex-grow overflow-auto text-base-content")},m(t,a){c(t,e,a),d&&d.m(e,null),n=!0},p(t,e){d&&d.p&&(!n||32&e)&&G(d,h,t,t[5],n?H(h,t[5],e,null):j(t[5]),null)},i(t){n||(T(d,t),N((()=>{a||(a=L(e,Y,{},!0)),a.run(1)})),n=!0)},o(t){C(d,t),a||(a=L(e,Y,{},!1)),a.run(0),n=!1},d(t){t&&i(e),d&&d.d(t),t&&a&&a.end()}}}function qt(t){let e,a,n,h,d,u,f,p,v,x,E,y,S;function V(e){t[7](e)}let A={tabs:t[2],title:t[3],isCloseable:t[1]};void 0!==t[0]&&(A.isOpen=t[0]),h=new Ut({props:A}),m.push((()=>B(h,"isOpen",V))),h.$on("select",t[8]);const M=t[6].actions,N=U(M,t,t[5],jt);let L=t[0]&&Ht(t);return{c(){e=s("div"),a=s("div"),n=s("div"),k(h.$$.fragment),u=g(),f=s("div"),N&&N.c(),x=g(),L&&L.c(),this.h()},l(t){e=l(t,"DIV",{class:!0});var s=r(e);a=l(s,"DIV",{class:!0});var o=r(a);n=l(o,"DIV",{class:!0});var c=r(n);I(h.$$.fragment,c),u=b(c),f=l(c,"DIV",{class:!0});var d=r(f);N&&N.l(d),d.forEach(i),c.forEach(i),o.forEach(i),x=b(s),L&&L.l(s),s.forEach(i),this.h()},h(){o(f,"class",p="flex gap-x-4 items-center "+(t[4]?"-mt-2":"")),o(n,"class","flex justify-between"),o(a,"class",v="bg-primary p-2 "+(t[4]?"pb-0":"")+" flex-none cursor-pointer"),o(e,"class","card rounded overflow-hidden m-2 flex-grow flex flex-col shadow-2xl")},m(s,l){c(s,e,l),$(e,a),$(a,n),D(h,n,null),$(n,u),$(n,f),N&&N.m(f,null),$(e,x),L&&L.m(e,null),E=!0,y||(S=w(a,"click",t[9]),y=!0)},p(t,[n]){const s={};4&n&&(s.tabs=t[2]),8&n&&(s.title=t[3]),2&n&&(s.isCloseable=t[1]),!d&&1&n&&(d=!0,s.isOpen=t[0],q((()=>d=!1))),h.$set(s),N&&N.p&&(!E||32&n)&&G(N,M,t,t[5],E?H(M,t[5],n,Gt):j(t[5]),jt),(!E||16&n&&p!==(p="flex gap-x-4 items-center "+(t[4]?"-mt-2":"")))&&o(f,"class",p),(!E||16&n&&v!==(v="bg-primary p-2 "+(t[4]?"pb-0":"")+" flex-none cursor-pointer"))&&o(a,"class",v),t[0]?L?(L.p(t,n),1&n&&T(L,1)):(L=Ht(t),L.c(),T(L,1),L.m(e,null)):L&&(_(),C(L,1,1,(()=>{L=null})),P())},i(t){E||(T(h.$$.fragment,t),T(N,t),T(L),E=!0)},o(t){C(h.$$.fragment,t),C(N,t),C(L),E=!1},d(t){t&&i(e),O(h),N&&N.d(t),L&&L.d(),y=!1,S()}}}function Yt(t,e,a){let n,{$$slots:s={},$$scope:l}=e,{isCloseable:r=!0}=e,{isOpen:i=!0}=e,{tabs:o=[]}=e,{title:c}=e;return t.$$set=t=>{"isCloseable"in t&&a(1,r=t.isCloseable),"isOpen"in t&&a(0,i=t.isOpen),"tabs"in t&&a(2,o=t.tabs),"title"in t&&a(3,c=t.title),"$$scope"in t&&a(5,l=t.$$scope)},t.$$.update=()=>{3&t.$$.dirty&&a(0,i=!r||i),5&t.$$.dirty&&a(4,n=i&&o.length>0)},[i,r,o,c,n,l,s,function(t){i=t,a(0,i),a(1,r)},function(e){z.call(this,t,e)},()=>a(0,i=!i)]}class zt extends e{constructor(t){super(),a(this,t,Yt,qt,n,{isCloseable:1,isOpen:0,tabs:2,title:3})}}function Jt(t,e,a){const n=t.slice();return n[3]=e[a],n}function Ft(t){let e,a,n,h,d=t[3]+"";function u(){return t[2](t[3])}return{c(){e=s("button"),a=p(d),this.h()},l(t){e=l(t,"BUTTON",{class:!0});var n=r(e);a=v(n,d),n.forEach(i),this.h()},h(){o(e,"class","btn btn-primary normal-case btn-sm")},m(t,s){c(t,e,s),$(e,a),n||(h=w(e,"click",u),n=!0)},p(e,a){t=e},d(t){t&&i(e),n=!1,h()}}}function Kt(t){let e,a=Object.keys(t[0]),n=[];for(let s=0;s<a.length;s+=1)n[s]=Ft(Jt(t,a,s));return{c(){e=s("div");for(let t=0;t<n.length;t+=1)n[t].c();this.h()},l(t){e=l(t,"DIV",{class:!0});var a=r(e);for(let e=0;e<n.length;e+=1)n[e].l(a);a.forEach(i),this.h()},h(){o(e,"class","flex gap-2 flex-wrap p-2")},m(t,a){c(t,e,a);for(let s=0;s<n.length;s+=1)n[s].m(e,null)},p(t,s){if(3&s){let l;for(a=Object.keys(t[0]),l=0;l<a.length;l+=1){const r=Jt(t,a,l);n[l]?n[l].p(r,s):(n[l]=Ft(r),n[l].c(),n[l].m(e,null))}for(;l<n.length;l+=1)n[l].d(1);n.length=a.length}},d(t){t&&i(e),E(n,t)}}}function Wt(t){let e,a;return e=new zt({props:{title:"Sample Diagrams",isOpen:!1,$$slots:{default:[Kt]},$$scope:{ctx:t}}}),{c(){k(e.$$.fragment)},l(t){I(e.$$.fragment,t)},m(t,n){D(e,t,n),a=!0},p(t,[a]){const n={};64&a&&(n.$$scope={dirty:a,ctx:t}),e.$set(n)},i(t){a||(T(e.$$.fragment,t),a=!0)},o(t){C(e.$$.fragment,t),a=!1},d(t){O(e,t)}}}function Zt(t){const e={"Flow Chart":"graph TD\n A[Christmas] --\x3e|Get money| B(Go shopping)\n B --\x3e C{Let me think}\n C --\x3e|One| D[Laptop]\n C --\x3e|Two| E[iPhone]\n C --\x3e|Three| F[fa:fa-car Car]","Sequence Diagram":"sequenceDiagram\n Alice->>+John: Hello John, how are you?\n Alice->>+John: John, can you hear me?\n John--\x3e>-Alice: Hi Alice, I can hear you!\n John--\x3e>-Alice: I feel great!\n ","Class Diagram":"classDiagram\n Animal <|-- Duck\n Animal <|-- Fish\n Animal <|-- Zebra\n Animal : +int age\n Animal : +String gender\n Animal: +isMammal()\n Animal: +mate()\n class Duck{\n +String beakColor\n +swim()\n +quack()\n }\n class Fish{\n -int sizeInFeet\n -canEat()\n }\n class Zebra{\n +bool is_wild\n +run()\n }\n ","State Diagram":"stateDiagram-v2\n [*] --\x3e Still\n Still --\x3e [*]\n Still --\x3e Moving\n Moving --\x3e Still\n Moving --\x3e Crash\n Crash --\x3e [*]\n ","Gantt Chart":"gantt\n title A Gantt Diagram\n dateFormat YYYY-MM-DD\n section Section\n A task :a1, 2014-01-01, 30d\n Another task :after a1 , 20d\n section Another\n Task in sec :2014-01-12 , 12d\n another task : 24d\n ","Pie Chart":'pie title Pets adopted by volunteers\n "Dogs" : 386\n "Cats" : 85\n "Rats" : 15\n ',"ER Diagram":'erDiagram\n CUSTOMER }|..|{ DELIVERY-ADDRESS : has\n CUSTOMER ||--o{ ORDER : places\n CUSTOMER ||--o{ INVOICE : "liable for"\n DELIVERY-ADDRESS ||--o{ ORDER : receives\n INVOICE ||--|{ ORDER : covers\n ORDER ||--|{ ORDER-ITEM : includes\n PRODUCT-CATEGORY ||--|{ PRODUCT : contains\n PRODUCT ||--o{ ORDER-ITEM : "ordered in"\n ',"Git Graph":'gitGraph:\noptions\n{\n "nodeSpacing": 150,\n "nodeRadius": 10\n}\nend\ncommit\nbranch newbranch\ncheckout newbranch\ncommit\ncommit\ncheckout master\ncommit\ncommit\nmerge newbranch\n\n ',"User Journey":" journey\n title My working day\n section Go to work\n Make tea: 5: Me\n Go upstairs: 3: Me\n Do work: 1: Me, Cat\n section Go home\n Go downstairs: 5: Me\n Sit down: 3: Me\n "},a=t=>{st(e[t],!0,!0)};return[e,a,t=>a(t)]}class Xt extends e{constructor(t){super(),a(this,t,Zt,Wt,n,{})}}function Qt(t){let e,a,n;return{c(){e=s("input"),this.h()},l(t){e=l(t,"INPUT",{id:!0,class:!0,type:!0,min:!0,max:!0}),this.h()},h(){o(e,"id","height"),o(e,"class","input"),o(e,"type","number"),o(e,"min","3"),o(e,"max","10000")},m(s,l){c(s,e,l),F(e,t[5]),a||(n=w(e,"input",t[16]),a=!0)},p(t,a){32&a&&K(e.value)!==t[5]&&F(e,t[5])},d(t){t&&i(e),a=!1,n()}}}function te(t){let e,a,n,d,u,f,m,x,E,y,k,I,D,T,C,O,S,V,A,M,N,L,R,_,P,B,U,G,j,H,q,Y,z,J,K,Z,X,Q,tt,et,at,nt,st,lt,rt,it,ot,ct,ht,dt,ut=t[6](),ft=ut&&function(t){let e,a,n,d,u;return{c(){e=s("button"),a=s("i"),n=p(" Copy Image to clipboard"),this.h()},l(t){e=l(t,"BUTTON",{class:!0});var s=r(e);a=l(s,"I",{class:!0}),r(a).forEach(i),n=v(s," Copy Image to clipboard"),s.forEach(i),this.h()},h(){o(a,"class","far fa-copy mr-2"),o(e,"class","action-btn w-full")},m(s,l){c(s,e,l),$(e,a),$(e,n),d||(u=w(e,"click",t[7]),d=!0)},p:h,d(t){t&&i(e),d=!1,u()}}}(t),mt="auto"!==t[4]&&Qt(t);return{c(){e=s("div"),ft&&ft.c(),a=g(),n=s("button"),d=s("i"),u=p(" PNG"),f=g(),m=s("button"),x=s("i"),E=p(" SVG"),y=g(),k=s("button"),I=s("a"),D=s("i"),T=p(" PNG"),C=g(),O=s("button"),S=s("a"),V=s("i"),A=p(" SVG"),M=g(),N=s("div"),L=p("PNG size\n\t\t\t"),R=s("label"),_=s("input"),P=p(" Auto"),B=g(),U=s("label"),G=s("input"),j=p(" Width"),H=g(),q=s("label"),Y=s("input"),z=p(" Height"),J=g(),mt&&mt.c(),K=g(),Z=s("div"),X=s("input"),Q=g(),tt=s("label"),et=s("button"),at=p("Copy Markdown"),nt=g(),st=s("div"),lt=s("input"),rt=g(),it=s("label"),ot=s("button"),ct=p("Load Gist"),this.h()},l(t){e=l(t,"DIV",{class:!0});var s=r(e);ft&&ft.l(s),a=b(s),n=l(s,"BUTTON",{class:!0});var o=r(n);d=l(o,"I",{class:!0}),r(d).forEach(i),u=v(o," PNG"),o.forEach(i),f=b(s),m=l(s,"BUTTON",{class:!0});var c=r(m);x=l(c,"I",{class:!0}),r(x).forEach(i),E=v(c," SVG"),c.forEach(i),y=b(s),k=l(s,"BUTTON",{class:!0});var h=r(k);I=l(h,"A",{target:!0,href:!0});var p=r(I);D=l(p,"I",{class:!0}),r(D).forEach(i),T=v(p," PNG"),p.forEach(i),h.forEach(i),C=b(s),O=l(s,"BUTTON",{class:!0});var g=r(O);S=l(g,"A",{target:!0,href:!0});var $=r(S);V=l($,"I",{class:!0}),r(V).forEach(i),A=v($," SVG"),$.forEach(i),g.forEach(i),M=b(s),N=l(s,"DIV",{class:!0});var w=r(N);L=v(w,"PNG size\n\t\t\t"),R=l(w,"LABEL",{for:!0});var F=r(R);_=l(F,"INPUT",{type:!0,id:!0}),P=v(F," Auto"),F.forEach(i),B=b(w),U=l(w,"LABEL",{for:!0});var W=r(U);G=l(W,"INPUT",{type:!0,id:!0}),j=v(W," Width"),W.forEach(i),H=b(w),q=l(w,"LABEL",{for:!0});var ht=r(q);Y=l(ht,"INPUT",{type:!0,id:!0}),z=v(ht," Height"),ht.forEach(i),J=b(w),mt&&mt.l(w),w.forEach(i),K=b(s),Z=l(s,"DIV",{class:!0});var dt=r(Z);X=l(dt,"INPUT",{class:!0,id:!0,type:!0}),Q=b(dt),tt=l(dt,"LABEL",{for:!0});var ut=r(tt);et=l(ut,"BUTTON",{class:!0});var pt=r(et);at=v(pt,"Copy Markdown"),pt.forEach(i),ut.forEach(i),dt.forEach(i),nt=b(s),st=l(s,"DIV",{class:!0});var gt=r(st);lt=l(gt,"INPUT",{class:!0,id:!0,type:!0,placeholder:!0}),rt=b(gt),it=l(gt,"LABEL",{for:!0});var vt=r(it);ot=l(vt,"BUTTON",{class:!0});var bt=r(ot);ct=v(bt,"Load Gist"),bt.forEach(i),vt.forEach(i),gt.forEach(i),s.forEach(i),this.h()},h(){o(d,"class","fas fa-download mr-2"),o(n,"class","action-btn flex-auto"),o(x,"class","fas fa-download mr-2"),o(m,"class","action-btn flex-auto"),o(D,"class","fas fa-external-link-alt mr-2"),o(I,"target","_blank"),o(I,"href",t[1]),o(k,"class","action-btn flex-auto"),o(V,"class","fas fa-external-link-alt mr-2"),o(S,"target","_blank"),o(S,"href",t[2]),o(O,"class","action-btn flex-auto"),o(_,"type","radio"),_.__value="auto",_.value=_.__value,o(_,"id","autosize"),t[13][0].push(_),o(R,"for","autosize"),o(G,"type","radio"),G.__value="width",G.value=G.__value,o(G,"id","width"),t[13][0].push(G),o(U,"for","width"),o(Y,"type","radio"),Y.__value="height",Y.value=Y.__value,o(Y,"id","height"),t[13][0].push(Y),o(q,"for","height"),o(N,"class","flex gap-2 items-center"),o(X,"class","input"),o(X,"id","markdown"),o(X,"type","text"),X.value=t[3],o(et,"class","btn btn-primary btn-md flex-auto"),o(tt,"for","markdown"),o(Z,"class","w-full flex gap-2 items-center"),o(lt,"class","input"),o(lt,"id","gist"),o(lt,"type","text"),o(lt,"placeholder","Enter Gist URL"),o(ot,"class","btn btn-primary btn-md flex-auto"),o(it,"for","gist"),o(st,"class","w-full flex gap-2 items-center"),o(e,"class","flex flex-wrap gap-2 m-2")},m(s,l){c(s,e,l),ft&&ft.m(e,null),$(e,a),$(e,n),$(n,d),$(n,u),$(e,f),$(e,m),$(m,x),$(m,E),$(e,y),$(e,k),$(k,I),$(I,D),$(I,T),$(e,C),$(e,O),$(O,S),$(S,V),$(S,A),$(e,M),$(e,N),$(N,L),$(N,R),$(R,_),_.checked=_.__value===t[4],$(R,P),$(N,B),$(N,U),$(U,G),G.checked=G.__value===t[4],$(U,j),$(N,H),$(N,q),$(q,Y),Y.checked=Y.__value===t[4],$(q,z),$(N,J),mt&&mt.m(N,null),$(e,K),$(e,Z),$(Z,X),$(Z,Q),$(Z,tt),$(tt,et),$(et,at),$(e,nt),$(e,st),$(st,lt),F(lt,t[0]),$(st,rt),$(st,it),$(it,ot),$(ot,ct),ht||(dt=[w(n,"click",t[8]),w(m,"click",t[9]),w(_,"change",t[12]),w(G,"change",t[14]),w(Y,"change",t[15]),w(X,"click",t[10]),w(et,"click",t[10]),w(lt,"input",t[17]),w(ot,"click",t[11])],ht=!0)},p(t,e){ut&&ft.p(t,e),2&e&&o(I,"href",t[1]),4&e&&o(S,"href",t[2]),16&e&&(_.checked=_.__value===t[4]),16&e&&(G.checked=G.__value===t[4]),16&e&&(Y.checked=Y.__value===t[4]),"auto"!==t[4]?mt?mt.p(t,e):(mt=Qt(t),mt.c(),mt.m(N,null)):mt&&(mt.d(1),mt=null),8&e&&X.value!==t[3]&&(X.value=t[3]),1&e&&lt.value!==t[0]&&F(lt,t[0])},d(a){a&&i(e),ft&&ft.d(),t[13][0].splice(t[13][0].indexOf(_),1),t[13][0].splice(t[13][0].indexOf(G),1),t[13][0].splice(t[13][0].indexOf(Y),1),mt&&mt.d(),ht=!1,W(dt)}}}function ee(t){let e,a;return e=new zt({props:{title:"Actions",isOpen:!1,$$slots:{default:[te]},$$scope:{ctx:t}}}),{c(){k(e.$$.fragment)},l(t){I(e.$$.fragment,t)},m(t,n){D(e,t,n),a=!0},p(t,[a]){const n={};8388671&a&&(n.$$scope={dirty:a,ctx:t}),e.$set(n)},i(t){a||(T(e.$$.fragment,t),a=!0)},o(t){C(e.$$.fragment,t),a=!1},d(t){O(e,t)}}}function ae(t,e,a){const n=(t,e,a)=>{null==t||t.setAttribute("height",`${a}px`),null==t||t.setAttribute("width",`${e}px`),t||(t=document.querySelector("#container svg"));const n=t.outerHTML.replaceAll("<br>","<br/>").replaceAll(/<img([^>]*)>/g,((t,e)=>`<img ${e} />`));return J(n)},s=(t,e)=>{const a=document.createElement("canvas"),s=document.querySelector("#container svg"),l=s.getBoundingClientRect();if(a.width=l.width,a.height=l.height,"width"===u){const t=l.height/l.width;a.width=f,a.height=f*t}else if("height"===u){const t=l.width/l.height;a.width=f*t,a.height=f}const r=a.getContext("2d");r.fillStyle="white",r.fillRect(0,0,a.width,a.height);const i=new Image;i.onload=e(r,i),i.src=`data:image/svg+xml;base64,${n(s,a.width,a.height)}`,t.stopPropagation(),t.preventDefault()},l=(t,e)=>{const a=document.createElement("a");a.download=t,a.href=e,a.click(),a.remove()},r=(t,e)=>()=>{const{canvas:a}=t;t.drawImage(e,0,0,a.width,a.height),l(`mermaid-diagram-${Z().format("YYYYMMDDHHmmss")}.png`,a.toDataURL("image/png").replace("image/png","image/octet-stream"))},i=(t,e)=>()=>{const{canvas:a}=t;t.drawImage(e,0,0,a.width,a.height),a.toBlob((t=>{try{navigator.clipboard.write([new ClipboardItem({[t.type]:t})])}catch(e){console.error(e)}}))};let o="";at.subscribe((t=>{var e;"gist"===(null===(e=t.loader)||void 0===e?void 0:e.type)&&a(0,o=t.loader.config.url)}));let c,h,d,u="auto",f=1080;at.subscribe((t=>{const e=JSON.parse(JSON.stringify(t));"string"==typeof e.mermaid&&(e.mermaid=JSON.parse(e.mermaid));const n=J(JSON.stringify(e),!0);a(1,c=`https://mermaid.ink/img/${n}`),a(2,h=`https://mermaid.ink/svg/${n}`),a(3,d=`[![](${c})](${window.location.protocol}//${window.location.host}${window.location.pathname}#${window.location.hash})`)}));return[o,c,h,d,u,f,()=>Object.prototype.hasOwnProperty.call(window,"ClipboardItem"),t=>{s(t,i)},t=>{s(t,r)},()=>{l(`mermaid-diagram-${Z().format("YYYYMMDDHHmmss")}.svg`,`data:image/svg+xml;base64,${n()}`)},()=>{document.getElementById("markdown").select(),document.execCommand("Copy")},()=>{o||alert("Please enter a Gist URL first"),window.location.href=`${window.location.pathname}?gist=${o}`},function(){u=this.__value,a(4,u)},[[]],function(){u=this.__value,a(4,u)},function(){u=this.__value,a(4,u)},function(){f=K(this.value),a(5,f)},function(){o=this.value,a(0,o)}]}class ne extends e{constructor(t){super(),a(this,t,ae,ee,n,{})}}function se(t,e,a){const n=t.slice();return n[15]=e[a].state,n[16]=e[a].time,n[17]=e[a].name,n[18]=e[a].url,n[19]=e[a].type,n}function le(t){let e,a,n,d,u,f;return{c(){e=s("div"),a=p("No items in History"),n=s("br"),d=p("\n\t\t\t\tClick the Save button to save current state and restore it later."),u=s("br"),f=p("\n\t\t\t\tTimeline will automatically be saved every minute."),this.h()},l(t){e=l(t,"DIV",{class:!0});var s=r(e);a=v(s,"No items in History"),n=l(s,"BR",{}),d=v(s,"\n\t\t\t\tClick the Save button to save current state and restore it later."),u=l(s,"BR",{}),f=v(s,"\n\t\t\t\tTimeline will automatically be saved every minute."),s.forEach(i),this.h()},h(){o(e,"class","m-2")},m(t,s){c(t,e,s),$(e,a),$(e,n),$(e,d),$(e,u),$(e,f)},p:h,d(t){t&&i(e)}}}function re(t){let e,a=t[3],n=[];for(let s=0;s<a.length;s+=1)n[s]=he(se(t,a,s));return{c(){for(let t=0;t<n.length;t+=1)n[t].c();e=X()},l(t){for(let e=0;e<n.length;e+=1)n[e].l(t);e=X()},m(t,a){for(let e=0;e<n.length;e+=1)n[e].m(t,a);c(t,e,a)},p(t,s){if(456&s){let l;for(a=t[3],l=0;l<a.length;l+=1){const r=se(t,a,l);n[l]?n[l].p(r,s):(n[l]=he(r),n[l].c(),n[l].m(e.parentNode,e))}for(;l<n.length;l+=1)n[l].d(1);n.length=a.length}},d(t){E(n,t),t&&i(e)}}}function ie(t){let e,a,n=t[17]+"";return{c(){e=s("span"),a=p(n)},l(t){e=l(t,"SPAN",{});var s=r(e);a=v(s,n),s.forEach(i)},m(t,n){c(t,e,n),$(e,a)},p(t,e){8&e&&n!==(n=t[17]+"")&&M(a,n)},d(t){t&&i(e)}}}function oe(t){let e,a,n,h=t[17]+"";return{c(){e=s("a"),a=p(h),this.h()},l(t){e=l(t,"A",{href:!0,target:!0,title:!0,class:!0});var n=r(e);a=v(n,h),n.forEach(i),this.h()},h(){o(e,"href",n=t[18]),o(e,"target","_blank"),o(e,"title","Open revision in new tab"),o(e,"class","hover:underline text-blue-500")},m(t,n){c(t,e,n),$(e,a)},p(t,s){8&s&&h!==(h=t[17]+"")&&M(a,h),8&s&&n!==(n=t[18])&&o(e,"href",n)},d(t){t&&i(e)}}}function ce(t){let e,a,n,h,d;function u(){return t[12](t[16])}return{c(){e=s("button"),a=s("i"),n=p(" Delete"),this.h()},l(t){e=l(t,"BUTTON",{class:!0});var s=r(e);a=l(s,"I",{class:!0}),r(a).forEach(i),n=v(s," Delete"),s.forEach(i),this.h()},h(){o(a,"class","fas fa-trash-alt mr-1"),o(e,"class","btn btn-error")},m(t,s){c(t,e,s),$(e,a),$(e,n),h||(d=w(e,"click",u),h=!0)},p(e,a){t=e},d(t){t&&i(e),h=!1,d()}}}function he(t){let e,a,n,h,d,u,f,m,x,E,y,k,I,D,T,C,O=t[8](t[16])+"";function S(t,e){return t[18]?oe:ie}let V=S(t),A=V(t);function N(){return t[11](t[15])}let L="loader"!==t[19]&&ce(t);return{c(){e=s("li"),a=s("div"),n=s("div"),h=s("div"),A.c(),d=g(),u=s("span"),f=p(O),m=g(),x=s("div"),E=s("button"),y=s("i"),k=p(" Restore"),I=g(),L&&L.c(),D=g(),this.h()},l(t){e=l(t,"LI",{class:!0});var s=r(e);a=l(s,"DIV",{class:!0});var o=r(a);n=l(o,"DIV",{class:!0});var c=r(n);h=l(c,"DIV",{class:!0});var p=r(h);A.l(p),d=b(p),u=l(p,"SPAN",{class:!0});var g=r(u);f=v(g,O),g.forEach(i),p.forEach(i),c.forEach(i),m=b(o),x=l(o,"DIV",{class:!0});var $=r(x);E=l($,"BUTTON",{class:!0});var w=r(E);y=l(w,"I",{class:!0}),r(y).forEach(i),k=v(w," Restore"),w.forEach(i),I=b($),L&&L.l($),$.forEach(i),o.forEach(i),D=b(s),s.forEach(i),this.h()},h(){o(u,"class","text-gray-400 text-sm"),o(h,"class","flex flex-col text-base-content"),o(n,"class","flex-1"),o(y,"class","fas fa-undo mr-1"),o(E,"class","btn btn-success"),o(x,"class","flex gap-2 content-center"),o(a,"class","flex"),o(e,"class","rounded p-2 shadow flex-col")},m(t,s){c(t,e,s),$(e,a),$(a,n),$(n,h),A.m(h,null),$(h,d),$(h,u),$(u,f),$(a,m),$(a,x),$(x,E),$(E,y),$(E,k),$(x,I),L&&L.m(x,null),$(e,D),T||(C=w(E,"click",N),T=!0)},p(e,a){V===(V=S(t=e))&&A?A.p(t,a):(A.d(1),A=V(t),A&&(A.c(),A.m(h,d))),8&a&&O!==(O=t[8](t[16])+"")&&M(f,O),"loader"!==t[19]?L?L.p(t,a):(L=ce(t),L.c(),L.m(x,null)):L&&(L.d(1),L=null)},d(t){t&&i(e),A.d(),L&&L.d(),T=!1,C()}}}function de(t){let e;function a(t,e){return t[3].length>0?re:le}let n=a(t),h=n(t);return{c(){e=s("ul"),h.c(),this.h()},l(t){e=l(t,"UL",{class:!0,id:!0});var a=r(e);h.l(a),a.forEach(i),this.h()},h(){o(e,"class","p-2 space-y-2 overflow-auto h-56"),o(e,"id","historyList")},m(t,a){c(t,e,a),h.m(e,null)},p(t,s){n===(n=a(t))&&h?h.p(t,s):(h.d(1),h=n(t),h&&(h.c(),h.m(e,null)))},d(t){t&&i(e),h.d()}}}function ue(t){let e,a,n,d;return{c(){e=s("button"),a=s("i"),this.h()},l(t){e=l(t,"BUTTON",{id:!0,class:!0,title:!0});var n=r(e);a=l(n,"I",{class:!0}),r(a).forEach(i),n.forEach(i),this.h()},h(){o(a,"class","fas fa-trash-alt"),o(e,"id","clearHistory"),o(e,"class","btn btn-xs btn-error w-12"),o(e,"title","Delete all saved states")},m(s,l){c(s,e,l),$(e,a),n||(d=w(e,"click",A(t[10])),n=!0)},p:h,d(t){t&&i(e),n=!1,d()}}}function fe(t){let e,a,n,h,d,u,f="loader"!==t[2]&&ue(t);return{c(){e=s("div"),a=s("button"),n=s("i"),h=g(),f&&f.c(),this.h()},l(t){e=l(t,"DIV",{slot:!0});var s=r(e);a=l(s,"BUTTON",{id:!0,class:!0,title:!0});var o=r(a);n=l(o,"I",{class:!0}),r(n).forEach(i),o.forEach(i),h=b(s),f&&f.l(s),s.forEach(i),this.h()},h(){o(n,"class","far fa-save"),o(a,"id","saveHistory"),o(a,"class","btn btn-xs btn-success w-12"),o(a,"title","Save current state"),o(e,"slot","actions")},m(s,l){c(s,e,l),$(e,a),$(a,n),$(e,h),f&&f.m(e,null),d||(u=w(a,"click",A(t[9])),d=!0)},p(t,a){"loader"!==t[2]?f?f.p(t,a):(f=ue(t),f.c(),f.m(e,null)):f&&(f.d(1),f=null)},d(t){t&&i(e),f&&f.d(),d=!1,u()}}}function me(t){let e,a,n;function s(e){t[13](e)}let l={tabs:t[0],title:"History",$$slots:{actions:[fe],default:[de]},$$scope:{ctx:t}};return void 0!==t[1]&&(l.isOpen=t[1]),e=new zt({props:l}),m.push((()=>B(e,"isOpen",s))),e.$on("select",t[4]),{c(){k(e.$$.fragment)},l(t){I(e.$$.fragment,t)},m(t,a){D(e,t,a),n=!0},p(t,[n]){const s={};1&n&&(s.tabs=t[0]),4194316&n&&(s.$$scope={dirty:n,ctx:t}),!a&&2&n&&(a=!0,s.isOpen=t[1],q((()=>a=!1))),e.$set(s)},i(t){n||(T(e.$$.fragment,t),n=!0)},o(t){C(e.$$.fragment,t),n=!1},d(t){O(e,t)}}}function pe(t,e,a){let n,s,l;d(t,at,(t=>a(14,n=t))),d(t,ht,(t=>a(2,s=t))),d(t,dt,(t=>a(3,l=t)));let r=[{id:"manual",title:"Saved",icon:"far fa-bookmark"},{id:"auto",title:"Timeline",icon:"fas fa-history"}];const i=(t=!1)=>{const e=lt();ft(t)!==e?mt({state:n,time:Date.now(),type:t?"auto":"manual"}):t||alert("State already saved.")},o=t=>{(t||confirm("Clear all saved items?"))&&pt(t)},c=t=>{at.set(Object.assign(Object.assign({},t),{updateEditor:!0,updateDiagram:!0}))};f((()=>{ht.set("manual"),setInterval((()=>{i(!0)}),6e4)})),ut.subscribe((t=>{t.length>0&&2===r.length&&(a(0,r=[{id:"loader",title:"Revisions",icon:"fab fa-git-alt"},...r]),ht.set("loader"))}));let h=!0;return[r,h,s,l,t=>{ht.set(t.detail.id)},i,o,c,t=>{const e=new Date(t);return`${new Date(e).toLocaleString()} (${Z(e).fromNow()})`},()=>i(),()=>o(),t=>c(t),t=>o(t),function(t){h=t,a(1,h)}]}class ge extends e{constructor(t){super(),a(this,t,pe,me,n,{})}}function ve(t){let e,a,n;function s(e){t[10](e)}let l={language:t[2],errorMarkers:t[3]};return void 0!==t[1]&&(l.text=t[1]),e=new yt({props:l}),m.push((()=>B(e,"text",s))),e.$on("update",t[6]),{c(){k(e.$$.fragment)},l(t){I(e.$$.fragment,t)},m(t,a){D(e,t,a),n=!0},p(t,n){const s={};4&n&&(s.language=t[2]),8&n&&(s.errorMarkers=t[3]),!a&&2&n&&(a=!0,s.text=t[1],q((()=>a=!1))),e.$set(s)},i(t){n||(T(e.$$.fragment,t),n=!0)},o(t){C(e.$$.fragment,t),n=!1},d(t){O(e,t)}}}function be(t){let e,a,n,d;return{c(){e=s("button"),a=s("i"),this.h()},l(t){e=l(t,"BUTTON",{class:!0,title:!0,"data-cy":!0});var n=r(e);a=l(n,"I",{class:!0}),r(a).forEach(i),n.forEach(i),this.h()},h(){o(a,"class","fas fa-sync"),o(e,"class","btn btn-secondary btn-xs"),o(e,"title","Sync Diagram"),o(e,"data-cy","sync")},m(t,s){c(t,e,s),$(e,a),n||(d=w(e,"click",$t),n=!0)},p:h,d(t){t&&i(e),n=!1,d()}}}function $e(t){let e,a,n,h,d,u,f,m,x,E,y,k=!t[0].autoSync&&be();return{c(){e=s("div"),a=s("div"),k&&k.c(),n=g(),h=s("div"),d=s("label"),u=s("input"),f=g(),m=s("span"),x=p("Auto sync"),this.h()},l(t){e=l(t,"DIV",{slot:!0});var s=r(e);a=l(s,"DIV",{class:!0});var o=r(a);k&&k.l(o),n=b(o),h=l(o,"DIV",{class:!0});var c=r(h);d=l(c,"LABEL",{class:!0,for:!0});var p=r(d);u=l(p,"INPUT",{type:!0,class:!0,id:!0}),f=b(p),m=l(p,"SPAN",{});var g=r(m);x=v(g,"Auto sync"),g.forEach(i),p.forEach(i),c.forEach(i),o.forEach(i),s.forEach(i),this.h()},h(){o(u,"type","checkbox"),o(u,"class","toggle toggle-primary mr-1"),o(u,"id","autoSync"),o(d,"class","cursor-pointer label"),o(d,"for","autoSync"),o(h,"class","form-control"),o(a,"class","flex flex-row items-center"),o(e,"slot","actions")},m(s,l){c(s,e,l),$(e,a),k&&k.m(a,null),$(a,n),$(a,h),$(h,d),$(d,u),u.checked=t[0].autoSync,$(d,f),$(d,m),$(m,x),E||(y=w(u,"change",t[9]),E=!0)},p(t,e){t[0].autoSync?k&&(k.d(1),k=null):k?k.p(t,e):(k=be(),k.c(),k.m(a,n)),1&e&&(u.checked=t[0].autoSync)},d(t){t&&i(e),k&&k.d(),E=!1,y()}}}function we(t){let e,a,n;return a=new gt({}),{c(){e=s("div"),k(a.$$.fragment),this.h()},l(t){e=l(t,"DIV",{class:!0});var n=r(e);I(a.$$.fragment,n),n.forEach(i),this.h()},h(){o(e,"class","flex-1 overflow-auto")},m(t,s){c(t,e,s),D(a,e,null),n=!0},i(t){n||(T(a.$$.fragment,t),n=!0)},o(t){C(a.$$.fragment,t),n=!1},d(t){t&&i(e),O(a)}}}function xe(t){let e,a,n,d,u;return{c(){e=s("button"),a=s("i"),n=p(" View"),this.h()},l(t){e=l(t,"BUTTON",{slot:!0,class:!0,title:!0});var s=r(e);a=l(s,"I",{class:!0}),r(a).forEach(i),n=v(s," View"),s.forEach(i),this.h()},h(){o(a,"class","far fa-eye mr-2"),o(e,"slot","actions"),o(e,"class","btn btn-primary btn-xs shadow-lg"),o(e,"title","View diagram in new page")},m(s,l){c(s,e,l),$(e,a),$(e,n),d||(u=w(e,"click",A(t[11])),d=!0)},p:h,d(t){t&&i(e),d=!1,u()}}}function Ee(t){let e,a,n,h,d,u,f,m,w,x,E,y,S,V,A,M,N,L,R,_,P,B;return a=new Mt({}),u=new zt({props:{tabs:t[5],isCloseable:!1,title:"Mermaid",$$slots:{actions:[$e],default:[ve]},$$scope:{ctx:t}}}),u.$on("select",t[4]),w=new Xt({}),E=new ge({}),S=new ne({}),L=new zt({props:{title:"Diagram",isCloseable:!1,$$slots:{actions:[xe],default:[we]},$$scope:{ctx:t}}}),{c(){e=s("div"),k(a.$$.fragment),n=g(),h=s("div"),d=s("div"),k(u.$$.fragment),f=g(),m=s("div"),k(w.$$.fragment),x=g(),k(E.$$.fragment),y=g(),k(S.$$.fragment),V=g(),A=s("div"),M=g(),N=s("div"),k(L.$$.fragment),R=g(),_=s("div"),P=p("Code editing not supported on mobile. Please use a desktop browser."),this.h()},l(t){e=l(t,"DIV",{class:!0});var s=r(e);I(a.$$.fragment,s),n=b(s),h=l(s,"DIV",{class:!0});var o=r(h);d=l(o,"DIV",{class:!0,id:!0,style:!0});var c=r(d);I(u.$$.fragment,c),f=b(c),m=l(c,"DIV",{class:!0});var p=r(m);I(w.$$.fragment,p),x=b(p),I(E.$$.fragment,p),y=b(p),I(S.$$.fragment,p),p.forEach(i),c.forEach(i),V=b(o),A=l(o,"DIV",{id:!0,class:!0}),r(A).forEach(i),M=b(o),N=l(o,"DIV",{class:!0});var g=r(N);I(L.$$.fragment,g),R=b(g),_=l(g,"DIV",{class:!0});var $=r(_);P=v($,"Code editing not supported on mobile. Please use a desktop browser."),$.forEach(i),g.forEach(i),o.forEach(i),s.forEach(i),this.h()},h(){o(m,"class","-mt-2"),o(d,"class","hidden md:flex flex-col"),o(d,"id","editorPane"),Q(d,"width","40%"),o(A,"id","resizeHandler"),o(A,"class","hidden md:block svelte-1fge7im"),o(_,"class","md:hidden rounded shadow p-2 mx-2"),o(N,"class","flex-1 flex flex-col overflow-hidden"),o(h,"class","flex-1 flex overflow-hidden"),o(e,"class","h-full flex flex-col overflow-hidden")},m(t,s){c(t,e,s),D(a,e,null),$(e,n),$(e,h),$(h,d),D(u,d,null),$(d,f),$(d,m),D(w,m,null),$(m,x),D(E,m,null),$(m,y),D(S,m,null),$(h,V),$(h,A),$(h,M),$(h,N),D(L,N,null),$(N,R),$(N,_),$(_,P),B=!0},p(t,[e]){const a={};131087&e&&(a.$$scope={dirty:e,ctx:t}),u.$set(a);const n={};131072&e&&(n.$$scope={dirty:e,ctx:t}),L.$set(n)},i(t){B||(T(a.$$.fragment,t),T(u.$$.fragment,t),T(w.$$.fragment,t),T(E.$$.fragment,t),T(S.$$.fragment,t),T(L.$$.fragment,t),B=!0)},o(t){C(a.$$.fragment,t),C(u.$$.fragment,t),C(w.$$.fragment,t),C(E.$$.fragment,t),C(S.$$.fragment,t),C(L.$$.fragment,t),B=!1},d(t){t&&i(e),O(a),O(u),O(w),O(E),O(S),O(L)}}}function ye(t,e,a){let n,s;d(t,rt,(t=>a(12,n=t))),d(t,at,(t=>a(0,s=t)));var l=this&&this.__awaiter||function(t,e,a,n){return new(a||(a=Promise))((function(s,l){function r(t){try{o(n.next(t))}catch(e){l(e)}}function i(t){try{o(n.throw(t))}catch(e){l(e)}}function o(t){var e;t.done?s(t.value):(e=t.value,e instanceof a?e:new a((function(t){t(e)}))).then(r,i)}o((n=n.apply(t,e||[])).next())}))};let r="code";const i={code:"mermaid",config:"json"};let o="",c="mermaid",h=[];at.subscribe((t=>{t.updateEditor&&a(1,o="code"===r?t.code:t.mermaid)}));const u=()=>{window.open(`${wt}/view#${n}`,"_blank").focus()};f((()=>l(void 0,void 0,void 0,(function*(){yield bt();const t=document.getElementById("resizeHandler"),e=document.getElementById("editorPane"),a=t=>{const a=t.pageX-e.getBoundingClientRect().left;a>50&&(e.style.width=`${a}px`)},n=()=>{window.removeEventListener("mousemove",a)};t.addEventListener("mousedown",(t=>{t.preventDefault(),window.addEventListener("mousemove",a),window.addEventListener("mouseup",n)}))}))));return t.$$.update=()=>{256&t.$$.dirty&&a(2,c=i[r]),257&t.$$.dirty&&a(1,o="code"===r?s.code:s.mermaid)},[s,o,c,h,t=>{tt(at,s.updateEditor=!0,s),a(8,r=t.detail.id)},[{id:"code",title:"Code",icon:"fas fa-code"},{id:"config",title:"Config",icon:"fas fa-cogs"}],t=>{try{"code"===r?(n=t.detail.text,et.exports.parse(n),st(n,!1)):(e=t.detail.text,JSON.parse(e),it(e,!1)),vt.set(void 0),a(3,h=[])}catch(s){if(vt.set(s),s.hash){const t={severity:8,startLineNumber:s.hash.loc.first_line,startColumn:s.hash.loc.first_column,endLineNumber:s.hash.loc.last_line,endColumn:s.hash.loc.last_column+1,message:s.str};h.push(t),a(3,h=h.filter((e=>e.startLineNumber>=t.startLineNumber&&e.startColumn>=t.startColumn)))}console.error(s)}var e,n},u,r,function(){s.autoSync=this.checked,at.set(s)},function(t){o=t,a(1,o),a(8,r),a(0,s)},()=>u()]}class ke extends e{constructor(t){super(),a(this,t,ye,Ee,n,{})}}export{ke as default};