From 135f0b1e0df1503a509963397988da05fcd850af Mon Sep 17 00:00:00 2001
From: David Evans <davidje13@users.noreply.github.com>
Date: Mon, 7 May 2018 20:27:51 +0100
Subject: [PATCH] Improve editor and library pages on iOS

---
 index.html                          |   7 +-
 lib/sequence-diagram-web.js         |   2 +
 lib/sequence-diagram-web.min.js     |   2 +-
 lib/sequence-diagram.js             |   2 +
 library.htm                         |   1 +
 scripts/core/DOMWrapper.mjs         |   2 +
 web/lib/editor.js                   | 355 ++++++++++++++++++++--------
 web/lib/editor.min.js               |   2 +-
 web/scripts/editor.mjs              |   7 +-
 web/scripts/interface/Interface.mjs | 346 +++++++++++++++++++--------
 web/styles/editor.css               | 155 ++++++++++--
 web/styles/library.css              | 119 +++++++++-
 12 files changed, 776 insertions(+), 224 deletions(-)

diff --git a/index.html b/index.html
index 4b2bbf7..1c2a566 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,9 @@
 	img-src 'self' blob:;
 	form-action 'none';
 ">
+<meta name="viewport" content="initial-scale=1.0, user-scalable=no, minimal-ui">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="format-detection" content="telephone=no">
 
 <title>Sequence Diagram</title>
 <link rel="icon" href="web/resources/favicon.png">
@@ -89,8 +92,8 @@
 <p class="loadmsg">Loading&hellip;</p>
 <noscript><p class="noscript">This tool requires Javascript!<p></noscript>
 <nav>
-<a href="library.htm" target="_blank">Library</a>
-<a href="https://github.com/davidje13/SequenceDiagram" target="_blank">GitHub</a>
+<a href="library.htm" target="_blank" data-touch="API">Library</a>
+<a href="https://github.com/davidje13/SequenceDiagram" target="_blank" data-touch="Git">GitHub</a>
 </nav>
 </div>
 
diff --git a/lib/sequence-diagram-web.js b/lib/sequence-diagram-web.js
index 48663aa..c882a57 100644
--- a/lib/sequence-diagram-web.js
+++ b/lib/sequence-diagram-web.js
@@ -6984,6 +6984,8 @@
 		}
 	}
 
+	DOMWrapper.WrappedElement = WrappedElement;
+
 	function merge(state, newState) {
 		for(const k in state) {
 			if(Object.prototype.hasOwnProperty.call(state, k)) {
diff --git a/lib/sequence-diagram-web.min.js b/lib/sequence-diagram-web.min.js
index ba50f97..15b5f18 100644
--- a/lib/sequence-diagram-web.min.js
+++ b/lib/sequence-diagram-web.min.js
@@ -1 +1 @@
-!function(){"use strict";function t(t,e,n=null){if(null===n)return t.indexOf(e);for(let s=0;s<t.length;++s)if(n(t[s],e))return s;return-1}function e(e,n=null,s=null){if(n)for(let r=0;r<n.length;++r)-1===t(e,n[r],s)&&e.push(n[r])}function n(e,n=null,s=null){if(n)for(let r=0;r<n.length;++r){const i=t(e,n[r],s);-1!==i&&e.splice(i,1)}}function s(e,n,s=null){const r=t(e,n,s);-1!==r&&e.splice(r,1)}function r(t){return t[t.length-1]}function i(t,e,n,s){if(e>=t.length)return void s.push(n.slice());const r=t[e];if(!Array.isArray(r))return n.push(r),i(t,e+1,n,s),void n.pop();for(let a=0;a<r.length;++a)n.push(r[a]),i(t,e+1,n,s),n.pop()}function a(t,e){const n=[];return t.forEach(t=>{n.push(...e(t))}),n}function o(t,e){const n=It[t.type];return!(!n||t.type!==e.type)&&!n.check.some(n=>t[n]!==e[n])}function l(t,n){It[t.type].merge.forEach(s=>{e(t[s],n[s])})}function h(t,e){for(let n=0;n<t.length;){e(t[n],n)?t.splice(n,1):++n}}function d(t){h(t,(e,n)=>{for(let s=0;s<n;++s)if(o(t[s],e))return l(t[s],e),!0;return!1})}function g(t){const e=new Set,n=t.map(({type:t})=>t);return n.forEach(t=>{const s=It[t];s&&n.every(e=>t===e||s.siblings.has(e))&&e.add(t)}),e}function c(t,e,n,s){h(s,s=>{if(!t.has(s.type)||!e.has(s.type))return!1;for(let t=0;t<n.length;++t)if(o(n[t],s))return l(n[t],s),!0;return!1})}function u(t,e){for(const n of e)n&&("parallel"===n.type?u(t,n.stages):t.push(n))}function p(t,e){if(!t)return"Nothing to run statement in parallel with";const n=[];return u(n,[t]),u(n,[e]),n.some(t=>!Et.includes(t.type))?"Cannot use parallel here":function(t){const e=a(t.filter(t=>"agent begin"===t.type),t=>t.agentIDs);for(const n of t)if("agent end"===n.type)for(const t of n.agentIDs)if(-1!==e.indexOf(t))return"Cannot create and destroy "+t+" simultaneously";return null}(n)||function(t){const e=t.filter(t=>"block begin"===t.type||"block end"===t.type).length;if(!e)return null;if(e!==t.length)return"Cannot use parallel here";const n=t.filter(t=>"block begin"===t.type).map(t=>t.left);for(const e of t)if("block end"===e.type&&-1!==n.indexOf(e.left))return"Cannot create and destroy reference simultaneously";return null}(n)||function(t){const e=t.filter(t=>"connect-delay-begin"===t.type).map(t=>t.tag);for(const n of t)if("connect-delay-end"===n.type&&-1!==e.indexOf(n.tag))return"Cannot start and finish delayed connection simultaneously";return null}(n)}function f(t,e){if("agent begin"===t.type)return t.mode=e,!0;if("parallel"===t.type){let n=!1;return t.stages.forEach(t=>{"agent begin"===t.type&&(t.mode=e,n=!0)}),n}return!1}function m(t,e,n,r=null){s(t,e,St.equals),s(t,n,St.equals);let i=0,a=t.length;if(r){const e=r.map(e=>St.indexOf(t,e)).filter(t=>-1!==t);i=e.reduce((t,e)=>Math.min(t,e),t.length),a=e.reduce((t,e)=>Math.max(t,e),i)+1}return t.splice(i,0,e),t.splice(a+1,0,n),{indexL:i,indexR:a+1}}function b(t,e=[]){return{type:"string",suggest:e,then:Object.assign({"":0},t)}}function x(t,e){return t.v===e.v&&t.prefix===e.prefix&&t.suffix===e.suffix&&t.q===e.q}function y(t,e,n){return a(n.suggest||[""],s=>{if("object"==typeof s)return s.known?t["known"+s.known]||[]:[s];if(""===s)return[function(t,e){return Object.keys(e.then).length>0?{q:!1,suffix:" ",v:t}:{q:!1,suffix:"\n",v:t}}(e,n)];if("string"==typeof s)return[{q:""===e,v:s}];throw new Error("Invalid suggestion type "+s)})}function k(t,n){const s=[],i=r(n);return Object.keys(i.then).forEach(r=>{let a=i.then[r];"number"==typeof a&&(a=n[n.length-a-1]),e(s,y(t,r,a),x)}),s}function w(t,n,s,r){const i=function(t){for(const e of t)if("object"==typeof e&&e.known)return e.known;return null}(r.suggest||[""]);n.type&&i!==n.type&&(!function(t,n,s){e(t["known"+n],[{q:!0,suffix:" ",v:s}],x)}(t,r.override||n.type,n.value),n.value=""),i&&(n.value=function(t,e){return t+(t?e.s:"")+e.v}(n.value,s)),n.type=i}function v(t,e,n){const s={type:"",value:""};let i=n;const a=[i];return t.line.forEach((e,n)=>{n===t.line.length-1&&(t.completions=k(t,a));const o=e.q?"":e.v;let l=i.then[o];void 0===l?(l=i.then[""],t.isVar=!0):t.isVar=e.q,"number"==typeof l?a.length-=l:a.push(l||Tt),i=r(a),w(t,s,e,i)}),e&&w(t,s,null,{}),t.nextCompletions=k(t,a),t.valid=Boolean(i.then["\n"])||0===Object.keys(i.then).length,i.type}function A(t){const e=t.baseToken||{};return{quoted:e.q||!1,value:e.v||""}}function F(t,e,n){return e.lastIndex=n,e.exec(t)}function M(t,e,n){return n?function(t,e,n){if(n.escape){const s=F(t,n.escape,e);if(s)return{appendSpace:"",appendValue:n.escapeWith(s),end:!1,newBlock:null,skip:s[0].length}}const s=F(t,n.end,e);return s?{appendSpace:"",appendValue:n.includeEnd?s[0]:"",end:!0,newBlock:null,skip:s[0].length}:{appendSpace:"",appendValue:t[e],end:!1,newBlock:null,skip:1}}(t,e,n):function(t,e){for(let n=0;n<qt.length;++n){const s=qt[n],r=F(t,s.start,e);if(r)return{appendSpace:"",appendValue:"",end:!s.end,newBlock:s,skip:r[0].length}}return{appendSpace:t[e],appendValue:"",end:!1,newBlock:null,skip:1}}(t,e)}function S(t){return{ch:t.ch,i:t.i,ln:t.ln}}function R(t){const e=Xt.exec(t);return e&&e[1]?e[1].length:0}function C(t){if("label"===t)return{token:"label"};const e=t.indexOf(" ");let n=null,s=null;-1===e?(n=t,s=[]):(n=t.substr(0,e),s=t.substr(e+1).split(","));let r=null;return"inc"===n&&(r=function(t){let e=1,n=1,s=0;return t[0]&&(e=Number(t[0]),s=Math.max(s,R(t[0]))),t[1]&&(n=Number(t[1]),s=Math.max(s,R(t[1]))),Number.isNaN(e)||Number.isNaN(n)?null:{dp:s,inc:n,start:e}}(s)),r||"<"+t+">"}function I(t,e,n){const s=" "+t+" ",r=e+1;let i={end:0,match:null,start:s.length,styleIndex:-1};const a=s.indexOf("",r);return-1!==a&&(i={end:a+1,match:null,start:a,styleIndex:_t}),Jt.forEach(({all:t,begin:e,end:a},o)=>{const l=t||(null===n[o]?e:a);l.matcher.lastIndex=r-l.skip,i=function(t,e,n,s){if(!s)return t;const r=s.index+n.skip,i=n.matcher.lastIndex;return r<t.start||r===t.start&&i>t.end?{end:i,match:s,start:r,styleIndex:e}:t}(i,o,l,l.matcher.exec(s))}),-1===i.styleIndex?null:(--i.end,--i.start,i)}function E(t){return t.replace(Kt,"")}function G(t,e){return"function"==typeof t?t(...e):t}function D(t){if(!t)return[];const e=Jt.map(()=>null);return E(t).split("\n").map(t=>{const n=[];return function(t,e,n){let s=t,r=0,i=0;for(let t=null;t=I(s,r,e);){const{styleIndex:a,start:o,end:l,match:h}=t;if(a!==_t){if(n(s.substring(i,o)),null===e[a]){const t=Jt[a];e[a]=G(t.attrs,[h]),t.all&&(n(G(t.text,[h])),e[a]=null)}else e[a]=null;i=l,r=l}else s=s.substr(0,o)+s.substr(l),r=o+1}n(s.substr(i))}(function(t){return t.replace(Zt," ")}(E(t)),e,t=>{t&&n.push({attrs:function(t){const e={},n=[];let s=!1;return t.forEach(t=>{if(!t)return;const r=t["text-decoration"];r&&!n.includes(r)&&n.push(r),Object.assign(e,t),s=!0}),n.length>1&&(e["text-decoration"]=n.join(" ")),s?e:null}(e),text:t})}),n})}function L(t,e=null){let n="";return e&&(n=" at line "+(e.b.ln+1)+", character "+e.b.ch),new Error(t+n)}function N(t,e=null){return null===e?t.length:e}function z(t,e=0,n=null){const s=N(t,n);if(s<=e)return"";let r=t[e].v;for(let n=e+1;n<s;++n)r+=t[n].s+t[n].v;return r}function O(t){return!t||t.q?null:t.v}function T(t,e,n,s=null){for(let r=0;r<n.length;++r){const i=n[r],a=t[e+r];if(O(a)!==i){if(s)throw L(s+'; expected "'+i+'"',a);return e}}return e+n.length}function B(t,e,{start:n=0,limit:s=null,orEnd:r=!1}={}){const i=N(t,s);for(let s=n;s<=i-e.length;++s)if(T(t,s,e)!==s)return s;return r?i:-1}function V(t,e,n,{flagTypes:s={},aliases:i=!1}={}){const a=[],o=[];let l=e,h=!1;for(;l<n;++l){const e=t[l],n=O(e),r=s[n];if(!r)break;if(a.includes(r.flag))throw L("Duplicate agent flag: "+n,e);h=h||Boolean(r.allowBlankName),a.push(r.flag),o.push(r.blankNameFlag)}const{name:d,alias:g}=function(t,e,n,{enableAlias:s,allowBlankName:i}){let a=n;if(s&&(a=B(t,["as"],{limit:n,orEnd:!0,start:e})),e>=a&&!i){let n=t[e];throw n||(n={b:r(t).e}),L("Missing agent name",n)}return{alias:z(t,a+1,n),name:z(t,e,a)}}(t,l,n,{allowBlankName:h,enableAlias:i});return{alias:g,flags:d?a:o,name:d}}function H(t,e,n,s){const r=[];let i=-1;for(let a=e;a<n;++a){","===O(t[a])?-1!==i&&(r.push(V(t,i,a,s)),i=-1):-1===i&&(i=a)}return-1!==i&&r.push(V(t,i,n,s)),r}function P(t,{meta:e,stages:n}){let s=!1;const[r]=t;"&"===O(r)&&(s=!0,t.splice(0,1));const i=function(t,e){for(const{begin:n,fn:s}of ie){if(T(t,0,n)!==n.length)continue;const r=s(t,e);if(r)return r}return null}(t,e);if(!i)throw L("Unrecognised command: "+z(t),t[0]);if("object"==typeof i)i.ln=r.b.ln,i.parallel=s,n.push(i);else if(s)throw L("Metadata cannot be parallel",r)}function j({agentIDs:t=[],topShift:e=0,y:n=null,asynchronousY:s=null}={},r=null){let i=e;return null!==n&&null!==r&&(i=Math.max(i,n-r)),{agentIDs:t,asynchronousY:null===s?r:s,topShift:i,y:n}}function q(t,e){he.set(t,e)}function Y(t,e){let n=null,s=null;return e.forEach(e=>{const r=t.get(e);(null===n||r.index<n.index)&&(n=r),(null===s||r.index>s.index)&&(s=r)}),{left:n.id,right:s.id}}function U(t=null,e=null){return null===t?e:null===e?t:Math.max(t,e)}function W(t,n){return e(t.agentIDs,n.agentIDs),{agentIDs:t.agentIDs,asynchronousY:U(t.asynchronousY,n.asynchronousY),topShift:Math.max(t.topShift,n.topShift),y:U(t.y,n.y)}}function X(t){return null===t?null:t.element?t.element:t}function Q(t,e,n){if(!Array.isArray(n))throw new Error("Invalid formatted text line: "+n);n.forEach(({text:n,attrs:s})=>{let r=n;s&&((r=s.href?t.el("a").attrs({cursor:"pointer",rel:"nofollow",target:"_blank"}):t.el("tspan")).attrs(s).add(n),s.filter&&r.attr("filter",t.getTextFilter(s.filter))),e.add(r)})}function J(t,e){let n=null,s=null;return e.forEach(e=>{const r=t.get(e);(null===n||r.index<n.index)&&(n=r),(null===s||r.index>s.index)&&(s=r)}),{left:n.id,right:s.id}}function Z(t,e){return t.v===e.v&&t.prefix===e.prefix&&t.suffix===e.suffix&&t.q===e.q}function K(t,e,n){const s=t.getLine(e),r={squash:{ch:n,line:e},word:{ch:n,line:e}};return n>0&&" "===s[n-1]&&(Qe.after.includes(s[n-2])&&r.word.ch--,r.squash.ch--),r}function _(t,e,n){const s=function({v:t,q:e,prefix:n="",suffix:s=""},r){const i=r||!Ze.test(t)?r:'"';return n+(i&&e?i+t.replace(Ke,"\\$&")+i:t)+s}(t,n),r=t.q?e.fromVar:e.fromKey;return"\n"===s?{className:"pick-virtual",displayFrom:null,displayText:"<END>",from:r.squash,text:"\n",to:e.to.squash}:{className:null,displayFrom:r.word,displayText:s.trim(),from:Qe.start.test(s)?r.squash:r.word,text:s,to:Qe.end.test(s)?e.to.squash:e.to.word}}function $({global:t,prefix:e="",suffix:n=""},s){const r=s[t];return r?r.map(t=>({prefix:e,q:!0,suffix:n,v:t})):[]}function tt(t,n,s){let r=null;return r=t.ch>0&&n.state.line.length>0?n.state.completions.slice():n.state.beginCompletions.concat(n.state.knownAgent),function(t,n={}){for(let s=0;s<t.length;)t[s].global?(e(t,$(t[s],n),Z),t.splice(s,1)):++s}(r,s),r}function et(t,e){const n=t.getCursor(),s=function(t,e){const n=t.getLineTokens(e.line);for(let t=0;t<n.length;++t)if(n[t].end>=e.ch){n.length=t+1;break}return n}(t,n),i=r(s)||t.getTokenAt(n),a=function(t,e){let n="",s=0,r=0;t.forEach(t=>{t.state.isVar?(n+=t.string,r=t.end):(n="",s=t.end)}),r>e.ch&&(n=n.substr(0,e.ch-s));const i=Xe.exec(n);n=i[2];let a="";return Je.test(n)&&(a=n.charAt(0),n=n.substr(1)),{from:s+i[1].length,partial:n,quote:a,valid:r>=s}}(s,n),o=function(t,e){let n=t.string;t.end>e.ch&&(n=n.substr(0,e.ch-t.start));const s=Xe.exec(n);return{from:t.start+s[1].length,partial:s[2],valid:!0}}(i,n),l=tt(n,i,t.options.globals),h={fromKey:K(t,n.line,o.from),fromVar:K(t,n.line,a.from),to:function(t,e,n){const s={squash:{ch:n,line:e},word:{ch:n,line:e}};return" "===t.getLine(e)[n]&&s.squash.ch++,s}(t,n.line,i.end)};let d=null;const g=l.filter(t=>(t.q||!a.quote)&&function(t,e){return e.valid&&t.startsWith(e.partial)}(t.v,t.q?a:o)).map(t=>e.completeSingle||t.v!==(t.q?a:o).partial?_(t,h,a.quote):(d=t,null)).filter(t=>null!==t);return d&&g.length>0&&g.unshift(_(d,h,a.quote)),{from:function(t,e){let n=null;return t.forEach(({displayFrom:t})=>{t&&(!n||t.line>n.line||t.line===n.line&&t.ch>n.ch)&&(n=t)}),n||e.word}(g,h.fromKey),list:g,to:h.to.word}}function nt(t,e="sequence"){const n=t||window.CodeMirror;n.defineMode(e,()=>en),n.registerHelper("hint",e,et)}function st(t){const e=(new DOMParser).parseFromString(t,"image/svg+xml").querySelector("metadata");return e?e.textContent:""}function rt(t){function e(t,e){n.push(e)}const n=[];if(t.forEach(t=>{t.addEventListener("error",e),t.optimisedRenderPreReflow()}),t.forEach(t=>{t.optimisedRenderReflow()}),t.forEach(t=>{t.optimisedRenderPostReflow(),t.removeEventListener("error",e)}),n.length>0)throw n}function it(t,e=null,n={}){if("svg"===t.tagName)return null;const s=function(t){return{interactive:function(t){return void 0!==t&&"false"!==t}(t.dataset.sdInteractive),namespace:t.dataset.sdNamespace||null}}(t),r=new nn(null===e?t.textContent:e,Object.assign(s,n)),i=r.dom(),a=t.attributes;for(let t=0;t<a.length;++t)i.setAttribute(a[t].nodeName,a[t].nodeValue);return t.parentNode.replaceChild(i,t),r}function at(t,e=null,n={}){let s=null,r=null;if(e&&"object"==typeof e?s=(r=e).code:(r=n,s=e),Array.isArray(t)){const e=Object.assign({},r,{render:!1}),n=t.map(t=>it(t,s,e)).filter(t=>null!==t);return!1!==r.render&&rt(n),n}return it(t,s,r)}class ot{constructor(t,e){Array.isArray(e)?this.deltas=e:this.deltas=[0,2*-e/3,-e,2*-e/3,0,2*e/3,e,2*e/3],this.partWidth=t/this.deltas.length}getDelta(t){return this.deltas[t%this.deltas.length]}}class lt{constructor(t,e){this.svg=t,this.baseFontAttrs=e,this.fontSize=this.baseFontAttrs["font-size"],this.connectLines=new Map}addConnectLine(t,{attrs:e={},pattern:n=null}={}){const s=this.connectLines.get("solid")||{attrs:{}},r=Object.assign({fill:"none"},s.attrs,e);this.connectLines.set(t,{attrs:r,renderFlat:this.renderFlatConnect.bind(this,n,r),renderRev:this.renderRevConnect.bind(this,n,r)})}reset(){}addDefs(t,e){e("highlight",()=>this.svg.el("filter").add(this.svg.el("feMorphology").attrs({in:"SourceAlpha",operator:"dilate",radius:"4"}),this.svg.el("feGaussianBlur").attrs({edgeMode:"none",stdDeviation:"3, 1.5"}),this.svg.el("feComponentTransfer").add(this.svg.el("feFuncA").attrs({intercept:-70,slope:100,type:"linear"})),this.svg.el("feComponentTransfer").add(this.svg.el("feFuncR").attrs({intercept:1,slope:0,type:"linear"}),this.svg.el("feFuncG").attrs({intercept:.875,slope:0,type:"linear"}),this.svg.el("feFuncB").attrs({intercept:0,slope:0,type:"linear"}),this.svg.el("feFuncA").attrs({slope:.8,type:"linear"})),this.svg.el("feMerge").add(this.svg.el("feMergeNode"),this.svg.el("feMergeNode").attr("in","SourceGraphic"))))}getTitleAttrs(){return Object.assign({},this.baseFontAttrs,{"font-size":2.5*this.fontSize,"text-anchor":"middle"})}getConnectLine(t){const e=this.connectLines;return e.get(t)||e.get("solid")}getBlock(t){return this.blocks[t]||this.blocks[""]}getNote(t){return this.notes[t]||this.notes[""]}getDivider(t){return this.dividers[t]||this.dividers[""]}optionsAttributes(t,e){return function(t,e){const n=Object.assign({},t[""]);return e.forEach(e=>{Object.assign(n,t[e]||{})}),n}(t,e)}renderAgentLine({className:t,options:e,width:n,x:s,y0:r,y1:i}){const a=this.optionsAttributes(this.agentLineAttrs,e);return n>0?this.svg.box(a,{height:i-r,width:n,x:s-n/2,y:r}).addClass(t):this.svg.line(a,{x1:s,x2:s,y1:r,y2:i}).addClass(t)}renderArrowHead(t,{dir:e,height:n,width:s,x:r,y:i}){const a=s*e.dx,o=s*e.dy,l=.5*n*e.dx,h=.5*-n*e.dy;return this.svg.el("none"===t.fill?"polyline":"polygon").attr("points",r+a-h+" "+(i+o-l)+" "+r+" "+i+" "+(r+a+h)+" "+(i+o+l)).attrs(t)}renderTag(t,{height:e,width:n,x:s,y:r}){const{rx:i,ry:a}=t,o=s+n,l=r+e,h="M"+o+" "+r+"L"+o+" "+(l-a)+"L"+(o-i)+" "+l+"L"+s+" "+l,d=this.svg.el("g");return"none"!==t.fill&&d.add(this.svg.el("path").attr("d",h+"L"+s+" "+r).attrs(t).attr("stroke","none")),"none"!==t.stroke&&d.add(this.svg.el("path").attr("d",h).attrs(t).attr("fill","none")),d}renderDB(t,e){const n=t["db-z"];return this.svg.el("g").add(this.svg.box({rx:e.width/2,ry:n},e).attrs(t),this.svg.el("path").attr("d","M"+e.x+" "+(e.y+n)+"a"+e.width/2+" "+n+" 0 0 0 "+e.width+" 0").attrs(t).attr("fill","none"))}renderRef(t,e){return{fill:this.svg.box(t,e).attrs({stroke:"none"}),mask:this.svg.box(t,e).attrs({fill:"#000000",stroke:"none"}),shape:this.svg.box(t,e).attrs({fill:"none"})}}renderFlatConnect(t,e,{x1:n,y1:s,x2:r,y2:i}){return{p1:{x:n,y:s},p2:{x:r,y:i},shape:this.svg.el("path").attr("d",this.svg.patternedLine(t).move(n,s).line(r,i).cap().asPath()).attrs(e)}}renderRevConnect(t,e,{rad:n,x1:s,x2:r,xR:i,y1:a,y2:o}){const l=(o-a)/2,h=this.svg.patternedLine(t).move(s,a).line(i,a);return n<l?h.arc(i,a+n,Math.PI/2).line(i+n,o-n).arc(i,o-n,Math.PI/2):h.arc(i,(a+o)/2,Math.PI),{p1:{x:s,y:a},p2:{x:r,y:o},shape:this.svg.el("path").attr("d",h.line(r,o).cap().asPath()).attrs(e)}}renderLineDivider({lineAttrs:t},{height:e,labelWidth:n,width:s,x:r,y:i}){let a=null;const o=i+e/2;return a=n>0?this.svg.el("g").add(this.svg.line({fill:"none"},{x1:r,x2:r+(s-n)/2,y1:o,y2:o}).attrs(t),this.svg.line({fill:"none"},{x1:r+(s+n)/2,x2:r+s,y1:o,y2:o}).attrs(t)):this.svg.line({fill:"none"},{x1:r,x2:r+s,y1:o,y2:o}).attrs(t),{shape:a}}renderDelayDivider({dotSize:t,gapSize:e},{height:n,width:s,x:r,y:i}){const a=this.svg.el("g");for(let o=0;o+e<=n;o+=t+e)a.add(this.svg.box({fill:"#000000"},{height:e,width:s,x:r,y:i+o}));return{mask:a}}renderTearDivider({fadeBegin:t,fadeSize:e,lineAttrs:n,pattern:s,zigHeight:r,zigWidth:i},{env:a,height:o,labelHeight:l,labelWidth:h,width:d,x:g,y:c}){const u=a.addDef("tear-grad",()=>{const n=100/d;return this.svg.linearGradient({},[{offset:t*n+"%","stop-color":"#000000"},{offset:(t+e)*n+"%","stop-color":"#FFFFFF"},{offset:100-(t+e)*n+"%","stop-color":"#FFFFFF"},{offset:100-t*n+"%","stop-color":"#000000"}])}),p=this.svg.el("mask").attr("maskUnits","userSpaceOnUse").add(this.svg.box({fill:"url(#"+u+")"},{height:o+10,width:d,x:g,y:c-5})),f=a.addDef(p);h>0&&p.add(this.svg.box({fill:"#000000",rx:2,ry:2},{height:l+2,width:h,x:g+(d-h)/2,y:c+(o-l)/2-1}));const m=s||new ot(i,[r,-r]);let b=null;const x=this.svg.patternedLine(m).move(g,c).line(g+d,c),y=this.svg.el("g").attr("mask","url(#"+f+")").add(this.svg.el("path").attrs({d:x.asPath(),fill:"none"}).attrs(n));if(o>0){const t=this.svg.patternedLine(m).move(g,c+o).line(g+d,c+o);y.add(this.svg.el("path").attrs({d:t.asPath(),fill:"none"}).attrs(n)),x.line(t.x,t.y,{patterned:!1}).cap(),x.points.push(...t.points.reverse()),b=this.svg.el("path").attrs({d:x.asPath(),fill:"#000000"})}return{mask:b,shape:y}}}const ht="Helvetica,Arial,Liberation Sans,sans-serif",dt=1.3,gt={"font-family":ht,"font-size":8,"line-height":dt},ct={"font-family":ht,"font-size":8,"line-height":dt,"text-anchor":"middle"};class ut extends lt{constructor(t){super(t,{"font-family":ht,"font-size":8,"line-height":dt});const e={padding:{top:3,bottom:2},tag:{padding:{top:1,left:3,right:3,bottom:0},boxRenderer:this.renderTag.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:2,ry:2}),labelAttrs:{"font-family":ht,"font-weight":"bold","font-size":9,"line-height":dt,"text-anchor":"left"}},label:{minHeight:4,padding:{top:1,left:5,right:3,bottom:1},labelAttrs:{"font-family":ht,"font-size":8,"line-height":dt,"text-anchor":"left"}}};Object.assign(this,{titleMargin:10,outerMargin:5,agentMargin:10,actionMargin:10,minActionMargin:3,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:5,left:10,right:10,bottom:5},arrowBottom:12.8,boxAttrs:{fill:"#FFFFFF",stroke:"#000000","stroke-width":1},labelAttrs:{"font-family":ht,"font-size":12,"line-height":dt,"text-anchor":"middle"}},database:{padding:{top:12,left:10,right:10,bottom:3},arrowBottom:12.8,boxRenderer:this.renderDB.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,"db-z":5}),labelAttrs:{"font-family":ht,"font-size":12,"line-height":dt,"text-anchor":"middle"}},cross:{size:20,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})},bar:{height:4,render:t.boxFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},fade:{width:5,height:6,extend:1},none:{height:10}},connect:{loopbackRadius:6,arrow:{single:{width:5,height:10,render:this.renderArrowHead.bind(this),attrs:{fill:"#000000","stroke-width":0,"stroke-linejoin":"miter"}},double:{width:4,height:6,render:this.renderArrowHead.bind(this),attrs:{fill:"none",stroke:"#000000","stroke-width":1,"stroke-linejoin":"miter"}},cross:{short:7,radius:3,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})}},label:{padding:6,margin:{top:2,bottom:1},attrs:{"font-family":ht,"font-size":8,"line-height":dt,"text-anchor":"middle"},loopbackAttrs:{"font-family":ht,"font-size":8,"line-height":dt}},source:{radius:2,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},mask:{padding:{top:0,left:3,right:3,bottom:1}}},agentLineAttrs:{"":{fill:"none",stroke:"#000000","stroke-width":1},red:{stroke:"#CC0000"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1.5,rx:2,ry:2}),section:e},"":{margin:{top:0,bottom:0},boxRenderer:t.boxFactory({fill:"none",stroke:"#000000","stroke-width":1.5,rx:2,ry:2}),collapsedBoxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1.5,rx:2,ry:2}),section:e,sepRenderer:t.lineFactory({stroke:"#000000","stroke-width":1.5,"stroke-dasharray":"4, 2"})}},notes:{text:{margin:{top:0,left:2,right:2,bottom:0},padding:{top:2,left:2,right:2,bottom:2},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:gt},note:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:5,left:5,right:10,bottom:5},overlap:{left:10,right:10},boxRenderer:t.noteFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1},{fill:"none",stroke:"#000000","stroke-width":1}),labelAttrs:gt},state:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:7,left:7,right:7,bottom:7},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:10,ry:10}),labelAttrs:gt}},dividers:{"":{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:0,render:this.renderLineDivider.bind(this,{lineAttrs:{stroke:"#000000"}})},delay:{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:1,gapSize:2})},tear:{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:10,render:this.renderTearDivider.bind(this,{fadeBegin:5,fadeSize:10,zigWidth:6,zigHeight:1,lineAttrs:{stroke:"#000000"}})}}}),this.addConnectLine("solid",{attrs:{stroke:"#000000","stroke-width":1}}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"4, 2"}}),this.addConnectLine("wave",{attrs:{"stroke-linejoin":"round","stroke-linecap":"round"},pattern:new ot(6,.5)})}}const pt="Helvetica,Arial,Liberation Sans,sans-serif",ft=1.3,mt={"font-family":pt,"font-size":8,"line-height":ft},bt={"font-family":pt,"font-size":8,"line-height":ft,"text-anchor":"middle"};class xt extends lt{constructor(t){super(t,{"font-family":pt,"font-size":8,"line-height":ft});const e={padding:{top:3,bottom:4},tag:{padding:{top:2,left:5,right:5,bottom:1},boxRenderer:this.renderTag.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":2,rx:3,ry:3}),labelAttrs:{"font-family":pt,"font-weight":"bold","font-size":9,"line-height":ft,"text-anchor":"left"}},label:{minHeight:5,padding:{top:2,left:5,right:3,bottom:1},labelAttrs:{"font-family":pt,"font-size":8,"line-height":ft,"text-anchor":"left"}}};Object.assign(this,{titleMargin:12,outerMargin:5,agentMargin:8,actionMargin:5,minActionMargin:5,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:1,left:3,right:3,bottom:1},arrowBottom:11.1,boxAttrs:{fill:"#FFFFFF",stroke:"#000000","stroke-width":3,rx:4,ry:4},labelAttrs:{"font-family":pt,"font-weight":"bold","font-size":14,"line-height":ft,"text-anchor":"middle"}},database:{padding:{top:4,left:3,right:3,bottom:0},arrowBottom:11.1,boxRenderer:this.renderDB.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":3,"db-z":2}),labelAttrs:{"font-family":pt,"font-weight":"bold","font-size":14,"line-height":ft,"text-anchor":"middle"}},cross:{size:20,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":3,"stroke-linecap":"round"})},bar:{height:4,render:t.boxFactory({fill:"#000000",stroke:"#000000","stroke-width":3,rx:2,ry:2})},fade:{width:5,height:10,extend:1},none:{height:10}},connect:{loopbackRadius:8,arrow:{single:{width:10,height:12,render:this.renderArrowHead.bind(this),attrs:{fill:"#000000",stroke:"#000000","stroke-width":3,"stroke-linejoin":"round"}},double:{width:10,height:12,render:this.renderArrowHead.bind(this),attrs:{fill:"none",stroke:"#000000","stroke-width":3,"stroke-linejoin":"round","stroke-linecap":"round"}},cross:{short:10,radius:5,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":3,"stroke-linejoin":"round","stroke-linecap":"round"})}},label:{padding:7,margin:{top:2,bottom:3},attrs:{"font-family":pt,"font-size":8,"line-height":ft,"text-anchor":"middle"},loopbackAttrs:{"font-family":pt,"font-size":8,"line-height":ft}},source:{radius:5,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":3})},mask:{padding:{top:1,left:5,right:5,bottom:3}}},agentLineAttrs:{"":{fill:"none",stroke:"#000000","stroke-width":3},red:{stroke:"#DD0000"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":4,rx:5,ry:5}),section:e},"":{margin:{top:0,bottom:0},boxRenderer:t.boxFactory({fill:"none",stroke:"#000000","stroke-width":4,rx:5,ry:5}),collapsedBoxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":4,rx:5,ry:5}),section:e,sepRenderer:t.lineFactory({stroke:"#000000","stroke-width":2,"stroke-dasharray":"5, 3"})}},notes:{text:{margin:{top:0,left:2,right:2,bottom:0},padding:{top:2,left:2,right:2,bottom:2},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:mt},note:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:3,left:3,right:10,bottom:3},overlap:{left:10,right:10},boxRenderer:t.noteFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":2,"stroke-linejoin":"round"},{fill:"none",stroke:"#000000","stroke-width":1}),labelAttrs:mt},state:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:5,left:7,right:7,bottom:5},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":3,rx:10,ry:10}),labelAttrs:mt}},dividers:{"":{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:0,render:this.renderLineDivider.bind(this,{lineAttrs:{stroke:"#000000","stroke-width":2,"stroke-linecap":"round"}})},delay:{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:3,gapSize:3})},tear:{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:10,render:this.renderTearDivider.bind(this,{fadeBegin:5,fadeSize:10,zigWidth:6,zigHeight:1,lineAttrs:{stroke:"#000000","stroke-width":2,"stroke-linejoin":"round"}})}}}),this.addConnectLine("solid",{attrs:{stroke:"#000000","stroke-width":3}}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"10, 4"}}),this.addConnectLine("wave",{attrs:{"stroke-linejoin":"round","stroke-linecap":"round"},pattern:new ot(10,1)})}getTitleAttrs(){return Object.assign(super.getTitleAttrs(),{"font-weight":"bolder"})}}class yt{constructor(){this.listeners=new Map,this.forwards=new Set}addEventListener(t,e){const n=this.listeners.get(t);n?n.push(e):this.listeners.set(t,[e])}removeEventListener(t,e){const n=this.listeners.get(t);if(!n)return;const s=n.indexOf(e);-1!==s&&n.splice(s,1)}on(t,e){return this.addEventListener(t,e),this}off(t,e){return this.removeEventListener(t,e),this}countEventListeners(t){return(this.listeners.get(t)||[]).length}removeAllEventListeners(t){t?this.listeners.delete(t):this.listeners.clear()}addEventForwarding(t){this.forwards.add(t)}removeEventForwarding(t){this.forwards.delete(t)}removeAllEventForwardings(){this.forwards.clear()}trigger(t,e=[]){(this.listeners.get(t)||[]).forEach(t=>t(...e)),this.forwards.forEach(n=>n.trigger(t,e))}}const kt="undefined"==typeof window,wt=!kt&&/^((?!chrome|android).)*safari/i.test(window.navigator.userAgent),vt=!kt&&void 0!==window.InstallTrigger;class At{constructor(){this.latestSVG=null,this.latestInternalSVG=null,this.canvas=null,this.context=null,this.indexPNG=0,this.latestPNGIndex=0,this.latestPNG=null}getSVGContent(t){let e=t.dom().outerHTML;return e=e.replace(/^<svg ?/,'<svg width="'+(t.width||1)+'" height="'+(t.height||1)+'" ')}getSVGBlob(t){return new Blob([this.getSVGContent(t)],{type:"image/svg+xml"})}getSVGURL(t){const e=this.getSVGBlob(t);return this.latestSVG&&URL.revokeObjectURL(this.latestSVG),this.latestSVG=URL.createObjectURL(e),this.latestSVG}getCanvas(t,e,n){this.canvas||(window.devicePixelRatio=1,this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"));const s=(t.width||1)*e,r=(t.height||1)*e,i=new Image(s,r);let a=null;wt&&((a=document.createElement("div")).style.position="absolute",a.style.visibility="hidden",a.appendChild(i),document.body.appendChild(a));const o=()=>{this.canvas.width=s,this.canvas.height=r,this.context.drawImage(i,0,0,s,r),a&&document.body.removeChild(a),n(this.canvas)};i.addEventListener("load",()=>{a?setTimeout(o,50):o()},{once:!0}),i.src=this.getSVGURL(t)}getPNGBlob(t,e,n){this.getCanvas(t,e,t=>{t.toBlob(n,"image/png")})}getPNGURL(t,e,n){++this.indexPNG;const s=this.indexPNG;this.getPNGBlob(t,e,t=>{const e=URL.createObjectURL(t);s>=this.latestPNGIndex?(this.latestPNG&&URL.revokeObjectURL(this.latestPNG),this.latestPNG=e,this.latestPNGIndex=s,n(e,!0)):(n(e,!1),URL.revokeObjectURL(e))})}}class Ft{constructor({blocked:t=!1,covered:e=!1,group:n=null,highlighted:s=!1,locked:r=!1,visible:i=!1}={}){this.blocked=t,this.covered=e,this.group=n,this.highlighted=s,this.locked=r,this.visible=i}}Ft.LOCKED=new Ft({locked:!0}),Ft.DEFAULT=new Ft;const Mt={equals:(t,e)=>t.name===e.name,hasFlag:(t,e=!0)=>n=>n.flags.includes(t)===e},St={addNearby:(e,n,s,r)=>{const i=t(e,n,St.equals);-1===i?e.push(s):e.splice(i+r,0,s)},equals:(t,e)=>t.id===e.id,hasIntersection:(e,n)=>(function(e,n,s=null){for(let r=0;r<n.length;++r)if(-1!==t(e,n[r],s))return!0;return!1})(e,n,St.equals),indexOf:(e,n)=>t(e,n,St.equals),make:(t,{anchorRight:e=!1,isVirtualSource:n=!1}={})=>({anchorRight:e,id:t,isVirtualSource:n,options:[]})},Rt={"note left":[St.make("[")],"note over":[St.make("["),St.make("]")],"note right":[St.make("]")]},Ct=["[","]"],It={"agent begin":{check:["mode"],merge:["agentIDs"],siblings:new Set(["agent highlight"])},"agent end":{check:["mode"],merge:["agentIDs"],siblings:new Set(["agent highlight"])},"agent highlight":{check:["highlighted"],merge:["agentIDs"],siblings:new Set(["agent begin","agent end"])}},Et=["agent begin","agent end","agent highlight","block begin","block end","connect","connect-delay-begin","connect-delay-end","note over","note right","note left","note between"];class Gt{constructor(){this.agentStates=new Map,this.agentAliases=new Map,this.activeGroups=new Map,this.gAgents=[],this.labelPattern=null,this.nextID=0,this.nesting=[],this.markers=new Set,this.currentSection=null,this.currentNest=null,this.stageHandlers={"agent begin":this.handleAgentBegin.bind(this),"agent define":this.handleAgentDefine.bind(this),"agent end":this.handleAgentEnd.bind(this),"agent options":this.handleAgentOptions.bind(this),async:this.handleAsync.bind(this),"block begin":this.handleBlockBegin.bind(this),"block end":this.handleBlockEnd.bind(this),"block split":this.handleBlockSplit.bind(this),connect:this.handleConnect.bind(this),"connect-delay-begin":this.handleConnectDelayBegin.bind(this),"connect-delay-end":this.handleConnectDelayEnd.bind(this),divider:this.handleDivider.bind(this),"group begin":this.handleGroupBegin.bind(this),"label pattern":this.handleLabelPattern.bind(this),mark:this.handleMark.bind(this),"note between":this.handleNote.bind(this),"note left":this.handleNote.bind(this),"note over":this.handleNote.bind(this),"note right":this.handleNote.bind(this)},this.expandGroupedGAgent=this.expandGroupedGAgent.bind(this),this.handleStage=this.handleStage.bind(this),this.toGAgent=this.toGAgent.bind(this),this.endGroup=this.endGroup.bind(this)}_aliasInUse(t){const e=this.agentAliases.get(t);return!(!e||e===t)||this.gAgents.some(e=>e.id===t)}toGAgent({name:t,alias:e,flags:n}){if(e){if(this.agentAliases.has(t))throw new Error("Cannot alias "+t+"; it is already an alias");if(this._aliasInUse(e))throw new Error("Cannot use "+e+" as an alias; it is already in use");this.agentAliases.set(e,t)}return St.make(this.agentAliases.get(t)||t,{isVirtualSource:n.includes("source")})}addStage(t,{isVisible:e=!0,parallel:n=!1}={}){if(!t)return;e&&(this.currentNest.hasContent=!0),void 0===t.ln&&(t.ln=this.latestLine);const{stages:s}=this.currentSection;if(n){const e=r(s),n=p(e,t);if(n)throw new Error(n);const i=this.makeParallel([e,t]);i.ln=t.ln,--s.length,s.push(i)}else s.push(t)}addImpStage(t,{parallel:e=!1}={}){if(!t)return;void 0===t.ln&&(t.ln=this.latestLine);const{stages:n}=this.currentSection;if(e){const e=n[n.length-2];if(0===n.length)throw new Error("Nothing to run statement in parallel with");if(p(e,t))n.splice(n.length-1,0,t);else{const s=this.makeParallel([e,t]);s.ln=t.ln,n.splice(n.length-2,1,s)}}else n.push(t)}makeParallel(t){const e=[];return u(e,t),0===e.length?null:1===e.length?e[0]:(e.forEach(t=>{void 0===t.ln&&(t.ln=this.latestLine)}),{stages:e,type:"parallel"})}defineGAgents(t){e(this.currentNest.gAgents,t.filter(t=>!Ct.includes(t.id)),St.equals),e(this.gAgents,t,St.equals)}getGAgentState(t){return this.agentStates.get(t.id)||Ft.DEFAULT}updateGAgentState(t,e){const n=this.agentStates.get(t.id);n?Object.assign(n,e):this.agentStates.set(t.id,new Ft(e))}replaceGAgentState(t,e){this.agentStates.set(t.id,e)}validateGAgents(t,{allowGrouped:e=!1,allowCovered:n=!1,allowVirtual:s=!1}={}){t.forEach(t=>{const r=this.getGAgentState(t),i=t.id;if(function(t){return t.blocked&&null===t.group}(r))throw new Error("Duplicate agent name: "+i);if(!n&&r.covered)throw new Error("Agent "+i+" is hidden behind group");if(!e&&null!==r.group)throw new Error("Agent "+i+" is in a group");if(!s&&t.isVirtualSource)throw new Error("Cannot use message source here");if(function(t){return t.startsWith("__")}(i))throw new Error(i+" is a reserved name")})}setGAgentVis(t,e,n,s=!1){const r=new Set,i=t.filter(t=>{if(r.has(t.id))return!1;r.add(t.id);const n=this.getGAgentState(t);if(n.locked||n.blocked){if(s)throw new Error("Cannot begin/end agent: "+t.id);return!1}return n.visible!==e});return 0===i.length?null:(i.forEach(t=>{this.updateGAgentState(t,{visible:e})}),this.defineGAgents(i),{agentIDs:i.map(t=>t.id),mode:n,type:e?"agent begin":"agent end"})}setGAgentHighlight(t,e,n=!1){const s=t.filter(t=>{const s=this.getGAgentState(t);if(s.locked||s.blocked){if(n)throw new Error("Cannot highlight agent: "+t.id);return!1}return s.visible&&s.highlighted!==e});return 0===s.length?null:(s.forEach(t=>{this.updateGAgentState(t,{highlighted:e})}),{agentIDs:s.map(t=>t.id),highlighted:e,type:"agent highlight"})}_makeSection(t,e){return{delayedConnections:new Map,header:t,stages:e}}_checkSectionEnd(){const t=this.currentSection.delayedConnections;if(t.size>0){const e=t.values().next().value;throw new Error('Unused delayed connection "'+e.tag+'" at line '+(e.ln+1))}}beginNested(t,{tag:e,label:n,name:s,ln:r}){const i=St.make(s+"[",{anchorRight:!0}),a=St.make(s+"]"),o=[i,a],l=[];return this.currentSection=this._makeSection({blockType:t,canHide:!0,label:this.textFormatter(n),left:i.id,ln:r,right:a.id,tag:this.textFormatter(e),type:"block begin"},l),this.currentNest={blockType:t,gAgents:o,hasContent:!1,leftGAgent:i,rightGAgent:a,sections:[this.currentSection]},this.replaceGAgentState(i,Ft.LOCKED),this.replaceGAgentState(a,Ft.LOCKED),this.nesting.push(this.currentNest),{stages:l}}nextBlockName(){const t="__BLOCK"+this.nextID;return++this.nextID,t}nextVirtualAgentName(){const t="__"+this.nextID;return++this.nextID,t}handleBlockBegin({ln:t,blockType:e,tag:n,label:s,parallel:r}){if(r)throw new Error("Cannot use parallel here");this.beginNested(e,{label:s,ln:t,name:this.nextBlockName(),tag:n})}handleBlockSplit({ln:t,blockType:e,tag:n,label:s,parallel:r}){if(r)throw new Error("Cannot use parallel here");if("if"!==this.currentNest.blockType)throw new Error('Invalid block nesting ("else" inside '+this.currentNest.blockType+")");this._checkSectionEnd(),this.currentSection=this._makeSection({blockType:e,label:this.textFormatter(s),left:this.currentNest.leftGAgent.id,ln:t,right:this.currentNest.rightGAgent.id,tag:this.textFormatter(n),type:"block split"},[]),this.currentNest.sections.push(this.currentSection)}handleBlockEnd({parallel:t}){if(this.nesting.length<=1)throw new Error('Invalid block nesting (too many "end"s)');this._checkSectionEnd();const e=this.nesting.pop();if(this.currentNest=r(this.nesting),this.currentSection=r(this.currentNest.sections),!e.hasContent)throw new Error("Empty block");this.defineGAgents(e.gAgents),m(this.gAgents,e.leftGAgent,e.rightGAgent,e.gAgents),e.sections.forEach(t=>{this.currentSection.stages.push(t.header),this.currentSection.stages.push(...t.stages)}),this.addStage({left:e.leftGAgent.id,right:e.rightGAgent.id,type:"block end"},{parallel:t})}makeGroupDetails(t,e){const s=t.map(this.toGAgent);if(this.validateGAgents(s),this.agentStates.has(e))throw new Error("Duplicate agent name: "+e);const r=this.nextBlockName(),i=St.make(r+"[",{anchorRight:!0}),a=St.make(r+"]");this.replaceGAgentState(i,Ft.LOCKED),this.replaceGAgentState(a,Ft.LOCKED),this.updateGAgentState(St.make(e),{blocked:!0,group:e}),this.defineGAgents([...s,i,a]);const{indexL:o,indexR:l}=m(this.gAgents,i,a,s),h=[],d=s.slice();for(let t=o+1;t<l;++t)h.push(this.gAgents[t]);return n(h,d,St.equals),{gAgents:s,gAgentsContained:d,gAgentsCovered:h,leftGAgent:i,rightGAgent:a}}handleGroupBegin({agents:t,blockType:e,tag:n,label:s,alias:r,parallel:i}){const a=this.makeGroupDetails(t,r);a.gAgentsContained.forEach(t=>{this.updateGAgentState(t,{group:r})}),a.gAgentsCovered.forEach(t=>{this.updateGAgentState(t,{covered:!0})}),this.activeGroups.set(r,a),this.addImpStage(this.setGAgentVis(a.gAgents,!0,"box"),{parallel:i}),this.addStage({blockType:e,canHide:!1,label:this.textFormatter(s),left:a.leftGAgent.id,right:a.rightGAgent.id,tag:this.textFormatter(n),type:"block begin"},{parallel:i})}endGroup({name:t}){const e=this.activeGroups.get(t);return e?(this.activeGroups.delete(t),e.gAgentsContained.forEach(t=>{this.updateGAgentState(t,{group:null})}),e.gAgentsCovered.forEach(t=>{this.updateGAgentState(t,{covered:!1})}),this.updateGAgentState(St.make(t),{group:null}),{left:e.leftGAgent.id,right:e.rightGAgent.id,type:"block end"}):null}handleMark({name:t,parallel:e}){this.markers.add(t),this.addStage({name:t,type:"mark"},{isVisible:!1,parallel:e})}handleDivider({mode:t,height:e,label:n,parallel:s}){this.addStage({formattedLabel:this.textFormatter(n),height:e,mode:t,type:"divider"},{isVisible:!1,parallel:s})}handleAsync({target:t,parallel:e}){if(""!==t&&!this.markers.has(t))throw new Error("Unknown marker: "+t);this.addStage({target:t,type:"async"},{isVisible:!1,parallel:e})}handleLabelPattern({pattern:t}){this.labelPattern=t.slice();for(let t=0;t<this.labelPattern.length;++t){const e=this.labelPattern[t];"object"==typeof e&&void 0!==e.start&&(this.labelPattern[t]=Object.assign({current:e.start},e))}}applyLabelPattern(t){let e="";const n={label:t};return this.labelPattern.forEach(t=>{"string"==typeof t?e+=t:void 0!==t.token?e+=n[t.token]:void 0!==t.current&&(e+=t.current.toFixed(t.dp),t.current+=t.inc)}),e}expandGroupedGAgent(t){const{group:e}=this.getGAgentState(t);if(!e)return[t];const n=this.activeGroups.get(e);return[n.leftGAgent,n.rightGAgent]}expandGroupedGAgentConnection(t){const e=this.expandGroupedGAgent(t[0]),n=this.expandGroupedGAgent(t[1]);let s=St.indexOf(this.gAgents,e[0]),i=St.indexOf(this.gAgents,n[0]);return-1===s&&(s=e[0].isVirtualSource?-1:this.gAgents.length),-1===i&&(i=this.gAgents.length),s===i?[r(e),r(n)]:s<i?[r(e),n[0]]:[e[0],r(n)]}filterConnectFlags(t){const n=t.filter(Mt.hasFlag("begin")).map(this.toGAgent),s=t.filter(Mt.hasFlag("end")).map(this.toGAgent);if(St.hasIntersection(n,s))throw new Error("Cannot set agent visibility multiple times");const r=t.filter(Mt.hasFlag("start")).map(this.toGAgent),i=t.filter(Mt.hasFlag("stop")).map(this.toGAgent);if(e(i,s),St.hasIntersection(r,i))throw new Error("Cannot set agent highlighting multiple times");return this.validateGAgents(n),this.validateGAgents(s),this.validateGAgents(r),this.validateGAgents(i),{beginGAgents:n,endGAgents:s,startGAgents:r,stopGAgents:i}}makeVirtualAgent(t){const e=St.make(this.nextVirtualAgentName(),{anchorRight:t,isVirtualSource:!0});return this.replaceGAgentState(e,Ft.LOCKED),e}addNearbyAgent(t,e,n){St.addNearby(this.currentNest.gAgents,t,e,n),St.addNearby(this.gAgents,t,e,n)}expandVirtualSourceAgents(t){if(t[0].isVirtualSource){if(t[1].isVirtualSource)throw new Error("Cannot connect found messages");if(Ct.includes(t[1].id))throw new Error("Cannot connect found messages to special agents");const e=this.makeVirtualAgent(!0);return this.addNearbyAgent(t[1],e,0),[e,t[1]]}if(t[1].isVirtualSource){if(Ct.includes(t[0].id))throw new Error("Cannot connect found messages to special agents");const e=this.makeVirtualAgent(!1);return this.addNearbyAgent(t[0],e,1),[t[0],e]}return t}_handlePartialConnect(t,e){const n=this.filterConnectFlags(t),s=t.map(this.toGAgent);this.validateGAgents(s,{allowGrouped:!0,allowVirtual:!0}),this.defineGAgents(a(s,this.expandGroupedGAgent).filter(t=>!t.isVirtualSource));const r=t.filter(Mt.hasFlag("begin",!1)).map(this.toGAgent).filter(t=>!t.isVirtualSource);return this.addImpStage(this.setGAgentVis(r,!0,"box"),{parallel:e}),{flags:n,gAgents:s}}_makeConnectParallelStages(t,e){return this.makeParallel([this.setGAgentVis(t.beginGAgents,!0,"box",!0),this.setGAgentHighlight(t.startGAgents,!0,!0),e,this.setGAgentHighlight(t.stopGAgents,!1,!0),this.setGAgentVis(t.endGAgents,!1,"cross",!0)])}_isSelfConnect(t){const e=t.map(this.toGAgent),n=this.expandGroupedGAgentConnection(e);return n[0].id===n[1].id&&!n.some(t=>t.isVirtualSource)}handleConnect({agents:t,label:e,options:n,parallel:s}){if(this._isSelfConnect(t)){const r={};return this.handleConnectDelayBegin({agent:t[0],ln:0,options:n,parallel:s,tag:r}),void this.handleConnectDelayEnd({agent:t[1],label:e,options:n,tag:r})}let{flags:r,gAgents:i}=this._handlePartialConnect(t,s);i=this.expandGroupedGAgentConnection(i);const a={agentIDs:(i=this.expandVirtualSourceAgents(i)).map(t=>t.id),label:this.textFormatter(this.applyLabelPattern(e)),options:n,type:"connect"};this.addStage(this._makeConnectParallelStages(r,a),{parallel:s})}handleConnectDelayBegin({agent:t,tag:e,options:n,ln:s,parallel:r}){const i=this.currentSection.delayedConnections;if(i.has(e))throw new Error('Duplicate delayed connection "'+e+'"');const{flags:a,gAgents:o}=this._handlePartialConnect([t],r),l=this.nextVirtualAgentName(),h={agentIDs:null,label:null,options:n,tag:l,type:"connect-delay-begin"};i.set(e,{connectStage:h,gAgents:o,ln:s,tag:e,uniqueTag:l}),this.addStage(this._makeConnectParallelStages(a,h),{parallel:r})}handleConnectDelayEnd({agent:t,tag:e,label:n,options:s,parallel:r}){const i=this.currentSection.delayedConnections,a=i.get(e);if(!a)throw new Error('Unknown delayed connection "'+e+'"');let{flags:o,gAgents:l}=this._handlePartialConnect([t],r);l=this.expandGroupedGAgentConnection([...a.gAgents,...l]),l=this.expandVirtualSourceAgents(l);let h=a.connectStage.options;if(h.line!==s.line)throw new Error("Mismatched delayed connection arrows");s.right&&(h=Object.assign({},h,{right:s.right})),Object.assign(a.connectStage,{agentIDs:l.map(t=>t.id),label:this.textFormatter(this.applyLabelPattern(n)),options:h});const d={tag:a.uniqueTag,type:"connect-delay-end"};this.addStage(this._makeConnectParallelStages(o,d),{parallel:r}),i.delete(e)}handleNote({type:t,agents:e,mode:n,label:s,parallel:r}){let i=null;i=0===e.length?Rt[t]||[]:e.map(this.toGAgent),this.validateGAgents(i,{allowGrouped:!0});const o=(i=a(i,this.expandGroupedGAgent)).map(t=>t.id),l=new Set(o).size;if("note between"===t&&l<2)throw new Error("note between requires at least 2 agents");this.defineGAgents(i),this.addImpStage(this.setGAgentVis(i,!0,"box"),{parallel:r}),this.addStage({agentIDs:o,label:this.textFormatter(s),mode:n,type:t},{parallel:r})}handleAgentDefine({agents:t}){const n=t.map(this.toGAgent);this.validateGAgents(n,{allowCovered:!0,allowGrouped:!0}),e(this.gAgents,n,St.equals)}handleAgentOptions({agent:t,options:n}){const s=this.toGAgent(t),r=[s];this.validateGAgents(r,{allowCovered:!0,allowGrouped:!0}),e(this.gAgents,r,St.equals),this.gAgents.filter(({id:t})=>t===s.id).forEach(t=>{e(t.options,n)})}handleAgentBegin({agents:t,mode:e,parallel:n}){const s=t.map(this.toGAgent);this.validateGAgents(s),this.addStage(this.setGAgentVis(s,!0,e,!0),{parallel:n})}handleAgentEnd({agents:t,mode:e,parallel:n}){const s=t.filter(t=>this.activeGroups.has(t.name)),r=t.filter(t=>!this.activeGroups.has(t.name)).map(this.toGAgent);this.validateGAgents(r),this.addStage(this.makeParallel([this.setGAgentHighlight(r,!1),this.setGAgentVis(r,!1,e,!0),...s.map(this.endGroup)]),{parallel:n})}handleStage(t){this.latestLine=t.ln;try{const e=this.stageHandlers[t.type];if(!e)throw new Error("Unknown command: "+t.type);e(t)}catch(e){if("object"==typeof e&&e.message)throw e.message+=" at line "+(t.ln+1),e}}_reset(){this.agentStates.clear(),this.markers.clear(),this.agentAliases.clear(),this.activeGroups.clear(),this.gAgents.length=0,this.nextID=0,this.nesting.length=0,this.labelPattern=[{token:"label"}]}_finalise(t){m(this.gAgents,this.currentNest.leftGAgent,this.currentNest.rightGAgent),function(t){let e=[],n=new Set;for(let s=0;s<t.length;){const r=t[s];let i=null;d(i="parallel"===r.type?r.stages:[r]);const a=g(i);c(n,a,e,i),0===i.length?t.splice(s,1):("parallel"===r.type&&1===i.length&&t.splice(s,1,i[0]),n=a,e=i,++s)}}(t.stages),this.gAgents.forEach(t=>{t.formattedLabel=this.textFormatter(t.id)})}generate({stages:t,meta:e={}}){this._reset(),this.textFormatter=e.textFormatter;const n=this.beginNested("global",{label:"",ln:0,name:"",tag:""});if(t.forEach(this.handleStage),1!==this.nesting.length)throw new Error("Unterminated section at line "+(this.currentSection.header.ln+1));if(this.activeGroups.size>0)throw new Error("Unterminated group");this._checkSectionEnd();const s=e.terminators||"none";return this.addStage(this.makeParallel([this.setGAgentHighlight(this.gAgents,!1),this.setGAgentVis(this.gAgents,!1,s)])),this._finalise(n),function(t,e){for(let n=0;n<t.length&&!f(t[n],e);++n);}(n.stages,e.headers||"box"),{agents:this.gAgents.slice(),meta:{code:e.code,theme:e.theme,title:this.textFormatter(e.title)},stages:n.stages}}}const Dt="Courier New,Liberation Mono,monospace",Lt=1.3,Nt={"font-family":Dt,"font-size":8,"line-height":Lt},zt={"font-family":Dt,"font-size":8,"line-height":Lt,"text-anchor":"middle"};class Ot extends lt{constructor(t){super(t,{"font-family":Dt,"font-size":8,"line-height":Lt});const e={padding:{top:3,bottom:2},tag:{padding:{top:2,left:4,right:4,bottom:2},boxRenderer:this.renderTag.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:3,ry:3}),labelAttrs:{"font-family":Dt,"font-weight":"bold","font-size":9,"line-height":Lt,"text-anchor":"left"}},label:{minHeight:8,padding:{top:2,left:8,right:8,bottom:2},labelAttrs:{"font-family":Dt,"font-size":8,"line-height":Lt,"text-anchor":"left"}}};Object.assign(this,{titleMargin:8,outerMargin:4,agentMargin:12,actionMargin:12,minActionMargin:4,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:4,left:8,right:8,bottom:4},arrowBottom:12,boxAttrs:{fill:"#FFFFFF",stroke:"#000000","stroke-width":1},labelAttrs:{"font-family":Dt,"font-size":12,"line-height":Lt,"text-anchor":"middle"}},database:{padding:{top:9,left:8,right:8,bottom:3},arrowBottom:12,boxRenderer:this.renderDB.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,"db-z":4}),labelAttrs:{"font-family":Dt,"font-size":12,"line-height":Lt,"text-anchor":"middle"}},cross:{size:16,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})},bar:{height:4,render:t.boxFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},fade:{width:5,height:8,extend:1},none:{height:8}},connect:{loopbackRadius:4,arrow:{single:{width:4,height:8,render:this.renderArrowHead.bind(this),attrs:{fill:"#000000","stroke-width":0,"stroke-linejoin":"miter"}},double:{width:3,height:6,render:this.renderArrowHead.bind(this),attrs:{fill:"none",stroke:"#000000","stroke-width":1,"stroke-linejoin":"miter"}},cross:{short:8,radius:4,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})}},label:{padding:4,margin:{top:2,bottom:1},attrs:{"font-family":Dt,"font-size":8,"line-height":Lt,"text-anchor":"middle"},loopbackAttrs:{"font-family":Dt,"font-size":8,"line-height":Lt}},source:{radius:2,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},mask:{padding:{top:0,left:3,right:3,bottom:1}}},agentLineAttrs:{"":{fill:"none",stroke:"#000000","stroke-width":1},red:{stroke:"#AA0000"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":2}),section:e},"":{margin:{top:0,bottom:0},boxRenderer:t.boxFactory({fill:"none",stroke:"#000000","stroke-width":2}),collapsedBoxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":2}),section:e,sepRenderer:t.lineFactory({stroke:"#000000","stroke-width":2,"stroke-dasharray":"8, 4"})}},notes:{text:{margin:{top:0,left:8,right:8,bottom:0},padding:{top:4,left:4,right:4,bottom:4},overlap:{left:8,right:8},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:Nt},note:{margin:{top:0,left:8,right:8,bottom:0},padding:{top:8,left:8,right:8,bottom:8},overlap:{left:8,right:8},boxRenderer:t.noteFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1},{fill:"none",stroke:"#000000","stroke-width":1}),labelAttrs:Nt},state:{margin:{top:0,left:8,right:8,bottom:0},padding:{top:8,left:8,right:8,bottom:8},overlap:{left:8,right:8},boxRenderer:t.boxFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:8,ry:8}),labelAttrs:Nt}},dividers:{"":{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:8,margin:0,render:this.renderLineDivider.bind(this,{lineAttrs:{stroke:"#000000"}})},delay:{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:2,gapSize:2})},tear:{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:8,margin:8,render:this.renderTearDivider.bind(this,{fadeBegin:4,fadeSize:4,zigWidth:4,zigHeight:1,lineAttrs:{stroke:"#000000"}})}}}),this.addConnectLine("solid",{attrs:{stroke:"#000000","stroke-width":1}}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"4, 4"}}),this.addConnectLine("wave",{pattern:new ot(6,[0,-.25,-.5,-.25,0,.25,.5,.25])})}}const Tt={type:"error line-error",suggest:[],then:{"":0}},Bt=["database","red"],Vt=["begin","end","note","state","text"],Ht=(()=>{function t(t,e=1){return{type:"variable",suggest:[{known:"Agent"}],then:Object.assign({},t,{"":0,",":{type:"operator",then:{"":e}}})}}function e(t){return{type:"keyword",suggest:[t+" of ",t+": "],then:{of:{type:"keyword",then:{"":l}},":":{type:"operator",then:{"":i}},"":l}}}function n({exit:t,sourceExit:e,blankExit:n}){const s={type:"operator",then:{"+":Tt,"-":Tt,"*":Tt,"!":Tt,"":t}};return{"+":{type:"operator",then:{"+":Tt,"-":Tt,"*":s,"!":Tt,"":t}},"-":{type:"operator",then:{"+":Tt,"-":Tt,"*":s,"!":{type:"operator",then:{"+":Tt,"-":Tt,"*":Tt,"!":Tt,"":t}},"":t}},"*":{type:"operator",then:Object.assign({"+":s,"-":s,"*":Tt,"!":Tt,"":t},e||t)},"!":s,"":n||t}}const s={type:"",suggest:["\n"],then:{}},r={type:"",suggest:[],then:{}},i=b({"\n":s}),a={type:"operator",then:{"":i,"\n":r}},o=t({"\n":s,as:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Agent"}],then:{"":0,",":{type:"operator",then:{"":3}},"\n":s}}}}}),l=t({":":a}),h={type:"variable",suggest:[{known:"Agent"}],then:{"":0,":":{type:"operator",then:{"":i,"\n":r}},"\n":s}},d={":":{type:"operator",then:{"":b({as:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Agent"}],then:{"":0,"\n":s}}}}})}}},g={type:"keyword",then:Object.assign({over:{type:"keyword",then:{"":t(d)}}},d)},c={"\n":s,":":{type:"operator",then:{"":i,"\n":r}},with:{type:"keyword",suggest:["with height "],then:{height:{type:"keyword",then:{"":{type:"number",suggest:["6 ","30 "],then:{"\n":s,":":{type:"operator",then:{"":i,"\n":r}}}}}}}}},u=function(t,e,n){const s=Object.assign({},n);return e.forEach(e=>{s[e]={type:t,then:n}}),s}("keyword",["a","an"],function(t,e,n){const s={},r=Object.assign({},n);return e.forEach(e=>{s[e]={type:t,then:r},r[e]=0}),s}("keyword",Bt,{"\n":s})),p={type:"keyword",then:{"":i,":":{type:"operator",then:{"":i}},"\n":s}},f={title:{type:"keyword",then:{"":i}},theme:{type:"keyword",then:{"":{type:"string",suggest:[{global:"themes",suffix:"\n"}],then:{"":0,"\n":s}}}},headers:{type:"keyword",then:{none:{type:"keyword",then:{}},cross:{type:"keyword",then:{}},box:{type:"keyword",then:{}},fade:{type:"keyword",then:{}},bar:{type:"keyword",then:{}}}},terminators:{type:"keyword",then:{none:{type:"keyword",then:{}},cross:{type:"keyword",then:{}},box:{type:"keyword",then:{}},fade:{type:"keyword",then:{}},bar:{type:"keyword",then:{}}}},divider:{type:"keyword",then:Object.assign({line:{type:"keyword",then:c},space:{type:"keyword",then:c},delay:{type:"keyword",then:c},tear:{type:"keyword",then:c}},c)},define:{type:"keyword",then:{"":o,as:Tt}},begin:{type:"keyword",then:{"":o,reference:g,as:Tt}},end:{type:"keyword",then:{"":o,as:Tt,"\n":s}},if:p,else:{type:"keyword",suggest:["else\n","else if: "],then:{if:{type:"keyword",suggest:["if: "],then:{"":i,":":{type:"operator",then:{"":i}}}},"\n":s}},repeat:p,group:p,note:{type:"keyword",then:{over:{type:"keyword",then:{"":l}},left:e("left"),right:e("right"),between:{type:"keyword",then:{"":t({":":Tt},l)}}}},state:{type:"keyword",suggest:["state over "],then:{over:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Agent"}],then:{"":0,",":Tt,":":a}}}}}},text:{type:"keyword",then:{left:e("left"),right:e("right")}},autolabel:{type:"keyword",then:{off:{type:"keyword",then:{}},"":b({"\n":s},[{v:"<label>",suffix:"\n",q:!0},{v:"[<inc>] <label>",suffix:"\n",q:!0},{v:"[<inc 1,0.01>] <label>",suffix:"\n",q:!0}])}},simultaneously:{type:"keyword",then:{":":{type:"operator",then:{}},with:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Label"}],then:{"":0,":":{type:"operator",then:{}}}}}}}}};return t=>{const e=function(t){const e={type:"keyword",then:Object.assign({},n({exit:h,sourceExit:{":":a,"\n":r}}),{"...":{type:"operator",then:{"":{type:"variable",suggest:[{known:"DelayedAgent"}],then:{"":0,":":Tt,"\n":s}}}}})},i={};t.forEach(t=>i[t]=e);const o={type:"operator",suggest:[],override:"Label",then:{}},l={type:"variable",suggest:[{known:"Agent"}],then:Object.assign({"":0},i,{":":{type:"operator",override:"Label",then:{}}})},d={type:"variable",suggest:[{known:"DelayedAgent"}],then:Object.assign({"":0,":":o},i)},g=Object.assign({},l,{then:Object.assign({},l.then,{is:{type:"keyword",then:u}})});return Object.assign({"...":{type:"operator",then:{"":d}}},n({exit:l,sourceExit:Object.assign({"":l,":":o},i),blankExit:g}))}(t),i={};for(const t of Vt)i[t]=f[t];return Object.assign(i,e),{type:"error line-error",then:Object.assign({},f,{"&":{type:"keyword",then:i}},e)}}})(),Pt=-1;class jt{constructor(t,e){this.tokenDefinitions=t,this.commands=Ht(e),this.lineComment="#"}startState(){return{beginCompletions:k({},[this.commands]),completions:[],current:"",currentQuoted:!1,currentSpace:"",currentType:Pt,indent:0,isVar:!0,knownAgent:[],knownDelayedAgent:[],knownLabel:[],line:[],nextCompletions:[],valid:!0}}_matchPattern(t,e,n){return e?(e.lastIndex=0,t.match(e,n)):null}_tokenBegin(t,e){e.currentSpace="";for(let n="";!t.eol();n=t.next()){e.currentSpace+=n;for(let n=0;n<this.tokenDefinitions.length;++n){const s=this.tokenDefinitions[n];if(this._matchPattern(t,s.start,!0)){e.currentType=n;const{value:t,quoted:r}=A(s);return e.current=t,e.currentQuoted=r,!0}}}return!1}_tokenCheckEscape(t,e,n){const s=this._matchPattern(t,n.escape,!0);s&&(e.current+=n.escapeWith(s))}_addToken(t){t.line.push({q:t.currentQuoted,s:t.currentSpace,v:t.current})}_tokenEndFound(t,e,n,s){return e.currentType=Pt,n.includeEnd&&(e.current+=s[0]),n.omit?"comment":(this._addToken(e),v(e,t.eol(),this.commands))}_tokenEOLFound(t,e,n){if(e.current+="\n",n.omit)return"comment";this._addToken(e);const s=v(e,!1,this.commands);return e.line.pop(),s}_tokenEnd(t,e){for(;;){const n=this.tokenDefinitions[e.currentType];if(this._tokenCheckEscape(t,e,n),!n.end)return this._tokenEndFound(t,e,n,null);{const s=this._matchPattern(t,n.end,!0);if(s)return this._tokenEndFound(t,e,n,s)}if(t.eol())return this._tokenEOLFound(t,e,n);e.current+=t.next()}}_tokenContinueOrBegin(t,e){return e.currentType!==Pt||(t.sol()&&(e.line.length=0,e.valid=!0),this._tokenBegin(t,e))?this._tokenEnd(t,e):""}_isLineTerminated(t){return t.currentType!==Pt||t.valid}token(t,e){e.completions=e.nextCompletions,e.isVar=!0;const n=this._tokenContinueOrBegin(t,e);return t.eol()&&!this._isLineTerminated(e)?"line-error "+n:n}indent(t){return t.indent}}const qt=[{end:/(?=\n)|$/y,omit:!0,start:/#/y},{baseToken:{q:!0},end:/"/y,escape:/\\(.)/y,escapeWith:function(t){return"n"===t[1]?"\n":-1!=='"\\'.indexOf(t[1])?t[1]:""+t[1]},start:/"/y},{baseToken:{v:"..."},start:/\.\.\./y},{end:/(?=[ \t\r\n:+~\-*!<,])|$/y,start:/(?=[^ \t\r\n:+~\-*!<,])/y},{end:/(?=[^~\-<>x])|[-~]x|[<>](?=x)|$/y,includeEnd:!0,start:/(?=[~\-<])/y},{baseToken:{v:","},start:/,/y},{baseToken:{v:":"},start:/:/y},{baseToken:{v:"!"},start:/!/y},{baseToken:{v:"+"},start:/\+/y},{baseToken:{v:"*"},start:/\*/y},{baseToken:{v:"\n"},start:/\n/y}],Yt=/[\x00-\x08\x0E-\x1F]/g;class Ut{constructor(t){this.src=t.replace(Yt,""),this.block=null,this.token=null,this.pos={ch:0,i:0,ln:0},this.reset()}isOver(){return this.pos.i>this.src.length}reset(){this.token={b:null,e:null,q:!1,s:"",v:""},this.block=null}beginToken(t){this.block=t.newBlock,Object.assign(this.token,this.block.baseToken),this.token.b=S(this.pos)}endToken(){let t=null;return this.block.omit||(this.token.e=S(this.pos),t=this.token),this.reset(),t}advance(){const t=M(this.src,this.pos.i,this.block);return t.newBlock&&this.beginToken(t),this.token.s+=t.appendSpace,this.token.v+=t.appendValue,function(t,e,n){for(let s=0;s<n;++s)++t.ch,"\n"===e[t.i+s]&&(++t.ln,t.ch=0);t.i+=n}(this.pos,this.src,t.skip),t.end?this.endToken():null}}const Wt=/(.*?)<([^<>]*)>/g,Xt=/\.([0-9]*)/,Qt=/[\x00-\x08\x0E-\x1F]/g,Jt=[{attrs:{"font-style":"italic"},begin:{matcher:/<i>/g,skip:0},end:{matcher:/<\/i>/g,skip:0}},{attrs:{"font-style":"italic"},begin:{matcher:/[\s_~`>]\*(?=\S)/g,skip:1},end:{matcher:/\S\*(?=[\s_~`<])/g,skip:1}},{attrs:{"font-style":"italic"},begin:{matcher:/[\s*~`>]_(?=\S)/g,skip:1},end:{matcher:/\S_(?=[\s*~`<])/g,skip:1}},{attrs:{"font-weight":"bolder"},begin:{matcher:/<b>/g,skip:0},end:{matcher:/<\/b>/g,skip:0}},{attrs:{"font-weight":"bolder"},begin:{matcher:/[\s_~`>]\*\*(?=\S)/g,skip:1},end:{matcher:/\S\*\*(?=[\s_~`<])/g,skip:1}},{attrs:{"font-weight":"bolder"},begin:{matcher:/[\s*~`>]__(?=\S)/g,skip:1},end:{matcher:/\S__(?=[\s*~`<])/g,skip:1}},{attrs:{"text-decoration":"line-through"},begin:{matcher:/<s>/g,skip:0},end:{matcher:/<\/s>/g,skip:0}},{attrs:{"text-decoration":"line-through"},begin:{matcher:/[\s_*`>]~(?=\S)/g,skip:1},end:{matcher:/\S~(?=[\s_*`<])/g,skip:1}},{attrs:{"text-decoration":"overline"},begin:{matcher:/<o>/g,skip:0},end:{matcher:/<\/o>/g,skip:0}},{attrs:{"font-family":"Courier New,Liberation Mono,monospace"},begin:{matcher:/[\s_*~.>]`(?=\S)/g,skip:1},end:{matcher:/\S`(?=[\s_*~.<])/g,skip:1}},{attrs:{"text-decoration":"underline"},begin:{matcher:/<u>/g,skip:0},end:{matcher:/<\/u>/g,skip:0}},{attrs:{"baseline-shift":"70%","font-size":"0.6em"},begin:{matcher:/<sup>/g,skip:0},end:{matcher:/<\/sup>/g,skip:0}},{attrs:{"baseline-shift":"-20%","font-size":"0.6em"},begin:{matcher:/<sub>/g,skip:0},end:{matcher:/<\/sub>/g,skip:0}},{attrs:{fill:"#DD0000"},begin:{matcher:/<red>/g,skip:0},end:{matcher:/<\/red>/g,skip:0}},{attrs:{filter:"highlight"},begin:{matcher:/<highlight>/g,skip:0},end:{matcher:/<\/highlight>/g,skip:0}},{all:{matcher:/\[([^\]]+)\]\(([^)]+?)(?: "([^"]+)")?\)/g,skip:0},attrs:t=>({href:t[2].replace(Qt,""),"text-decoration":"underline"}),text:t=>t[1].replace(Qt,"")},{all:{matcher:/<([a-z]+:\/\/[^>]*)>/g,skip:0},attrs:t=>({href:t[1].replace(Qt,""),"text-decoration":"underline"}),text:t=>t[1].replace(Qt,"")}],Zt=/[\f\n\r\t\v ]+/g,Kt=/^[\t-\r ]+|[\t-\r ]+$/g,_t=-2,$t=new Map;$t.set("if",{blockType:"if",skip:[],tag:"if",type:"block begin"}),$t.set("else",{blockType:"else",skip:["if"],tag:"else",type:"block split"}),$t.set("repeat",{blockType:"repeat",skip:[],tag:"repeat",type:"block begin"}),$t.set("group",{blockType:"group",skip:[],tag:"",type:"block begin"});const te={agentFlags:{"!":{flag:"end"},"*":{allowBlankName:!0,blankNameFlag:"source",flag:"begin"},"+":{flag:"start"},"-":{flag:"stop"}},types:(()=>{const t=function(t){const e=[];return i(t,0,[],e),e}([[{tok:"",type:0},{tok:"<",type:1},{tok:"<<",type:2}],[{tok:"-",type:"solid"},{tok:"--",type:"dash"},{tok:"~",type:"wave"}],[{tok:"",type:0},{tok:">",type:1},{tok:">>",type:2},{tok:"x",type:3}]]).filter(t=>0!==t[0].type||0!==t[2].type),e=new Map;return t.forEach(t=>{e.set(t.map(t=>t.tok).join(""),{left:t[0].type,line:t[1].type,right:t[2].type})}),e})()},ee=["none","box","cross","fade","bar"],ne=new Map;ne.set("text",{mode:"text",types:{left:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note left"},right:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note right"}}}),ne.set("note",{mode:"note",types:{between:{max:Number.POSITIVE_INFINITY,min:2,skip:[],type:"note between"},left:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note left"},over:{max:Number.POSITIVE_INFINITY,min:0,skip:[],type:"note over"},right:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note right"}}}),ne.set("state",{mode:"state",types:{over:{max:1,min:1,skip:[],type:"note over"}}});const se=new Map;se.set("line",{defaultHeight:6}),se.set("space",{defaultHeight:6}),se.set("delay",{defaultHeight:30}),se.set("tear",{defaultHeight:6});const re=new Map;re.set("define",{type:"agent define"}),re.set("begin",{mode:"box",type:"agent begin"}),re.set("end",{mode:"cross",type:"agent end"});const ie=[{begin:["title"],fn:(t,e)=>(e.title=z(t,1),!0)},{begin:["theme"],fn:(t,e)=>(e.theme=z(t,1),!0)},{begin:["terminators"],fn:(t,e)=>{const n=O(t[1]);if(!n)throw L("Unspecified termination",t[0]);if(-1===ee.indexOf(n))throw L('Unknown termination "'+n+'"',t[1]);return e.terminators=n,!0}},{begin:["headers"],fn:(t,e)=>{const n=O(t[1]);if(!n)throw L("Unspecified header",t[0]);if(-1===ee.indexOf(n))throw L('Unknown header "'+n+'"',t[1]);return e.headers=n,!0}},{begin:["divider"],fn:t=>{const e=B(t,[":"],{orEnd:!0}),n=B(t,["with","height"],{limit:e,orEnd:!0}),s=z(t,1,n)||"line";if(!se.has(s))throw L("Unknown divider type",t[1]);const r=function(t,e=0,n=null,s=Number.NAN){const r=z(t,e,n);return Number(r||s)}(t,n+2,e,se.get(s).defaultHeight);if(Number.isNaN(r)||r<0)throw L("Invalid divider height",t[n+2]);return{height:r,label:z(t,e+1),mode:s,type:"divider"}}},{begin:["autolabel"],fn:t=>{let e=null;return e="off"===O(t[1])?"<label>":z(t,1),{pattern:function(t){const e=[];let n=null,s=0;for(Wt.lastIndex=0;n=Wt.exec(t);)n[1]&&e.push(n[1]),n[2]&&e.push(C(n[2])),s=Wt.lastIndex;const r=t.substr(s);return r&&e.push(r),e}(e),type:"label pattern"}}},{begin:["end"],fn:t=>1!==t.length?null:{type:"block end"}},{begin:[],fn:t=>{const e=$t.get(O(t[0]));if(!e)return null;let n=1;return t.length>n&&(n=T(t,n,e.skip,"Invalid block command")),n=T(t,n,[":"]),{blockType:e.blockType,label:z(t,n),tag:e.tag,type:e.type}}},{begin:["begin","reference"],fn:t=>{let e=[];const n=B(t,[":"]);if("over"===O(t[2])&&n>3)e=H(t,3,n);else if(2!==n)throw L('Expected ":" or "over"',t[2]);const s=V(t,n+1,t.length,{aliases:!0});if(!s.alias)throw L("Reference must have an alias",t[n]);return{agents:e,alias:s.alias,blockType:"ref",label:s.name,tag:"ref",type:"group begin"}}},{begin:[],fn:t=>{const e=re.get(O(t[0]));return!e||t.length<=1?null:Object.assign({agents:H(t,1,t.length,{aliases:!0})},e)}},{begin:["simultaneously"],fn:t=>{if(":"!==O(r(t)))return null;let e="";if(t.length>2){if("with"!==O(t[1]))return null;e=z(t,2,t.length-1)}return{target:e,type:"async"}}},{begin:[],fn:t=>{const e=ne.get(O(t[0])),n=B(t,[":"]);if(!e||-1===n)return null;const s=e.types[O(t[1])];if(!s)return null;let r=2;const i=H(t,r=T(t,r,s.skip),n);if(i.length<s.min)throw L("Too few agents for "+e.mode,t[0]);if(i.length>s.max)throw L("Too many agents for "+e.mode,t[0]);return{agents:i,label:z(t,n+1),mode:e.mode,type:s.type}}},{begin:[],fn:t=>{const e=B(t,[":"],{orEnd:!0}),n=function(t,e,{start:n=0,limit:s=null}={}){const r=N(t,s);for(let s=n;s<r;++s){const n=e.get(O(t[s]));if(n)return{pos:s,value:n}}return null}(t,te.types,{limit:e-1,start:0});if(!n)return null;const s=n.pos,r={flagTypes:te.agentFlags};if("..."===O(t[0]))return{agent:V(t,s+1,e,r),label:z(t,e+1),options:n.value,tag:z(t,1,s),type:"connect-delay-end"};if("..."===O(t[s+1])){if(e!==t.length)throw L("Cannot label beginning of delayed connection",t[e]);return{agent:V(t,0,s,r),options:n.value,tag:z(t,s+2,e),type:"connect-delay-begin"}}return{agents:[V(t,0,s,r),V(t,s+1,e,r)],label:z(t,e+1),options:n.value,type:"connect"}}},{begin:[],fn:t=>t.length<2||":"!==O(r(t))?null:{name:z(t,0,t.length-1),type:"mark"}},{begin:[],fn:t=>{const e=B(t,["is"]);if(e<1)return null;let n=e+1;if(["a","an"].includes(O(t[n]))&&++n,n===t.length)throw L("Empty agent options",{b:r(t).e});const s=V(t,0,e),i=[];for(let e=n;e<t.length;++e)i.push(t[e].v);return{agent:s,options:i,type:"agent options"}}}],ae=new class{tokenise(t){const e=[],n=new Ut(t);for(;!n.isOver();){const t=n.advance();t&&e.push(t)}if(n.block)throw new Error("Unterminated literal (began at "+function(t){return"line "+(t.ln+1)+", character "+t.ch}(n.token.b)+")");return e}getCodeMirrorMode(t){return new jt(qt,t)}splitLines(t){const e=[];let n=[];return t.forEach(t=>{t.q||"\n"!==t.v?n.push(t):n.length>0&&(e.push(n),n=[])}),n.length>0&&e.push(n),e}};class oe{getCodeMirrorMode(){return ae.getCodeMirrorMode(Array.from(te.types.keys()))}parseLines(t,e){const n={meta:{code:e,headers:"box",terminators:"none",textFormatter:D,theme:"",title:""},stages:[]};return t.forEach(t=>P(t,n)),n}parse(t){const e=ae.tokenise(t),n=ae.splitLines(e);return this.parseLines(n,t)}}class le{makeState(){}resetState(t){this.makeState(t)}prepareMeasurements(){}separationPre(){}separation(){}renderPre(){}render(){}renderHidden(){}shouldHide(){}}const he=new Map,de={class:"outline",fill:"transparent"};const ge={bar:new class{prepareMeasurements({formattedLabel:t},e){const n=e.theme.agentCap.box;e.textSizer.expectMeasure(n.labelAttrs,t)}separation({formattedLabel:t},e){const n=e.theme.agentCap.box,s=e.textSizer.measure(n.labelAttrs,t).width+n.padding.left+n.padding.right;return{left:s/2,radius:s/2,right:s/2}}topShift(t,e){return e.theme.agentCap.bar.height/2}render(t,{x:e,formattedLabel:n,options:s},r){const i=r.theme.agentCap.box,a=r.theme.agentCap.bar,o=r.textSizer.measure(i.labelAttrs,n).width+i.padding.left+i.padding.right,{height:l}=a;return r.makeRegion().add(a.render({height:l,options:s,width:o,x:e-o/2,y:t}),r.svg.box(de,{height:l,width:o,x:e-o/2,y:t})),{height:l,lineBottom:l,lineTop:0}}},box:new class{getConfig(t,e){let n=null;return t.includes("database")&&(n=e.theme.agentCap.database),n||e.theme.agentCap.box}prepareMeasurements({formattedLabel:t,options:e},n){const s=this.getConfig(e,n);n.textSizer.expectMeasure(s.labelAttrs,t)}separation({formattedLabel:t,options:e},n){const s=this.getConfig(e,n),r=n.textSizer.measure(s.labelAttrs,t).width+s.padding.left+s.padding.right;return{left:r/2,radius:r/2,right:r/2}}topShift({formattedLabel:t,options:e},n){const s=this.getConfig(e,n),r=n.textSizer.measureHeight(s.labelAttrs,t)+s.padding.top+s.padding.bottom;return Math.max(0,r-s.arrowBottom)}render(t,{x:e,formattedLabel:n,options:s},r){const i=this.getConfig(s,r),a=r.svg.boxedText(i,n,{x:e,y:t});return r.makeRegion().add(a,r.svg.box(de,{height:a.height,width:a.width,x:e-a.width/2,y:t})),{height:a.height,lineBottom:a.height,lineTop:0}}},cross:new class{prepareMeasurements(){}separation(t,e){const n=e.theme.agentCap.cross;return{left:n.size/2,radius:0,right:n.size/2}}topShift(t,e){return e.theme.agentCap.cross.size/2}render(t,{x:e,options:n},s){const r=s.theme.agentCap.cross,i=r.size/2;return s.makeRegion().add(r.render({options:n,radius:i,x:e,y:t+i}),s.svg.box(de,{height:2*i,width:2*i,x:e-i,y:t})),{height:2*i,lineBottom:i,lineTop:i}}},fade:new class{prepareMeasurements(){}separation({currentRad:t}){return{left:t,radius:t,right:t}}topShift(t,e,n){const s=e.theme.agentCap.fade;return n?s.height:0}render(t,{x:e},n,s){const r=n.theme.agentCap.fade,i=r.height/(r.height+r.extend),a=n.addDef(s?"FadeIn":"FadeOut",()=>n.svg.linearGradient({x1:"0%",x2:"0%",y1:s?"100%":"0%",y2:s?"0%":"100%"},[{offset:"0%","stop-color":"#FFFFFF"},{offset:(100*i).toFixed(3)+"%","stop-color":"#000000"}]));return n.lineMaskLayer.add(n.svg.box({fill:"url(#"+a+")"},{height:r.height+r.extend,width:r.width,x:e-r.width/2,y:t-(s?r.extend:0)})),n.makeRegion().add(n.svg.box(de,{height:r.height,width:r.width,x:e-r.width/2,y:t})),{height:r.height,lineBottom:0,lineTop:r.height}}},none:new class{prepareMeasurements(){}separation({currentRad:t}){return{left:t,radius:t,right:t}}topShift(t,e){return e.theme.agentCap.none.height}render(t,{x:e},n){const s=n.theme.agentCap.none;return n.makeRegion().add(n.svg.box(de,{height:s.height,width:10,x:e-5,y:t})),{height:s.height,lineBottom:0,lineTop:s.height}}}};class ce extends le{constructor(t){super(),this.begin=t}prepareMeasurements({mode:t,agentIDs:e},n){e.forEach(e=>{const s=n.agentInfos.get(e);ge[t].prepareMeasurements(s,n,this.begin)})}separationPre({mode:t,agentIDs:e},n){e.forEach(e=>{const s=n.agentInfos.get(e),r=ge[t].separation(s,n,this.begin);n.addSpacing(e,r),s.currentMaxRad=Math.max(s.currentMaxRad,r.radius)})}separation({agentIDs:t},s){this.begin?e(s.visibleAgentIDs,t):n(s.visibleAgentIDs,t)}renderPre({mode:t,agentIDs:e},n){let s=0;return e.forEach(e=>{const r=n.agentInfos.get(e),i=ge[t],a=i.topShift(r,n,this.begin);s=Math.max(s,a);const o=i.separation(r,n,this.begin).radius;r.currentMaxRad=Math.max(r.currentMaxRad,o)}),{agentIDs:e,topShift:s}}render({mode:t,agentIDs:e},n){let s=0;return e.forEach(e=>{const r=n.agentInfos.get(e),i=ge[t],a=i.topShift(r,n,this.begin),o=n.primaryY-a,l=i.render(o,r,n,this.begin);s=Math.max(s,o+l.height),this.begin?n.drawAgentLine(e,o+l.lineBottom):n.drawAgentLine(e,o+l.lineTop,!0)}),s+n.theme.actionMargin}renderHidden({agentIDs:t},e){t.forEach(t=>{e.drawAgentLine(t,e.topY,!this.begin)})}}q("agent begin",new ce(!0)),q("agent end",new ce(!1));q("agent highlight",new class extends le{radius(t,e){return t?e.theme.agentLineHighlightRadius:0}separationPre({agentIDs:t,highlighted:e},n){const s=this.radius(e,n);t.forEach(t=>{const e=n.agentInfos.get(t);e.currentRad=s,e.currentMaxRad=Math.max(e.currentMaxRad,s)})}renderPre({agentIDs:t,highlighted:e},n){const s=this.radius(e,n);t.forEach(t=>{const e=n.agentInfos.get(t);e.currentMaxRad=Math.max(e.currentMaxRad,s)})}render({agentIDs:t,highlighted:e},n){const s=this.radius(e,n);return t.forEach(t=>{n.drawAgentLine(t,n.primaryY),n.agentInfos.get(t).currentRad=s}),n.primaryY+n.theme.actionMargin}renderHidden(t,e){this.render(t,e)}});const ue={class:"outline",fill:"transparent"};class pe extends le{prepareMeasurements({left:t,tag:e,label:n},s){const r=s.state.blocks.get(t),i=s.theme.getBlock(r.type).section;s.textSizer.expectMeasure(i.tag.labelAttrs,e),s.textSizer.expectMeasure(i.label.labelAttrs,n)}separation({left:t,right:e,tag:n,label:s},r){const i=r.state.blocks.get(t),a=r.theme.getBlock(i.type).section,o=r.textSizer.measure(a.tag.labelAttrs,n).width+a.tag.padding.left+a.tag.padding.right+r.textSizer.measure(a.label.labelAttrs,s).width+a.label.padding.left+a.label.padding.right;r.addSeparation(t,e,o)}renderPre({left:t,right:e}){return{agentIDs:[t,e]}}render({left:t,right:e,tag:n,label:s},r,i=!1){const a=r.state.blocks.get(t),o=r.theme.getBlock(a.type),l=r.agentInfos.get(t),h=r.agentInfos.get(e);let d=r.primaryY;i||(d+=o.section.padding.bottom);const g=r.makeRegion(),c=r.svg.boxedText({boxAttrs:o.section.tag.boxAttrs,boxRenderer:o.section.tag.boxRenderer,labelAttrs:o.section.tag.labelAttrs,padding:o.section.tag.padding},n,{x:l.x,y:d}),u=r.svg.boxedText({boxAttrs:{fill:"#000000"},labelAttrs:o.section.label.labelAttrs,padding:o.section.label.padding},s,{x:l.x+c.width,y:d}),p=Math.max(Math.max(c.height,u.height),o.section.label.minHeight);return a.hold.add(c.box),r.lineMaskLayer.add(u.box),g.add(r.svg.box(ue,{height:p,width:h.x-l.x,x:l.x,y:d}),c.label,u.label),i?a.canHide&&g.addClass(a.hide?"collapsed":"expanded"):a.hold.add(o.sepRenderer({x1:l.x,x2:h.x,y1:d,y2:d})),d+p+o.section.padding.top}}q("block begin",new class extends pe{makeState(t){t.blocks=new Map}resetState(t){t.blocks.clear()}storeBlockInfo(t,e){const{canHide:n}=t,s={canHide:n,hide:n&&e.renderer.isCollapsed(t.ln),hold:null,startY:null,type:t.blockType};return e.state.blocks.set(t.left,s),s}prepareMeasurements(t,e){this.storeBlockInfo(t,e),super.prepareMeasurements(t,e)}separationPre(t,e){this.storeBlockInfo(t,e),super.separationPre(t,e)}separation(t,n){e(n.visibleAgentIDs,[t.left,t.right]),super.separation(t,n)}renderPre(t,e){const n=this.storeBlockInfo(t,e),s=e.theme.getBlock(n.type);return{agentIDs:[t.left,t.right],topShift:s.margin.top}}render(t,e){const n=e.svg.el("g");e.blockLayer.add(n);const s=e.state.blocks.get(t.left);return s.hold=n,s.startY=e.primaryY,super.render(t,e,!0)}shouldHide({left:t},e){return{nest:e.state.blocks.get(t).hide?1:0,self:!1}}}),q("block split",new pe),q("block end",new class extends le{separation({left:t,right:e},s){n(s.visibleAgentIDs,[t,e])}renderPre({left:t,right:e},n){const s=n.state.blocks.get(t);return{agentIDs:[t,e],topShift:n.theme.getBlock(s.type).section.padding.bottom}}render({left:t,right:e},n){const s=n.state.blocks.get(t),r=n.theme.getBlock(s.type),i=n.agentInfos.get(t),a=n.agentInfos.get(e);let o=r.boxRenderer;s.hide&&(o=r.collapsedBoxRenderer||o);let l=o({height:n.primaryY-s.startY,width:a.x-i.x,x:i.x,y:s.startY});return l.shape||(l={shape:l}),s.hold.add(l.shape),n.fillLayer.add(l.fill),n.lineMaskLayer.add(l.mask),n.primaryY+r.margin.bottom+n.theme.actionMargin}shouldHide({left:t},e){return{nest:e.state.blocks.get(t).hide?-1:0,self:!1}}});const fe={class:"outline",fill:"transparent"};class me{constructor(t){this.propName=t}getConfig(t){return t.connect.arrow[this.propName]}short(t){const e=this.getConfig(t),n=e.attrs["stroke-linejoin"]||"miter",s=.5*e.attrs["stroke-width"],r=.5*t.agentLineAttrs[""]["stroke-width"];if("round"===n)return r+s;{const t=e.height/2,n=e.width;return r+s*Math.sqrt(n*n/(t*t)+1)}}render(t,e,n,s){const r=this.getConfig(e),i=this.short(e);t.add(r.render(r.attrs,{dir:s,height:r.height,width:r.width,x:n.x+i*s.dx,y:n.y+i*s.dy}))}width(t){return this.short(t)+this.getConfig(t).width}height(t){return this.getConfig(t).height}lineGap(t,e){const n=this.getConfig(t),s=this.short(t);if("none"===n.attrs.fill){const t=n.height/2,r=n.width;return(s+(s+e.attrs["stroke-width"]/2*(r/t)))/2}return s+n.width/2}}const be=[{height:()=>0,lineGap:()=>0,render:()=>null,width:()=>0},new me("single"),new me("double"),new class{getConfig(t){return t.connect.arrow.cross}render(t,e,n,s){const r=this.getConfig(e);t.add(r.render({radius:r.radius,x:n.x+r.short*s.dx,y:n.y+r.short*s.dy}))}width(t){const e=this.getConfig(t);return e.short+e.radius}height(t){return 2*this.getConfig(t).radius}lineGap(t){return this.getConfig(t).short}}];class xe extends le{prepareMeasurements({agentIDs:t,label:e},n){const s=n.theme.connect,r=t[0]===t[1]?s.label.loopbackAttrs:s.label.attrs;n.textSizer.expectMeasure(r,e)}separationPre({agentIDs:t},e){const n=e.theme.connect.source.radius;t.forEach(t=>{const s=e.agentInfos.get(t);s.isVirtualSource&&(s.currentRad=n,s.currentMaxRad=Math.max(s.currentMaxRad,n))})}separation({label:t,agentIDs:n,options:s},r){const i=r.theme.connect,a=be[s.left],o=be[s.right],l=n[0]===n[1],h=l?i.label.loopbackAttrs:i.label.attrs;let d=r.textSizer.measure(h,t).width;d>0&&(d+=2*i.label.padding);const g=r.agentInfos.get(n[0]);if(l)r.addSpacing(n[0],{left:0,right:g.currentMaxRad+Math.max(d+a.width(r.theme),o.width(r.theme))+i.loopbackRadius});else{const t=r.agentInfos.get(n[1]);r.addSeparation(n[0],n[1],g.currentMaxRad+t.currentMaxRad+d+2*Math.max(a.width(r.theme),o.width(r.theme)))}e(r.momentaryAgentIDs,n)}renderRevArrowLine({x1:t,y1:e,x2:n,y2:s,xR:r},i,a,o){const l=a.theme.getConnectLine(i.line),h=be[i.left],d=be[i.right],g=h.lineGap(a.theme,l),c=d.lineGap(a.theme,l),u=l.renderRev({rad:a.theme.connect.loopbackRadius,x1:t+g,x2:n+c,xR:r,y1:e,y2:s});o.add(u.shape),h.render(o,a.theme,{x:u.p1.x-g,y:u.p1.y},{dx:1,dy:0}),d.render(o,a.theme,{x:u.p2.x-c,y:u.p2.y},{dx:1,dy:0})}renderSelfConnect({label:t,agentIDs:e,options:n},s,r,i){const a=s.theme.connect,o=be[n.left],l=be[n.right],h=s.agentInfos.get(e[1]),d=t?s.textSizer.measureHeight(a.label.attrs,t)+a.label.margin.top+a.label.margin.bottom:0,g=r.x+r.currentMaxRad+o.width(s.theme)+(t?a.label.padding:0),c=s.svg.boxedText({boxAttrs:{fill:"#000000"},labelAttrs:a.label.loopbackAttrs,padding:a.mask.padding},t,{x:g-a.mask.padding.left,y:i-d+a.label.margin.top}),u=t?c.width+a.label.padding-a.mask.padding.left-a.mask.padding.right:0,p=Math.max(h.x+h.currentMaxRad+l.width(s.theme),g+u),f=Math.max(d,o.height(s.theme)/2),m=l.height(s.theme)/2;s.lineMaskLayer.add(c.box);const b=s.makeRegion().add(s.svg.box(fe,{height:f+s.primaryY-i+m,width:p+a.loopbackRadius-r.x,x:r.x,y:i-f}),c.label);return this.renderRevArrowLine({x1:r.x+r.currentMaxRad,x2:h.x+h.currentMaxRad,xR:p,y1:i,y2:s.primaryY},n,s,b),s.primaryY+Math.max(m,0)+s.theme.actionMargin}renderArrowLine({x1:t,y1:e,x2:n,y2:s},r,i,a){const o=i.theme.getConnectLine(r.line),l=be[r.left],h=be[r.right],d=Math.sqrt((n-t)*(n-t)+(s-e)*(s-e)),g=l.lineGap(i.theme,o),c=h.lineGap(i.theme,o),u=(n-t)/d,p=(s-e)/d,f=o.renderFlat({x1:t+g*u,x2:n-c*u,y1:e+g*p,y2:s-c*p});a.add(f.shape);const m={x:f.p1.x-g*u,y:f.p1.y-g*p},b={x:f.p2.x+c*u,y:f.p2.y+c*p};return l.render(a,i.theme,m,{dx:u,dy:p}),h.render(a,i.theme,b,{dx:-u,dy:-p}),{lArrow:l,p1:m,p2:b,rArrow:h}}renderVirtualSources({from:t,to:e,rendered:n},s,r){const i=s.theme.connect.source;t.isVirtualSource&&r.add(i.render({radius:i.radius,x:n.p1.x-i.radius,y:n.p1.y})),e.isVirtualSource&&r.add(i.render({radius:i.radius,x:n.p2.x+i.radius,y:n.p2.y}))}renderSimpleLabel(t,{layer:e,x1:n,x2:s,y1:r,y2:i,height:a},o){const l=o.theme.connect,h=(n+s)/2,d=(r+i)/2;let g=e;const c={fill:"#000000"};if(r!==i){const t="rotate("+180*Math.atan((i-r)/(s-n))/Math.PI+" "+h+","+d+")";c.transform=t,g=o.svg.el("g").attr("transform",t),e.add(g)}const u=o.svg.boxedText({boxAttrs:c,labelAttrs:l.label.attrs,padding:l.mask.padding},t,{x:h,y:d+l.label.margin.top-a});o.lineMaskLayer.add(u.box),g.add(u.label)}renderSimpleConnect({label:t,agentIDs:e,options:n},s,r,i){const a=s.theme.connect,o=s.agentInfos.get(e[1]),l=r.x<o.x?1:-1,h=s.textSizer.measureHeight(a.label.attrs,t)+a.label.margin.top+a.label.margin.bottom,d=r.x+r.currentMaxRad*l,g=o.x-o.currentMaxRad*l,c=s.makeRegion(),u=this.renderArrowLine({x1:d,x2:g,y1:i,y2:s.primaryY},n,s,c),p=Math.max(u.lArrow.height(s.theme),u.rArrow.height(s.theme))/2,f=Math.max(h,p);return this.renderVirtualSources({from:r,rendered:u,to:o},s,c),c.add(s.svg.el("path").attrs(fe).attr("d","M"+d+","+(i-f)+"L"+g+","+(s.primaryY-f)+"L"+g+","+(s.primaryY+p)+"L"+d+","+(i+p)+"Z")),this.renderSimpleLabel(t,{height:h,layer:c,x1:d,x2:g,y1:i,y2:s.primaryY},s),s.primaryY+Math.max(p+s.theme.minActionMargin,s.theme.actionMargin)}renderPre({label:t,agentIDs:e,options:n},s){const r=s.theme.connect,i=be[n.left],a=be[n.right],o=s.textSizer.measureHeight(r.label.attrs,t)+r.label.margin.top+r.label.margin.bottom;let l=i.height(s.theme);return e[0]!==e[1]&&(l=Math.max(l,a.height(s.theme))),{agentIDs:e,topShift:Math.max(l/2,o)}}render(t,e,n=null,s=null){let r=s,i=n;return null===n&&(i=e.agentInfos.get(t.agentIDs[0]),r=e.primaryY),t.agentIDs[0]===t.agentIDs[1]?this.renderSelfConnect(t,e,i,r):this.renderSimpleConnect(t,e,i,r)}}q("connect",new xe),q("connect-delay-begin",new class extends xe{makeState(t){t.delayedConnections=new Map}resetState(t){t.delayedConnections.clear()}separation(t,n){super.separation(t,n),e(n.momentaryAgentIDs,[t.agentIDs[0]])}renderPre(t,e){return Object.assign(super.renderPre(t,e),{agentIDs:[t.agentIDs[0]]})}render(t,e){return e.state.delayedConnections.set(t.tag,{from:Object.assign({},e.agentInfos.get(t.agentIDs[0])),stage:t,y:e.primaryY}),e.primaryY+e.theme.actionMargin}renderHidden(t,e){this.render(t,e)}}),q("connect-delay-end",new class extends xe{prepareMeasurements(){}separationPre(){}separation(){}renderPre({tag:t},e){const n=e.theme.connect,s=e.state.delayedConnections.get(t),r=s.stage,i=[r.agentIDs[1]];return r.agentIDs[0]===r.agentIDs[1]?{agentIDs:i,y:s.y+2*n.loopbackRadius}:Object.assign(super.renderPre(r,e),{agentIDs:i})}render({tag:t},e){const n=e.state.delayedConnections.get(t);return super.render(n.stage,e,n.from,n.y)}});const ye={class:"outline",fill:"transparent"};q("divider",new class extends le{prepareMeasurements({mode:t,formattedLabel:e},n){const s=n.theme.getDivider(t);n.textSizer.expectMeasure(s.labelAttrs,e)}separation({mode:t,formattedLabel:e},n){const s=n.theme.getDivider(t),r=n.textSizer.measure(s.labelAttrs,e).width+s.padding.left+s.padding.right;n.addSeparation("[","]",r),n.addSpacing("[",{left:s.extend,right:0}),n.addSpacing("]",{left:0,right:s.extend})}renderPre(){return{agentIDs:["[","]"]}}render({mode:t,height:e,formattedLabel:n},s){const r=s.theme.getDivider(t),i=s.agentInfos.get("["),a=s.agentInfos.get("]");let o=0,l=0;n&&(l=s.textSizer.measureHeight(r.labelAttrs,n));const h=Math.max(e,l)+r.margin;let d=null;if(n){const t=s.svg.boxedText({boxAttrs:{fill:"#000000"},labelAttrs:r.labelAttrs,padding:r.padding},n,{x:(i.x+a.x)/2,y:s.primaryY+(h-l)/2-r.padding.top});s.fullMaskLayer.add(t.box),d=t.label,o=t.width}const{shape:g,mask:c}=r.render({env:s,height:e,labelHeight:l,labelWidth:o,width:a.x-i.x+2*r.extend,x:i.x-r.extend,y:s.primaryY+(h-e)/2});return s.fullMaskLayer.add(c),s.makeRegion({unmasked:!0}).add(s.svg.box(ye,{height:h,width:a.x-i.x+2*r.extend,x:i.x-r.extend,y:s.primaryY}),g,d),s.primaryY+h+s.theme.actionMargin}});q("mark",new class extends le{makeState(t){t.marks=new Map}resetState(t){t.marks.clear()}render({name:t},{topY:e,state:n}){n.marks.set(t,e)}renderHidden(t,e){this.render(t,e)}}),q("async",new class extends le{renderPre({target:t},{state:e}){let n=0;return t&&e.marks&&(n=e.marks.get(t)||0),{asynchronousY:n}}});const ke={class:"outline",fill:"transparent"};class we extends le{prepareMeasurements({mode:t,label:e},n){const s=n.theme.getNote(t);n.textSizer.expectMeasure(s.labelAttrs,e)}renderPre({agentIDs:t}){return{agentIDs:t}}renderNote({label:t,mode:e,position:n},s){const r=s.theme.getNote(e),{padding:i}=r,a=s.topY+r.margin.top+i.top,o=s.svg.formattedText(r.labelAttrs,t),l=s.textSizer.measure(o),h=l.width+i.left+i.right,d=l.height+i.top+i.bottom,g=function(t,{x0:e=null,x1:n=null,xMid:s=null}){let r=e,i=n;return null===r&&null!==s&&(r=s-t/2),null===i&&null!==r?i=r+t:null===r&&(r=i-t),{xL:r,xR:i}}(h,n);o.set({x:function(t,{xL:e,xR:n},s){switch(t){case"middle":return(e+s.left+n-s.right)/2;case"end":return n-s.right;default:return e+s.left}}(r.labelAttrs["text-anchor"],g,i),y:a});const c={height:d,width:g.xR-g.xL,x:g.xL,y:s.topY+r.margin.top};return s.makeRegion().add(r.boxRenderer(c),s.svg.box(ke,c),o),s.topY+r.margin.top+d+r.margin.bottom+s.theme.actionMargin}}class ve extends we{constructor(t){super(),this.isRight=t}separation({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t),o=s.textSizer.measure(r.labelAttrs,n).width+r.padding.left+r.padding.right+r.margin.left+r.margin.right;if(this.isRight){const t=s.agentInfos.get(a);s.addSpacing(a,{left:0,right:o+t.currentMaxRad})}else{const t=s.agentInfos.get(i);s.addSpacing(i,{left:o+t.currentMaxRad,right:0})}}render({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t);if(this.isRight){const t=s.agentInfos.get(a),i=t.x+t.currentMaxRad+r.margin.left;return this.renderNote({label:n,mode:e,position:{x0:i}},s)}{const t=s.agentInfos.get(i),a=t.x-t.currentMaxRad-r.margin.right;return this.renderNote({label:n,mode:e,position:{x1:a}},s)}}}q("note over",new class extends we{separation({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),i=s.textSizer.measure(r.labelAttrs,n).width+r.padding.left+r.padding.right,{left:a,right:o}=Y(s.agentInfos,t),l=s.agentInfos.get(a),h=s.agentInfos.get(o);if(l===h)s.addSpacing(a,{left:i/2,right:i/2});else{const t=l.currentMaxRad+r.overlap.left,e=h.currentMaxRad+r.overlap.right;s.addSeparation(a,o,i-t-e),s.addSpacing(a,{left:t,right:0}),s.addSpacing(o,{left:0,right:e})}}render({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t),o=s.agentInfos.get(i),l=s.agentInfos.get(a);if(o===l){const t=o.x;return this.renderNote({label:n,mode:e,position:{xMid:t}},s)}return this.renderNote({label:n,mode:e,position:{x0:o.x-o.currentMaxRad-r.overlap.left,x1:l.x+l.currentMaxRad+r.overlap.right}},s)}}),q("note left",new ve(!1)),q("note right",new ve(!0)),q("note between",new class extends we{separation({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t),o=s.agentInfos.get(i),l=s.agentInfos.get(a);s.addSeparation(i,a,s.textSizer.measure(r.labelAttrs,n).width+r.padding.left+r.padding.right+r.margin.left+r.margin.right+o.currentMaxRad+l.currentMaxRad)}render({agentIDs:t,mode:e,label:n},s){const{left:r,right:i}=Y(s.agentInfos,t),a=s.agentInfos.get(r),o=s.agentInfos.get(i),l=(a.x+a.currentMaxRad+o.x-o.currentMaxRad)/2;return this.renderNote({label:n,mode:e,position:{xMid:l}},s)}});q("parallel",new class extends le{invokeChildren(t,e,n){return t.stages.map(t=>e.components.get(t.type)[n](t,e))}prepareMeasurements(t,e){this.invokeChildren(t,e,"prepareMeasurements")}separationPre(t,e){this.invokeChildren(t,e,"separationPre")}separation(t,e){this.invokeChildren(t,e,"separation")}renderPre(t,e){return this.invokeChildren(t,e,"renderPre").map(t=>j(t)).reduce(W,{agentIDs:[],asynchronousY:null,topShift:0})}render(t,e){const n=e.makeRegion;let s=0;return t.stages.forEach(t=>{e.makeRegion=((e={})=>n(Object.assign({stageOverride:t},e)));const r=e.components.get(t.type).render(t,e)||0;s=Math.max(s,r)}),e.makeRegion=n,s}renderHidden(t,e){this.invokeChildren(t,e,"renderHidden")}shouldHide(t,e){return this.invokeChildren(t,e,"shouldHide").reduce((t,{self:e=!1,nest:n=0}={})=>({nest:t.nest+n,self:t.self||Boolean(e)}),{nest:0,self:!1})}});class Ae{constructor(t){this.element=t}addBefore(t=null,e=null){if(null===t)return this;if(Array.isArray(t))for(const n of t)this.addBefore(n,e);else{const n=function(t,e){return"string"==typeof t?e.createTextNode(t):"number"==typeof t?e.createTextNode(t.toString(10)):"object"==typeof t&&t.element?t.element:t}(t,this.element.ownerDocument);this.element.insertBefore(n,X(e))}return this}add(...t){return this.addBefore(t,null)}del(t=null){return null!==t&&this.element.removeChild(X(t)),this}attr(t,e){return this.element.setAttribute(t,e),this}attrs(t){for(const e in t)Object.prototype.hasOwnProperty.call(t,e)&&this.element.setAttribute(e,t[e]);return this}styles(t){for(const e in t)Object.prototype.hasOwnProperty.call(t,e)&&(this.element.style[e]=t[e]);return this}setClass(t){return this.attr("class",t)}addClass(t){const e=this.element.getAttribute("class");if(!e)return this.setClass(t);const n=e.split(" ");return n.includes(t)?this:(n.push(t),this.attr("class",n.join(" ")))}delClass(t){const e=this.element.getAttribute("class");if(!e)return this;const n=e.split(" "),s=n.indexOf(t);return-1!==s&&(n.splice(s,1),this.attr("class",n.join(" "))),this}text(t){return this.element.textContent=t,this}on(t,e,n={}){if(Array.isArray(t))for(const s of t)this.on(s,e,n);else this.element.addEventListener(t,e,n);return this}off(t,e,n={}){if(Array.isArray(t))for(const s of t)this.off(s,e,n);else this.element.removeEventListener(t,e,n);return this}val(t){return this.element.value=t,this}select(t,e=null){return this.element.selectionStart=t,this.element.selectionEnd=null===e?t:e,this}focus(){return this.element.focus(),this}focussed(){return this.element===this.element.ownerDocument.activeElement}empty(){for(;this.element.childNodes.length>0;)this.element.removeChild(this.element.lastChild);return this}attach(t){return X(t).appendChild(this.element),this}detach(){return this.element.parentNode&&this.element.parentNode.removeChild(this.element),this}}class Fe{constructor(t){if(!t)throw new Error("Missing document!");this.document=t,this.wrap=this.wrap.bind(this),this.el=this.el.bind(this),this.txt=this.txt.bind(this)}wrap(t){return t.element?t:new Ae(t)}el(t,e=null){let n=null;return n=null===e?this.document.createElement(t):this.document.createElementNS(e,t),new Ae(n)}txt(t=""){return this.document.createTextNode(t)}}const Me=[];class Se{constructor(t,e,n={}){this.container=t,this.svg=e,this.state={attrs:{},formatted:Me,x:0,y:0},this.lines=[],this.set(n)}_rebuildLines(t){if(t>this.lines.length)for(;this.lines.length<t;)this.lines.push({latest:"",node:this.svg.el("text").attr("x",this.state.x).attrs(this.state.attrs).attach(this.container)});else for(;this.lines.length>t;)this.lines.pop().node.detach()}_reset(){this._rebuildLines(0)}_renderText(){const{formatted:t}=this.state;if(t&&t.length){if(!Array.isArray(t))throw new Error("Invalid formatted text: "+t);this._rebuildLines(t.length),this.lines.forEach((e,n)=>{const s=JSON.stringify(t[n]);s!==e.latest&&(e.node.empty(),Q(this.svg,e.node,t[n]),e.latest=s)})}else this._reset()}_updateX(){this.lines.forEach(({node:t})=>{t.attr("x",this.state.x)})}_updateY(){const t=this.svg.textSizer;let e=this.state.y;for(let n=0;n<this.lines.length;++n){const s=[this.state.formatted[n]],r=t.baseline(this.state.attrs,s);this.lines[n].node.attr("y",e+r),e+=t.measureHeight(this.state.attrs,s)}}set(t){const e=Object.assign({},this.state);!function(t,e){for(const n in t)Object.prototype.hasOwnProperty.call(t,n)&&null!==e[n]&&void 0!==e[n]&&(t[n]=e[n])}(this.state,t),this.state.attrs!==e.attrs&&(this._reset(),e.formatted=Me);const n=this.lines.length;this.state.formatted!==e.formatted&&this._renderText(),this.state.x!==e.x&&this._updateX(),this.state.y===e.y&&this.lines.length===n||this._updateY()}}class Re{constructor(t=null,e=0){this.pattern=t,this.dw=t&&t.partWidth,this.points=[],this.phase=e,this.x=null,this.y=null,this.disconnect=0}_nextDelta(){return this.pattern.getDelta(this.phase++)}_link(){2===this.disconnect&&(this.points.push(this.x+" "+this.y),this.disconnect=0)}cap(){return this.disconnect>0&&(this.points.push(this.x+" "+this.y),this.disconnect=0),this}move(t,e){return this.cap(),this.x=t,this.y=e,this.disconnect=2,this}line(t,e,{patterned:n=!0}={}){if(this.pattern&&n){const n=Math.sqrt((t-this.x)*(t-this.x)+(e-this.y)*(e-this.y)),s=(t-this.x)/n,r=(e-this.y)/n,i=-r,a=s;for(let t=0;t+this.dw<=n;t+=this.dw){const e=this._nextDelta();this.points.push(this.x+t*s+e*i+" "+(this.y+t*r+e*a))}this.disconnect=1}else this._link(),this.disconnect=2;return this.x=t,this.y=e,this}arc(t,e,n){const s=Math.sqrt((t-this.x)*(t-this.x)+(e-this.y)*(e-this.y)),r=Math.atan2(this.x-t,e-this.y),i=t+Math.sin(r+n)*s,a=e-Math.cos(r+n)*s;if(this.pattern){const i=n<0?1:-1,a=this.dw/s;for(let o=r;o+a<=r+n;o+=a){const n=this._nextDelta()*i;this.points.push(t+Math.sin(o)*(s+n)+" "+(e-Math.cos(o)*(s+n)))}this.disconnect=1}else this.points.push(this.x+" "+this.y+"A"+s+" "+s+" 0 "+(Math.abs(n)>=Math.PI?"1 ":"0 ")+(n<0?"0 ":"1 ")+i+" "+a),this.disconnect=0;return this.x=i,this.y=a,this}asPath(){return this._link(),"M"+this.points.join("L")}}const Ce="http://www.w3.org/2000/svg",Ie=t=>new class{constructor(t){this.svg=t,this.testers=this.svg.el("g").attrs({display:vt?"block":"none",visibility:"hidden"}),this.container=t.body}baseline({attrs:t}){return Number(t["font-size"])}measureHeight({attrs:t,formatted:e}){const n=this.baseline({attrs:t,formatted:e})*(Number(t["line-height"])||1);return e.length*n}prepMeasurement(t,e){const n=this.svg.el("text").attrs(t).attach(this.testers);return Q(this.svg,n,e),n}prepComplete(){this.container.add(this.testers)}performMeasurement(t){return t.element.getComputedTextLength()}teardown(){this.container.del(this.testers.empty())}}(t);class Ee{constructor(t){this.sizer=t,this.cache=new Map,this.active=null}_expectMeasure({attrs:t,formatted:e}){if(!e.length)return null;const n=JSON.stringify(t);let s=this.cache.get(n);return s||(s={attrs:t,lines:new Map},this.cache.set(n,s)),e.forEach(t=>{if(!t.length)return;const e=JSON.stringify(t);s.lines.has(e)||s.lines.set(e,{formatted:t,width:null})}),s}_measureLine(t,e){if(!e.length)return 0;const n=JSON.stringify(e),s=t.lines.get(n);if(null===s.width)throw new Error("Unexpected measurement of "+e);return s.width}_measureWidth(t){if(!t.formatted.length)return 0;const e=this._expectMeasure(t);return t.formatted.map(t=>this._measureLine(e,t)).reduce((t,e)=>Math.max(t,e),0)}_getMeasurementOpts(t,e){const n={attrs:t,formatted:e};if(e||(t.textBlock?(n.attrs=t.textBlock.state.attrs,n.formatted=t.textBlock.state.formatted):t.state&&(n.attrs=t.state.attrs,n.formatted=t.state.formatted),n.formatted=n.formatted||[]),!Array.isArray(n.formatted))throw new Error("Invalid formatted text: "+n.formatted);return n}expectMeasure(t,e){const n=this._getMeasurementOpts(t,e);this._expectMeasure(n)}performMeasurementsPre(){this.active=[],this.cache.forEach(({attrs:t,lines:e})=>{e.forEach(e=>{null===e.width&&this.active.push({cacheLine:e,data:this.sizer.prepMeasurement(t,e.formatted)})})}),this.active.length&&this.sizer.prepComplete()}performMeasurementsAct(){this.active.forEach(({data:t,cacheLine:e})=>{e.width=this.sizer.performMeasurement(t)})}performMeasurementsPost(){this.active.length&&this.sizer.teardown(),this.active=null}performMeasurements(){try{this.performMeasurementsPre(),this.performMeasurementsAct()}finally{this.performMeasurementsPost()}}measure(t,e){const n=this._getMeasurementOpts(t,e);return{height:this.sizer.measureHeight(n),width:this._measureWidth(n)}}baseline(t,e){const n=this._getMeasurementOpts(t,e);return this.sizer.baseline(n)}measureHeight(t,e){const n=this._getMeasurementOpts(t,e);return this.sizer.measureHeight(n)}resetCache(){this.cache.clear()}}class Ge{constructor(t,e=null){this.dom=t,this.body=this.el("svg").attr("xmlns",Ce).attr("version","1.1");const n=e||Ie;this.textFilters=new Map,this.textSizer=new Ee(n(this)),this.txt=this.txt.bind(this),this.el=this.el.bind(this)}resetTextFilters(){this.textFilters.clear()}registerTextFilter(t,e){this.textFilters.set(t,{id:e,used:!1})}getTextFilter(t){const e=this.textFilters.get(t);return e?(e.used=!0,"url(#"+e.id+")"):"none"}getUsedTextFilterNames(){const t=[];for(const[e,n]of this.textFilters)n.used&&t.push(e);return t}linearGradient(t,e){return this.el("linearGradient").attrs(t).add(e.map(t=>this.el("stop").attrs(t)))}patternedLine(t=null,e=0){return new Re(t,e)}txt(t){return this.dom.txt(t)}el(t,e=Ce){return this.dom.el(t,e)}box(t,{height:e,width:n,x:s,y:r}){return this.el("rect").attrs(t).attrs({height:e,width:n,x:s,y:r})}boxFactory(t){return this.box.bind(this,t)}line(t,{x1:e,x2:n,y1:s,y2:r}){return this.el("line").attrs(t).attrs({x1:e,x2:n,y1:s,y2:r})}lineFactory(t){return this.line.bind(this,t)}circle(t,{x:e,y:n,radius:s}){return this.el("circle").attrs({cx:e,cy:n,r:s}).attrs(t)}circleFactory(t){return this.circle.bind(this,t)}cross(t,{x:e,y:n,radius:s}){return this.el("path").attr("d","M"+(e-s)+" "+(n-s)+"l"+2*s+" "+2*s+"m0 "+2*-s+"l"+2*-s+" "+2*s).attrs(t)}crossFactory(t){return this.cross.bind(this,t)}note(t,e,{height:n,width:s,x:r,y:i}){const a=r,o=r+s,l=i,h=i+n;return this.el("g").add(this.el("polygon").attr("points",a+" "+l+" "+(o-7)+" "+l+" "+o+" "+(l+7)+" "+o+" "+h+" "+a+" "+h).attrs(t),this.el("polyline").attr("points",o-7+" "+l+" "+(o-7)+" "+(l+7)+" "+o+" "+(l+7)).attrs(e))}noteFactory(t,e){return this.note.bind(this,t,e)}formattedText(t={},e=[],{x:n,y:s}={}){const r=this.el("g"),i=new Se(r,this,{attrs:t,formatted:e,x:n,y:s});return Object.assign(r,{set:t=>i.set(t),textBlock:i})}formattedTextFactory(t){return this.formattedText.bind(this,t)}boxedText({padding:t,labelAttrs:e,boxAttrs:n={},boxRenderer:s=null},r,{x:i,y:a}){if(!r||!r.length)return Object.assign(this.el("g"),{box:null,height:0,label:null,width:0});const{shift:o,anchorX:l}=function(t,e,n){let s=0,r=t;switch(e["text-anchor"]){case"middle":s=.5,r+=(n.left-n.right)/2;break;case"end":s=1,r-=n.right;break;default:s=0,r+=n.left}return{anchorX:r,shift:s}}(i,e,t),h=this.formattedText(e,r,{x:l,y:a+t.top}),d=this.textSizer.measure(h),g=d.width+t.left+t.right,c=d.height+t.top+t.bottom,u=(s||this.boxFactory(n))({height:c,width:g,x:l-d.width*o-t.left,y:a});return Object.assign(this.el("g").add(u,h),{box:u,height:c,label:h,width:g})}boxedTextFactory(t){return this.boxedText.bind(this,t)}}let De=0;class Le extends yt{constructor({themes:t=[],namespace:e=null,components:n=null,document:s,textSizerFactory:r=null}={}){super(),this._bindMethods(),this.state={},this.width=0,this.height=0,this.themes=function(t){if(0===t.length)throw new Error("Cannot render without a theme");const e=new Map;return t.forEach(t=>{e.set(t.name,t)}),e.set("",t[0]),e}(t),this.themeBuilder=null,this.theme=null,this.namespace=function(t){return null===t?"R"+De++:t}(e),this.components=n||he,this.svg=new Ge(new Fe(s),r),this.knownThemeDefs=new Set,this.knownTextFilterDefs=new Map,this.knownDefs=new Set,this.highlights=new Map,this.collapsed=new Set,this.currentHighlight=-1,this.buildStaticElements(),this.components.forEach(t=>{t.makeState(this.state)})}_bindMethods(){this.separationStage=this.separationStage.bind(this),this.prepareMeasurementsStage=this.prepareMeasurementsStage.bind(this),this.renderStage=this.renderStage.bind(this),this.addThemeDef=this.addThemeDef.bind(this),this.addThemeTextDef=this.addThemeTextDef.bind(this),this.addDef=this.addDef.bind(this)}addTheme(t){this.themes.set(t.name,t)}buildStaticElements(){const{el:t}=this.svg;this.metaCode=this.svg.txt(),this.themeDefs=t("defs"),this.defs=t("defs"),this.fullMask=t("mask").attrs({id:this.namespace+"FullMask",maskUnits:"userSpaceOnUse"}),this.lineMask=t("mask").attrs({id:this.namespace+"LineMask",maskUnits:"userSpaceOnUse"}),this.fullMaskReveal=t("rect").attr("fill","#FFFFFF"),this.lineMaskReveal=t("rect").attr("fill","#FFFFFF"),this.backgroundFills=t("g"),this.agentLines=t("g").attr("mask","url(#"+this.namespace+"LineMask)"),this.blocks=t("g"),this.shapes=t("g"),this.unmaskedShapes=t("g"),this.title=this.svg.formattedText(),this.svg.body.add(this.svg.el("metadata").add(this.metaCode),this.themeDefs,this.defs,this.backgroundFills,this.title,this.unmaskedShapes,t("g").attr("mask","url(#"+this.namespace+"FullMask)").add(this.agentLines,this.blocks,this.shapes))}addThemeDef(t,e){const n=this.namespace+t;return this.knownThemeDefs.has(t)||(this.knownThemeDefs.add(t),this.themeDefs.add(e().attr("id",n))),n}addThemeTextDef(t,e){const n=this.namespace+t;if(!this.knownTextFilterDefs.has(t)){const s=e().attr("id",n);this.knownTextFilterDefs.set(t,s)}this.svg.registerTextFilter(t,n)}addDef(t,e){let n=t,s=e;"function"!=typeof e&&(n="P"+this.knownDefs.size,s=(()=>t));const r=this.namespace+n;return this.knownDefs.has(n)||(this.knownDefs.add(n),this.defs.add(s().attr("id",r))),r}addSeparation(t,e,n){const s=this.agentInfos.get(t),r=this.agentInfos.get(e),i=s.separations.get(e)||0;s.separations.set(e,Math.max(i,n));const a=r.separations.get(t)||0;r.separations.set(t,Math.max(a,n))}checkHidden(t){const e=this.components.get(t.type),n={agentInfos:this.agentInfos,components:this.components,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme},s=e.shouldHide(t,n)||{},r=this.hideNest>0;this.hideNest+=s.nest||0;const i=this.hideNest>0;if(this.hideNest<0)throw new Error("Unexpected nesting in "+t.type);return r===i?i:Boolean(s.self)}separationStage(t){const n=new Map,s=this.visibleAgentIDs.slice(),r=[];this.agentInfos.forEach(t=>{const e=t.currentRad;t.currentMaxRad=e,n.set(t.id,{left:e,right:e})});const i={addSeparation:(t,e,n)=>{r.push({agentID1:t,agentID2:e,dist:n})},addSpacing:(t,{left:e,right:s})=>{const r=n.get(t);r.left=Math.max(r.left,e),r.right=Math.max(r.right,s)},agentInfos:this.agentInfos,components:this.components,momentaryAgentIDs:s,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme,visibleAgentIDs:this.visibleAgentIDs},a=this.components.get(t.type);if(!a)throw new Error("Unknown component: "+t.type);a.separationPre(t,i),a.separation(t,i),this.checkHidden(t)||(e(s,this.visibleAgentIDs),r.forEach(({agentID1:t,agentID2:e,dist:n})=>{this.addSeparation(t,e,n)}),s.forEach(t=>{const e=this.agentInfos.get(t),r=n.get(t);e.maxRPad=Math.max(e.maxRPad,r.right),e.maxLPad=Math.max(e.maxLPad,r.left),s.forEach(s=>{if(this.agentInfos.get(s).index>=e.index)return;const i=n.get(s);this.addSeparation(t,s,r.left+i.right+this.theme.agentMargin)})}))}prepareMeasurementsStage(t){const e={agentInfos:this.agentInfos,components:this.components,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme},n=this.components.get(t.type);if(!n)throw new Error("Unknown component: "+t.type);n.prepareMeasurements(t,e)}checkAgentRange(t,e=0){if(0===t.length)return e;const{left:n,right:s}=J(this.agentInfos,t),r=this.agentInfos.get(n).x,i=this.agentInfos.get(s).x;let a=e;return this.agentInfos.forEach(t=>{t.x>=r&&t.x<=i&&(a=Math.max(a,t.latestY))}),a}markAgentRange(t,e){if(0===t.length)return;const{left:n,right:s}=J(this.agentInfos,t),r=this.agentInfos.get(n).x,i=this.agentInfos.get(s).x;this.agentInfos.forEach(t=>{t.x>=r&&t.x<=i&&(t.latestY=e)})}drawAgentLine(t,e){null!==t.latestYStart&&e>t.latestYStart&&this.agentLines.add(this.theme.renderAgentLine({className:"agent-"+t.index+"-line",options:t.options,width:2*t.currentRad,x:t.x,y0:t.latestYStart,y1:e}))}addHighlightObject(t,e){let n=this.highlights.get(t);n||(n=[],this.highlights.set(t,n)),n.push(e)}forwardEvent(t,e,n,s){t.on(e,this.trigger.bind(this,n,s))}renderStage(t){this.agentInfos.forEach(t=>{const e=t.currentRad;t.currentMaxRad=e});const e={agentInfos:this.agentInfos,components:this.components,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme},n=this.components.get(t.type),s=n.renderPre(t,e),{agentIDs:r,topShift:i,asynchronousY:a}=j(s,this.currentY),o=this.checkAgentRange(r,a),l={addDef:this.addDef,agentInfos:this.agentInfos,blockLayer:this.blocks,components:this.components,drawAgentLine:(t,e,n=!1)=>{const s=this.agentInfos.get(t);this.drawAgentLine(s,e),s.latestYStart=n?null:e},fillLayer:this.backgroundFills,fullMaskLayer:this.fullMask,lineMaskLayer:this.lineMask,makeRegion:({stageOverride:e=null,unmasked:n=!1}={})=>{const s=this.svg.el("g").setClass("region"),r=e||t;return this.addHighlightObject(r.ln,s),this.forwardEvent(s,"mouseenter","mouseover",[r]),this.forwardEvent(s,"mouseleave","mouseout",[r]),this.forwardEvent(s,"click","click",[r]),this.forwardEvent(s,"dblclick","dblclick",[r]),s.attach(n?this.unmaskedShapes:this.shapes)},primaryY:o+i,renderer:this,state:this.state,svg:this.svg,textSizer:this.svg.textSizer,theme:this.theme,topY:o};let h=o;this.checkHidden(t)?(l.primaryY=o,n.renderHidden(t,l)):h=Math.max(h,n.render(t,l)||0),this.markAgentRange(r,h),this.currentY=h}positionAgents(){const t=[];this.agentInfos.forEach(e=>{let n=0;e.separations.forEach((t,s)=>{const r=this.agentInfos.get(s);r.index<e.index&&(n=Math.max(n,r.x+t))}),e.x=n,t.push(e)});let e={x:0};t.reverse().forEach(t=>{let n=e.x;e=t,t.anchorRight&&(t.separations.forEach((e,s)=>{const r=this.agentInfos.get(s);r.index>t.index&&(n=Math.min(n,r.x-e))}),t.x=n)}),this.agentInfos.forEach(({x:t,maxRPad:e,maxLPad:n})=>{this.minX=Math.min(this.minX,t-n),this.maxX=Math.max(this.maxX,t+e)})}buildAgentInfos(t){this.agentInfos=new Map,t.forEach((t,e)=>{this.agentInfos.set(t.id,{anchorRight:t.anchorRight,currentMaxRad:0,currentRad:0,formattedLabel:t.formattedLabel,id:t.id,index:e,isVirtualSource:t.isVirtualSource,latestY:0,latestYStart:null,maxLPad:0,maxRPad:0,options:t.options,separations:new Map,x:null})})}updateBounds(t){const e=(this.minX+this.maxX)/2,n=this.svg.textSizer.measure(this.title),s=n.height>0?-this.theme.titleMargin-n.height:0;this.title.set({x:e,y:s});const r=n.width/2,i=this.theme.outerMargin,a=Math.min(this.minX,e-r)-i,o=Math.max(this.maxX,e+r)+i,l=s-i,h=t+i;this.width=o-a,this.height=h-l;const d={height:this.height,width:this.width,x:a,y:l};this.fullMaskReveal.attrs(d),this.lineMaskReveal.attrs(d),this.svg.body.attr("viewBox",a+" "+l+" "+this.width+" "+this.height)}_resetState(){this.components.forEach(t=>{t.resetState(this.state)}),this.currentY=0,this.hideNest=0}_reset(t){t&&(this.knownThemeDefs.clear(),this.knownTextFilterDefs.clear(),this.themeDefs.empty()),this.knownDefs.clear(),this.highlights.clear(),this.defs.empty(),this.fullMask.empty(),this.lineMask.empty(),this.backgroundFills.empty(),this.agentLines.empty(),this.blocks.empty(),this.shapes.empty(),this.unmaskedShapes.empty(),this.defs.add(this.fullMask.add(this.fullMaskReveal),this.lineMask.add(this.lineMaskReveal)),this._resetState()}setHighlight(t=null){const e=null===t?-1:t;this.currentHighlight!==e&&(this.highlights.has(this.currentHighlight)&&this.highlights.get(this.currentHighlight).forEach(t=>{t.delClass("focus")}),this.highlights.has(e)&&this.highlights.get(e).forEach(t=>{t.addClass("focus")}),this.currentHighlight=e)}isCollapsed(t){return this.collapsed.has(t)}setCollapseAll(t){if(t)throw new Error("Cannot collapse all");return 0!==this.collapsed.size&&(this.collapsed.clear(),!0)}_setCollapsed(t,e){return"number"==typeof t&&(e!==this.isCollapsed(t)&&(e?this.collapsed.add(t):this.collapsed.delete(t),!0))}setCollapsed(t,e=!0){return null===t?this.setCollapseAll(e):Array.isArray(t)?t.map(t=>this._setCollapsed(t,e)).some(t=>t):this._setCollapsed(t,e)}_switchTheme(t){const e=this.themeBuilder;return this.themeBuilder=this.getThemeNamed(t),this.themeBuilder!==e&&(this.theme=this.themeBuilder.build(this.svg)),this.theme.reset(),this.themeBuilder!==e}optimisedRenderPreReflow(t){const e=this._switchTheme(t.meta.theme);this._reset(e),this.metaCode.nodeValue=t.meta.code,this.svg.resetTextFilters(),this.theme.addDefs(this.addThemeDef,this.addThemeTextDef);for(const t of this.knownTextFilterDefs.values())t.detach();this.title.set({attrs:Object.assign({class:"title"},this.theme.getTitleAttrs()),formatted:t.meta.title}),this.svg.textSizer.expectMeasure(this.title),this.minX=0,this.maxX=0,this.buildAgentInfos(t.agents),t.stages.forEach(this.prepareMeasurementsStage),this._resetState(),this.svg.textSizer.performMeasurementsPre()}optimisedRenderReflow(){this.svg.textSizer.performMeasurementsAct()}optimisedRenderPostReflow(t){this.visibleAgentIDs=["[","]"],t.stages.forEach(this.separationStage),this._resetState(),this.positionAgents(),t.stages.forEach(this.renderStage);const e=this.checkAgentRange(["[","]"],this.currentY);this.svg.getUsedTextFilterNames().forEach(t=>{this.themeDefs.add(this.knownTextFilterDefs.get(t))});const n=Math.max(e-this.theme.actionMargin,0);this.updateBounds(n);const s=this.currentHighlight;this.currentHighlight=-1,this.setHighlight(s),this.svg.textSizer.performMeasurementsPost(),this.svg.textSizer.resetCache()}render(t){this.optimisedRenderPreReflow(t),this.optimisedRenderReflow(),this.optimisedRenderPostReflow(t)}getThemeNames(){return Array.from(this.themes.keys()).filter(t=>""!==t)}getThemes(){return this.getThemeNames().map(t=>this.themes.get(t))}getThemeNamed(t){const e=this.themes.get(t);return e||this.themes.get("")}getAgentX(t){return this.agentInfos.get(t).x}dom(){return this.svg.body.element}}var Ne={name:"Handlee",woff2:"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"};class ze{constructor(){this.s=new Uint32Array(4)}reset(){this.s[0]=394173556,this.s[1]=2926575054,this.s[2]=1022685995,this.s[3]=1178902408}nextFloat(){let t=this.s[0],e=this.s[1];const n=this.s[2],s=this.s[3];return this.s[0]=n,this.s[1]=s,t^=t<<23|e>>>9,e^=e<<23,this.s[2]=t^n^t>>>17^n>>>26,this.s[3]=e^s^(t<<15|e>>>17)^(n<<6|s>>>26),(this.s[3]+s>>>0)%4294967296/4294967296}}const Oe=Ne.name,Te=Oe+",cursive",Be=1.5,Ve=5,He={normal:{stroke:"rgba(0,0,0,0.7)","stroke-width":.8,"stroke-linejoin":"round","stroke-linecap":"round"},thick:{stroke:"rgba(0,0,0,0.8)","stroke-width":1.2,"stroke-linejoin":"round","stroke-linecap":"round"}},Pe={"font-family":Te,"font-size":8,"line-height":Be},je={"font-family":Te,"font-size":8,"line-height":Be,"text-anchor":"middle"},qe={};class Ye{constructor(t,e){this.deltas=[0,-.3,-.6,-.75,-.45,0,.45,.75,.6,.3],e!==qe&&this.deltas.reverse(),this.partWidth=6/this.deltas.length}getDelta(t){return this.deltas[t%this.deltas.length]+.5*Math.sin(.03*t)}}class Ue extends lt{constructor(t,e=qe){super(t,{"font-family":Oe,"font-size":8,"line-height":Be}),this.handedness=e===qe?1:-1,this.random=new ze;const n=new Ye(4,e),s={padding:{top:3,bottom:2},tag:{padding:{top:2,left:3,right:5,bottom:0},boxRenderer:this.renderTag.bind(this),labelAttrs:{"font-family":Te,"font-weight":"bold","font-size":9,"line-height":Be,"text-anchor":"left"}},label:{minHeight:6,padding:{top:2,left:5,right:3,bottom:1},labelAttrs:{"font-family":Te,"font-size":8,"line-height":Be,"text-anchor":"left"}}};Object.assign(this,{titleMargin:10,outerMargin:5,agentMargin:10,actionMargin:10,minActionMargin:3,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:5,left:10,right:10,bottom:5},arrowBottom:12.8,labelAttrs:{"font-family":Te,"font-size":12,"line-height":Be,"text-anchor":"middle"},boxRenderer:this.renderBox.bind(this)},database:{padding:{top:12,left:10,right:10,bottom:2},arrowBottom:12.8,boxRenderer:this.renderDB.bind(this,Object.assign({fill:"#FFFFFF","db-z":5},He.normal)),labelAttrs:{"font-family":Oe,"font-size":12,"line-height":Be,"text-anchor":"middle"}},cross:{size:15,render:this.renderCross.bind(this)},bar:{height:6,render:this.renderBar.bind(this)},fade:{width:Math.ceil(2*Ve+2),height:6,extend:Math.ceil(.3*Ve+1)},none:{height:10}},connect:{loopbackRadius:6,arrow:{single:{width:5,height:6,attrs:Object.assign({fill:"rgba(0,0,0,0.9)"},He.normal),render:this.renderArrowHead.bind(this)},double:{width:4,height:8,attrs:Object.assign({fill:"none"},He.normal),render:this.renderArrowHead.bind(this)},cross:{short:5,radius:3,render:this.renderCross.bind(this)}},label:{padding:6,margin:{top:2,bottom:1},attrs:{"font-family":Te,"font-size":8,"line-height":Be,"text-anchor":"middle"},loopbackAttrs:{"font-family":Te,"font-size":8,"line-height":Be}},source:{radius:1,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},mask:{padding:{top:0,left:3,right:3,bottom:1}}},agentLineAttrs:{"":Object.assign({fill:"none"},He.normal),red:{stroke:"rgba(200,40,0,0.8)"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRefBlock.bind(this),section:s},"":{margin:{top:0,bottom:0},boxRenderer:this.renderBlock.bind(this),collapsedBoxRenderer:this.renderMinBlock.bind(this),section:s,sepRenderer:this.renderSeparator.bind(this)}},notes:{text:{margin:{top:0,left:6,right:6,bottom:0},padding:{top:2,left:2,right:2,bottom:2},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:Pe},note:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:5,left:5,right:10,bottom:5},overlap:{left:10,right:10},boxRenderer:this.renderNote.bind(this),labelAttrs:Pe},state:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:7,left:7,right:7,bottom:7},overlap:{left:10,right:10},boxRenderer:this.renderState.bind(this),labelAttrs:Pe}},dividers:{"":{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:0,render:this.renderLineDivider.bind(this)},delay:{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:1,gapSize:2})},tear:{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:10,render:this.renderTearDivider.bind(this,{fadeBegin:5,fadeSize:10,pattern:n,lineAttrs:He.normal})}}}),this.addConnectLine("solid",{attrs:He.normal}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"4, 2"}}),this.addConnectLine("wave",{attrs:{"stroke-linejoin":"round","stroke-linecap":"round"},pattern:n})}reset(){this.random.reset()}addDefs(t,e){t("sketch_font",()=>{const t=this.svg.el("style",null);return t.text("@font-face{font-family:"+Ne.name+';src:url("data:font/woff2;base64,'+Ne.woff2+'");}'),t}),super.addDefs(t,e)}vary(t,e=0){if(!t)return e;const n=this.random.nextFloat();return e+2*Math.asin(2*n-1)*t/Math.PI}lineNodes(t,e,{var1:n=1,var2:s=1,varX:r=1,varY:i=1,move:a=!0}){const o=Math.sqrt((e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y)),l=Math.min(.2*Math.sqrt(o),Ve),h=this.vary(n*r*l,t.x),d=this.vary(n*i*l,t.y),g=this.vary(s*r*l,e.x),c=this.vary(s*i*l,e.y),u=function(t,e,n){return Math.max(e,Math.min(n,t))}((d-c)/(Math.abs(h-g)+.001),-1,1)/6+.5,p=this.vary(.5,.5)*l,f=this.vary(.5,.5)*l,m=h*(1-u)+g*u-p*this.handedness;return{nodes:(a?"M"+h+" "+d:"")+"C"+m+" "+(d*(1-u)+c*u-f)+","+g+" "+c+","+g+" "+c,p1:{x:h,y:d},p2:{x:g,y:c}}}renderLine(t,e,n){const s=this.lineNodes(t,e,n);return this.svg.el("path").attrs({d:s.nodes,fill:"none","stroke-dasharray":n.dash?"6, 5":"none"}).attrs(n.attrs||(n.thick?He.thick:He.normal))}boxNodes({x:t,y:e,width:n,height:s}){const r=this.lineNodes({x:t,y:e},{x:t+n,y:e},{}),i=this.lineNodes({x:t+n,y:e+s},{x:t,y:e+s},{move:!1}),a=this.lineNodes(r.p2,i.p1,{var1:0,var2:0,move:!1}),o=this.lineNodes(i.p2,r.p1,{var1:0,var2:.3,move:!1});return r.nodes+a.nodes+i.nodes+o.nodes}renderBox(t,{fill:e=null,thick:n=!1,attrs:s=null}={}){return this.svg.el("path").attrs({d:this.boxNodes(t),fill:e||"#FFFFFF"}).attrs(s||(n?He.thick:He.normal))}renderNote({x:t,y:e,width:n,height:s}){const r=this.lineNodes({x:t,y:e},{x:t+n-5,y:e},{}),i=this.lineNodes(r.p2,{x:t+n,y:e+5},{move:!1,var1:0}),a=this.lineNodes({x:t+n,y:e+s},{x:t,y:e+s},{move:!1}),o=this.lineNodes(i.p2,a.p1,{var1:0,var2:0,move:!1}),l=this.lineNodes(a.p2,r.p1,{var1:0,var2:.3,move:!1}),h=this.lineNodes(i.p1,{x:t+n-5,y:e+5},{var1:.3}),d=this.lineNodes(h.p2,i.p2,{var1:0,move:!1});return this.svg.el("g").add(this.svg.el("path").attrs({d:r.nodes+i.nodes+o.nodes+a.nodes+l.nodes,fill:"#FFFFFF"}).attrs(He.normal),this.svg.el("path").attrs({d:h.nodes+d.nodes,fill:"none"}).attrs(He.normal))}renderLineDivider({x:t,y:e,labelWidth:n,width:s,height:r}){let i=null;const a=e+r/2;return i=n>0?this.svg.el("g").add(this.renderLine({x:t,y:a},{x:t+(s-n)/2,y:a},{}),this.renderLine({x:t+(s+n)/2,y:a},{x:t+s,y:a},{})):this.renderLine({x:t,y:a},{x:t+s,y:a},{}),{shape:i}}renderFlatConnect(t,e,{x1:n,y1:s,x2:r,y2:i}){if(t){const a=n+this.vary(.3),o=r+this.vary(.3),l=s+this.vary(1),h=i+this.vary(1);return{shape:this.svg.el("path").attr("d",this.svg.patternedLine(t).move(a,l).line(o,h).cap().asPath()).attrs(e),p1:{x:a,y:l},p2:{x:o,y:h}}}{const t=this.lineNodes({x:n,y:s},{x:r,y:i},{varX:.3});return{shape:this.svg.el("path").attr("d",t.nodes).attrs(e),p1:t.p1,p2:t.p2}}}renderRevConnect(t,e,{x1:n,y1:s,x2:r,y2:i,xR:a}){if(t){const o=n+this.vary(.3),l=r+this.vary(.3),h=s+this.vary(1),d=i+this.vary(1);return{shape:this.svg.el("path").attr("d",this.svg.patternedLine(t).move(o,h).line(a,s).arc(a,(s+i)/2,Math.PI).line(l,d).cap().asPath()).attrs(e),p1:{x:o,y:h},p2:{x:l,y:d}}}{const t=Math.min(.06*(a-n),3),o=Math.min(.5*(a-n),6),l=n+this.vary(t,-1),h=s+this.vary(t,-1),d=a-o*this.vary(.2,1),g=s-this.vary(1,2),c=a,u=s+this.vary(1,1),p=a,f=i+this.vary(2),m=r+this.vary(t,-1),b=i+this.vary(t,-1);return{shape:this.svg.el("path").attr("d","M"+l+" "+h+"C"+l+" "+h+","+d+" "+g+","+c+" "+u+"S"+p+" "+f+","+m+" "+b).attrs(e),p1:{x:l,y:h},p2:{x:m,y:b}}}}renderArrowHead(t,{x:e,y:n,width:s,height:r,dir:i}){const a=s*this.vary(.2,1),o=r*this.vary(.3,1),l=a*i.dx,h=a*i.dy,d=.5*o*i.dx,g=.5*-o*i.dy,c=this.lineNodes({x:e+l-g,y:n+h-d},{x:e,y:n},{var1:2,var2:.2}),u=this.lineNodes(c.p2,{x:e+l+g,y:n+h+d},{var1:0,var2:2,move:!1}),p="none"===t.fill?{nodes:""}:this.lineNodes(u.p2,c.p1,{var1:0,var2:0,move:!1});return this.svg.el("path").attr("d",c.nodes+u.nodes+p.nodes).attrs(t)}renderState({x:t,y:e,width:n,height:s}){const r=Math.min(.06*n,3),i=Math.min(.06*s,3),a=t+r*this.vary(.6,1),o=e+i*this.vary(.6,1),l=t+n-r*this.vary(.6,1),h=e+i*this.vary(.6,1),d=t+r*this.vary(.6,1),g=e+s-i*this.vary(.6,1),c=t+n-r*this.vary(.6,1),u=e+s-i*this.vary(.6,1),p=t+n/2,f=e+s/2,m=r*this.vary(.2,1.2),b=i*this.vary(.2,1.2),x=e-Math.min(.005*n,1),y=e+s-Math.min(.01*n,2),k=t-Math.min(.01*s,2)*this.handedness,w=k+n;return this.svg.el("path").attr("d","M"+a+" "+o+"C"+(a+m)+" "+(o-b)+","+(p-n*this.vary(.03,.3))+" "+x+","+p+" "+x+"S"+(l-m)+" "+(h-b)+","+l+" "+h+"S"+w+" "+(f-s*this.vary(.03,.3))+","+w+" "+f+"S"+(c+m)+" "+(u-b)+","+c+" "+u+"S"+(p+n*this.vary(.03,.3))+" "+y+","+p+" "+y+"S"+(d+m)+" "+(g+b)+","+d+" "+g+"S"+k+" "+(f+s*this.vary(.03,.3))+","+k+" "+f+"S"+(a-m)+" "+(o+b)+","+a+" "+o+"Z").attr("fill","#FFFFFF").attrs(He.normal)}renderRefBlock(t){const e=this.boxNodes(t);return{shape:this.svg.el("path").attrs({d:e,fill:"none"}).attrs(He.thick),mask:this.svg.el("path").attrs({d:e,fill:"#000000"}),fill:this.svg.el("path").attrs({d:e,fill:"#FFFFFF"})}}renderBlock(t){return this.renderBox(t,{fill:"none",thick:!0})}renderMinBlock(t){return this.renderRefBlock(t)}renderTag({x:t,y:e,width:n,height:s}){const r=t+n,i=e+s,a=this.lineNodes({x:r+3,y:e},{x:r-2,y:i},{}),o=this.lineNodes(a.p2,{x:t,y:i+1},{var1:0,move:!1}),l=a.nodes+o.nodes;return this.svg.el("g").add(this.svg.el("path").attrs({d:l+"L"+t+" "+e,fill:"#FFFFFF"}),this.svg.el("path").attrs({d:l,fill:"#FFFFFF"}).attrs(He.normal))}renderSeparator({x1:t,y1:e,x2:n,y2:s}){return this.renderLine({x:t,y:e},{x:n,y:s},{thick:!0,dash:!0})}renderBar({x:t,y:e,width:n,height:s}){return this.renderBox({x:t,y:e,width:n,height:s},{fill:"#000000"})}renderCross({x:t,y:e,radius:n}){const s=this.vary(.2,1)*n,r=this.lineNodes({x:t-s,y:e-s},{x:t+s,y:e+s},{}),i=this.vary(.2,1)*n,a=this.lineNodes({x:t+i,y:e-i},{x:t-i,y:e+i},{});return this.svg.el("path").attrs({d:r.nodes+a.nodes,fill:"none"}).attrs(He.normal)}renderAgentLine({x:t,y0:e,y1:n,width:s,className:r,options:i}){const a=this.optionsAttributes(this.agentLineAttrs,i);return s>0?this.renderBox({x:t-s/2,y:e,width:s,height:n-e},{fill:"none",attrs:a}).setClass(r):this.renderLine({x:t,y:e},{x:t,y:n},{varY:.3,attrs:a}).setClass(r)}}class We{constructor(t=qe){const e=t===qe;this.name=e?"sketch":"sketch left handed",this.handedness=t}build(t){return new Ue(t,this.handedness)}}Object.assign(We,{RIGHT:qe,LEFT:{}});const Xe=/^([ \t]*)(.*)$/,Qe={after:".!+",end:/[ \t\r\n]$/,start:/^[ \t\r\n:,]/},Je=/^"(\\.|[^"])*$/,Ze=/[\r\n:,"<>\-~]/,Ke=/["\\]/g,_e=[new class{constructor(){this.name="basic"}build(t){return new ut(t)}},new class{constructor(){this.name="monospace"}build(t){return new Ot(t)}},new class{constructor(){this.name="chunky"}build(t){return new xt(t)}},new We(We.RIGHT),new We(We.LEFT)],$e=new oe,tn=new Gt,en=$e.getCodeMirrorMode();class nn extends yt{constructor(t=null,e={}){super();let n=null;t&&"object"==typeof t?(n=t,this.code=n.code):(n=e,this.code=t),Object.assign(this,{exporter:new At,generator:tn,isInteractive:!1,latestProcessed:null,parser:$e,registerCodeMirrorMode:nt,renderer:new Le(Object.assign({document:function(t){return t?t.ownerDocument||null:"undefined"==typeof window?null:window.document}(n.container),themes:_e},n)),textSizerFactory:n.textSizerFactory||null}),this.renderer.addEventForwarding(this),n.container&&n.container.appendChild(this.dom()),n.interactive&&this.addInteractivity(),"string"==typeof this.code&&!1!==n.render&&this.render()}clone(t={}){const e=t.container||this.renderer.dom();return new nn(Object.assign({code:this.code,components:this.renderer.components,container:null,document:e.ownerDocument,interactive:this.isInteractive,namespace:null,textSizerFactory:this.textSizerFactory,themes:this.renderer.getThemes()},t))}set(t="",{render:e=!0}={}){this.code!==t&&(this.code=t,e&&this.render())}process(t){const e=this.parser.parse(t);return this.generator.generate(e)}addTheme(t){this.renderer.addTheme(t)}setHighlight(t){this.renderer.setHighlight(t)}isCollapsed(t){return this.renderer.isCollapsed(t)}setCollapsed(t,e=!0,{render:n=!0}={}){return!!this.renderer.setCollapsed(t,e)&&(n&&this.latestProcessed&&this.render(this.latestProcessed),!0)}collapse(t,e){return this.setCollapsed(t,!0,e)}expand(t,e){return this.setCollapsed(t,!1,e)}toggleCollapsed(t,e){return this.setCollapsed(t,!this.isCollapsed(t),e)}expandAll(t){return this.setCollapsed(null,!1,t)}getThemeNames(){return this.renderer.getThemeNames()}getThemes(){return this.renderer.getThemes()}_updateSize({width:t=null,height:e=null,zoom:n=null}){null!==t?(null===e?this.renderer.height*=t/this.renderer.width:this.renderer.height=e,this.renderer.width=t):null!==e?(this.renderer.width*=e/this.renderer.height,this.renderer.height=e):null!==n&&(this.renderer.width*=n,this.renderer.height*=n)}getSVGCodeSynchronous({size:t={}}={}){return this._updateSize(t),this.exporter.getSVGContent(this.renderer)}getSVGCode(t){return Promise.resolve(this.getSVGCodeSynchronous(t))}getSVGSynchronous({size:t={}}={}){return this._updateSize(t),this.exporter.getSVGURL(this.renderer)}getSVG({size:t={}}={}){return this._updateSize(t),Promise.resolve({latest:!0,url:this.getSVGSynchronous()})}getCanvas({resolution:t=1,size:e={}}={}){return this._updateSize(e),new Promise(e=>{this.exporter.getCanvas(this.renderer,t,e)})}getPNG({resolution:t=1,size:e={}}={}){return this._updateSize(e),new Promise(e=>{this.exporter.getPNGURL(this.renderer,t,(t,n)=>{e({latest:n,url:t})})})}getSize(){return{height:this.renderer.height,width:this.renderer.width}}_revertParent(t){const e=this.renderer.dom();e.parentNode!==t.originalParent&&(e.parentNode.removeChild(e),t.originalParent&&t.originalParent.appendChild(e))}_sendRenderError(t){this._revertParent(this.renderState),this.renderState.error=!0,this.trigger("error",[this,t])}optimisedRenderPreReflow(t=null){const e=this.renderer.dom();this.renderState={error:!1,originalParent:e.parentNode,processed:t};const n=this.renderState;e.isConnected||(n.originalParent&&n.originalParent.removeChild(e),e.ownerDocument.body.appendChild(e));try{n.processed||(n.processed=this.process(this.code)),this.renderer.optimisedRenderPreReflow(n.processed)}catch(t){this._sendRenderError(t)}}optimisedRenderReflow(){try{this.renderState.error||this.renderer.optimisedRenderReflow()}catch(t){this._sendRenderError(t)}}optimisedRenderPostReflow(){const t=this.renderState;try{t.error||this.renderer.optimisedRenderPostReflow(t.processed)}catch(t){this._sendRenderError(t)}this.renderState=null,t.error||(this._revertParent(t),this.latestProcessed=t.processed,this.trigger("render",[this]))}render(t=null){function e(t,e){n=e}let n=null;if(this.addEventListener("error",e),this.optimisedRenderPreReflow(t),this.optimisedRenderReflow(),this.optimisedRenderPostReflow(),this.removeEventListener("error",e),n)throw n}setContainer(t=null){const e=this.dom();e.parentNode&&e.parentNode.removeChild(e),t&&t.appendChild(e)}addInteractivity(){this.isInteractive||(this.isInteractive=!0,this.addEventListener("click",t=>{this.toggleCollapsed(t.ln)}))}extractCodeFromSVG(t){return st(t)}renderAll(t){return rt(t)}dom(){return this.renderer.dom()}}Object.assign(nn,{Exporter:At,Generator:Gt,Parser:oe,Renderer:Le,addTheme:function(t){_e.push(t)},convert:at,convertAll:function(t=null,e="sequence-diagram"){let n=null,s=null;"string"==typeof t?(n=null,s=t):(n=t,s=e);let r=null;r=n&&void 0!==n.length?n:(n||window.document).getElementsByClassName(s);const i=[];for(let t=0;t<r.length;++t)i.push(r[t]);at(i)},extractCodeFromSVG:st,getDefaultThemeNames:function(){return _e.map(t=>t.name)},registerCodeMirrorMode:nt,renderAll:rt,themes:_e});const sn={SequenceDiagram:nn};"undefined"!=typeof exports?Object.assign(exports,sn):window.define&&window.define.amd?(Object.assign(nn,sn),window.define(()=>nn)):(window.document.addEventListener("DOMContentLoaded",()=>{nn.convertAll()},{once:!0}),window.CodeMirror&&nn.registerCodeMirrorMode(window.CodeMirror),Object.assign(window,sn))}();
\ No newline at end of file
+!function(){"use strict";function t(t,e,n=null){if(null===n)return t.indexOf(e);for(let s=0;s<t.length;++s)if(n(t[s],e))return s;return-1}function e(e,n=null,s=null){if(n)for(let r=0;r<n.length;++r)-1===t(e,n[r],s)&&e.push(n[r])}function n(e,n=null,s=null){if(n)for(let r=0;r<n.length;++r){const i=t(e,n[r],s);-1!==i&&e.splice(i,1)}}function s(e,n,s=null){const r=t(e,n,s);-1!==r&&e.splice(r,1)}function r(t){return t[t.length-1]}function i(t,e,n,s){if(e>=t.length)return void s.push(n.slice());const r=t[e];if(!Array.isArray(r))return n.push(r),i(t,e+1,n,s),void n.pop();for(let a=0;a<r.length;++a)n.push(r[a]),i(t,e+1,n,s),n.pop()}function a(t,e){const n=[];return t.forEach(t=>{n.push(...e(t))}),n}function o(t,e){const n=It[t.type];return!(!n||t.type!==e.type)&&!n.check.some(n=>t[n]!==e[n])}function l(t,n){It[t.type].merge.forEach(s=>{e(t[s],n[s])})}function h(t,e){for(let n=0;n<t.length;){e(t[n],n)?t.splice(n,1):++n}}function d(t){h(t,(e,n)=>{for(let s=0;s<n;++s)if(o(t[s],e))return l(t[s],e),!0;return!1})}function g(t){const e=new Set,n=t.map(({type:t})=>t);return n.forEach(t=>{const s=It[t];s&&n.every(e=>t===e||s.siblings.has(e))&&e.add(t)}),e}function c(t,e,n,s){h(s,s=>{if(!t.has(s.type)||!e.has(s.type))return!1;for(let t=0;t<n.length;++t)if(o(n[t],s))return l(n[t],s),!0;return!1})}function u(t,e){for(const n of e)n&&("parallel"===n.type?u(t,n.stages):t.push(n))}function p(t,e){if(!t)return"Nothing to run statement in parallel with";const n=[];return u(n,[t]),u(n,[e]),n.some(t=>!Et.includes(t.type))?"Cannot use parallel here":function(t){const e=a(t.filter(t=>"agent begin"===t.type),t=>t.agentIDs);for(const n of t)if("agent end"===n.type)for(const t of n.agentIDs)if(-1!==e.indexOf(t))return"Cannot create and destroy "+t+" simultaneously";return null}(n)||function(t){const e=t.filter(t=>"block begin"===t.type||"block end"===t.type).length;if(!e)return null;if(e!==t.length)return"Cannot use parallel here";const n=t.filter(t=>"block begin"===t.type).map(t=>t.left);for(const e of t)if("block end"===e.type&&-1!==n.indexOf(e.left))return"Cannot create and destroy reference simultaneously";return null}(n)||function(t){const e=t.filter(t=>"connect-delay-begin"===t.type).map(t=>t.tag);for(const n of t)if("connect-delay-end"===n.type&&-1!==e.indexOf(n.tag))return"Cannot start and finish delayed connection simultaneously";return null}(n)}function f(t,e){if("agent begin"===t.type)return t.mode=e,!0;if("parallel"===t.type){let n=!1;return t.stages.forEach(t=>{"agent begin"===t.type&&(t.mode=e,n=!0)}),n}return!1}function m(t,e,n,r=null){s(t,e,St.equals),s(t,n,St.equals);let i=0,a=t.length;if(r){const e=r.map(e=>St.indexOf(t,e)).filter(t=>-1!==t);i=e.reduce((t,e)=>Math.min(t,e),t.length),a=e.reduce((t,e)=>Math.max(t,e),i)+1}return t.splice(i,0,e),t.splice(a+1,0,n),{indexL:i,indexR:a+1}}function b(t,e=[]){return{type:"string",suggest:e,then:Object.assign({"":0},t)}}function x(t,e){return t.v===e.v&&t.prefix===e.prefix&&t.suffix===e.suffix&&t.q===e.q}function y(t,e,n){return a(n.suggest||[""],s=>{if("object"==typeof s)return s.known?t["known"+s.known]||[]:[s];if(""===s)return[function(t,e){return Object.keys(e.then).length>0?{q:!1,suffix:" ",v:t}:{q:!1,suffix:"\n",v:t}}(e,n)];if("string"==typeof s)return[{q:""===e,v:s}];throw new Error("Invalid suggestion type "+s)})}function k(t,n){const s=[],i=r(n);return Object.keys(i.then).forEach(r=>{let a=i.then[r];"number"==typeof a&&(a=n[n.length-a-1]),e(s,y(t,r,a),x)}),s}function w(t,n,s,r){const i=function(t){for(const e of t)if("object"==typeof e&&e.known)return e.known;return null}(r.suggest||[""]);n.type&&i!==n.type&&(!function(t,n,s){e(t["known"+n],[{q:!0,suffix:" ",v:s}],x)}(t,r.override||n.type,n.value),n.value=""),i&&(n.value=function(t,e){return t+(t?e.s:"")+e.v}(n.value,s)),n.type=i}function v(t,e,n){const s={type:"",value:""};let i=n;const a=[i];return t.line.forEach((e,n)=>{n===t.line.length-1&&(t.completions=k(t,a));const o=e.q?"":e.v;let l=i.then[o];void 0===l?(l=i.then[""],t.isVar=!0):t.isVar=e.q,"number"==typeof l?a.length-=l:a.push(l||Tt),i=r(a),w(t,s,e,i)}),e&&w(t,s,null,{}),t.nextCompletions=k(t,a),t.valid=Boolean(i.then["\n"])||0===Object.keys(i.then).length,i.type}function A(t){const e=t.baseToken||{};return{quoted:e.q||!1,value:e.v||""}}function F(t,e,n){return e.lastIndex=n,e.exec(t)}function M(t,e,n){return n?function(t,e,n){if(n.escape){const s=F(t,n.escape,e);if(s)return{appendSpace:"",appendValue:n.escapeWith(s),end:!1,newBlock:null,skip:s[0].length}}const s=F(t,n.end,e);return s?{appendSpace:"",appendValue:n.includeEnd?s[0]:"",end:!0,newBlock:null,skip:s[0].length}:{appendSpace:"",appendValue:t[e],end:!1,newBlock:null,skip:1}}(t,e,n):function(t,e){for(let n=0;n<qt.length;++n){const s=qt[n],r=F(t,s.start,e);if(r)return{appendSpace:"",appendValue:"",end:!s.end,newBlock:s,skip:r[0].length}}return{appendSpace:t[e],appendValue:"",end:!1,newBlock:null,skip:1}}(t,e)}function S(t){return{ch:t.ch,i:t.i,ln:t.ln}}function R(t){const e=Xt.exec(t);return e&&e[1]?e[1].length:0}function C(t){if("label"===t)return{token:"label"};const e=t.indexOf(" ");let n=null,s=null;-1===e?(n=t,s=[]):(n=t.substr(0,e),s=t.substr(e+1).split(","));let r=null;return"inc"===n&&(r=function(t){let e=1,n=1,s=0;return t[0]&&(e=Number(t[0]),s=Math.max(s,R(t[0]))),t[1]&&(n=Number(t[1]),s=Math.max(s,R(t[1]))),Number.isNaN(e)||Number.isNaN(n)?null:{dp:s,inc:n,start:e}}(s)),r||"<"+t+">"}function I(t,e,n){const s=" "+t+" ",r=e+1;let i={end:0,match:null,start:s.length,styleIndex:-1};const a=s.indexOf("",r);return-1!==a&&(i={end:a+1,match:null,start:a,styleIndex:_t}),Jt.forEach(({all:t,begin:e,end:a},o)=>{const l=t||(null===n[o]?e:a);l.matcher.lastIndex=r-l.skip,i=function(t,e,n,s){if(!s)return t;const r=s.index+n.skip,i=n.matcher.lastIndex;return r<t.start||r===t.start&&i>t.end?{end:i,match:s,start:r,styleIndex:e}:t}(i,o,l,l.matcher.exec(s))}),-1===i.styleIndex?null:(--i.end,--i.start,i)}function E(t){return t.replace(Kt,"")}function G(t,e){return"function"==typeof t?t(...e):t}function D(t){if(!t)return[];const e=Jt.map(()=>null);return E(t).split("\n").map(t=>{const n=[];return function(t,e,n){let s=t,r=0,i=0;for(let t=null;t=I(s,r,e);){const{styleIndex:a,start:o,end:l,match:h}=t;if(a!==_t){if(n(s.substring(i,o)),null===e[a]){const t=Jt[a];e[a]=G(t.attrs,[h]),t.all&&(n(G(t.text,[h])),e[a]=null)}else e[a]=null;i=l,r=l}else s=s.substr(0,o)+s.substr(l),r=o+1}n(s.substr(i))}(function(t){return t.replace(Zt," ")}(E(t)),e,t=>{t&&n.push({attrs:function(t){const e={},n=[];let s=!1;return t.forEach(t=>{if(!t)return;const r=t["text-decoration"];r&&!n.includes(r)&&n.push(r),Object.assign(e,t),s=!0}),n.length>1&&(e["text-decoration"]=n.join(" ")),s?e:null}(e),text:t})}),n})}function L(t,e=null){let n="";return e&&(n=" at line "+(e.b.ln+1)+", character "+e.b.ch),new Error(t+n)}function N(t,e=null){return null===e?t.length:e}function z(t,e=0,n=null){const s=N(t,n);if(s<=e)return"";let r=t[e].v;for(let n=e+1;n<s;++n)r+=t[n].s+t[n].v;return r}function O(t){return!t||t.q?null:t.v}function T(t,e,n,s=null){for(let r=0;r<n.length;++r){const i=n[r],a=t[e+r];if(O(a)!==i){if(s)throw L(s+'; expected "'+i+'"',a);return e}}return e+n.length}function B(t,e,{start:n=0,limit:s=null,orEnd:r=!1}={}){const i=N(t,s);for(let s=n;s<=i-e.length;++s)if(T(t,s,e)!==s)return s;return r?i:-1}function V(t,e,n,{flagTypes:s={},aliases:i=!1}={}){const a=[],o=[];let l=e,h=!1;for(;l<n;++l){const e=t[l],n=O(e),r=s[n];if(!r)break;if(a.includes(r.flag))throw L("Duplicate agent flag: "+n,e);h=h||Boolean(r.allowBlankName),a.push(r.flag),o.push(r.blankNameFlag)}const{name:d,alias:g}=function(t,e,n,{enableAlias:s,allowBlankName:i}){let a=n;if(s&&(a=B(t,["as"],{limit:n,orEnd:!0,start:e})),e>=a&&!i){let n=t[e];throw n||(n={b:r(t).e}),L("Missing agent name",n)}return{alias:z(t,a+1,n),name:z(t,e,a)}}(t,l,n,{allowBlankName:h,enableAlias:i});return{alias:g,flags:d?a:o,name:d}}function H(t,e,n,s){const r=[];let i=-1;for(let a=e;a<n;++a){","===O(t[a])?-1!==i&&(r.push(V(t,i,a,s)),i=-1):-1===i&&(i=a)}return-1!==i&&r.push(V(t,i,n,s)),r}function P(t,{meta:e,stages:n}){let s=!1;const[r]=t;"&"===O(r)&&(s=!0,t.splice(0,1));const i=function(t,e){for(const{begin:n,fn:s}of ie){if(T(t,0,n)!==n.length)continue;const r=s(t,e);if(r)return r}return null}(t,e);if(!i)throw L("Unrecognised command: "+z(t),t[0]);if("object"==typeof i)i.ln=r.b.ln,i.parallel=s,n.push(i);else if(s)throw L("Metadata cannot be parallel",r)}function j({agentIDs:t=[],topShift:e=0,y:n=null,asynchronousY:s=null}={},r=null){let i=e;return null!==n&&null!==r&&(i=Math.max(i,n-r)),{agentIDs:t,asynchronousY:null===s?r:s,topShift:i,y:n}}function q(t,e){he.set(t,e)}function Y(t,e){let n=null,s=null;return e.forEach(e=>{const r=t.get(e);(null===n||r.index<n.index)&&(n=r),(null===s||r.index>s.index)&&(s=r)}),{left:n.id,right:s.id}}function U(t=null,e=null){return null===t?e:null===e?t:Math.max(t,e)}function W(t,n){return e(t.agentIDs,n.agentIDs),{agentIDs:t.agentIDs,asynchronousY:U(t.asynchronousY,n.asynchronousY),topShift:Math.max(t.topShift,n.topShift),y:U(t.y,n.y)}}function X(t){return null===t?null:t.element?t.element:t}function Q(t,e,n){if(!Array.isArray(n))throw new Error("Invalid formatted text line: "+n);n.forEach(({text:n,attrs:s})=>{let r=n;s&&((r=s.href?t.el("a").attrs({cursor:"pointer",rel:"nofollow",target:"_blank"}):t.el("tspan")).attrs(s).add(n),s.filter&&r.attr("filter",t.getTextFilter(s.filter))),e.add(r)})}function J(t,e){let n=null,s=null;return e.forEach(e=>{const r=t.get(e);(null===n||r.index<n.index)&&(n=r),(null===s||r.index>s.index)&&(s=r)}),{left:n.id,right:s.id}}function Z(t,e){return t.v===e.v&&t.prefix===e.prefix&&t.suffix===e.suffix&&t.q===e.q}function K(t,e,n){const s=t.getLine(e),r={squash:{ch:n,line:e},word:{ch:n,line:e}};return n>0&&" "===s[n-1]&&(Qe.after.includes(s[n-2])&&r.word.ch--,r.squash.ch--),r}function _(t,e,n){const s=function({v:t,q:e,prefix:n="",suffix:s=""},r){const i=r||!Ze.test(t)?r:'"';return n+(i&&e?i+t.replace(Ke,"\\$&")+i:t)+s}(t,n),r=t.q?e.fromVar:e.fromKey;return"\n"===s?{className:"pick-virtual",displayFrom:null,displayText:"<END>",from:r.squash,text:"\n",to:e.to.squash}:{className:null,displayFrom:r.word,displayText:s.trim(),from:Qe.start.test(s)?r.squash:r.word,text:s,to:Qe.end.test(s)?e.to.squash:e.to.word}}function $({global:t,prefix:e="",suffix:n=""},s){const r=s[t];return r?r.map(t=>({prefix:e,q:!0,suffix:n,v:t})):[]}function tt(t,n,s){let r=null;return r=t.ch>0&&n.state.line.length>0?n.state.completions.slice():n.state.beginCompletions.concat(n.state.knownAgent),function(t,n={}){for(let s=0;s<t.length;)t[s].global?(e(t,$(t[s],n),Z),t.splice(s,1)):++s}(r,s),r}function et(t,e){const n=t.getCursor(),s=function(t,e){const n=t.getLineTokens(e.line);for(let t=0;t<n.length;++t)if(n[t].end>=e.ch){n.length=t+1;break}return n}(t,n),i=r(s)||t.getTokenAt(n),a=function(t,e){let n="",s=0,r=0;t.forEach(t=>{t.state.isVar?(n+=t.string,r=t.end):(n="",s=t.end)}),r>e.ch&&(n=n.substr(0,e.ch-s));const i=Xe.exec(n);n=i[2];let a="";return Je.test(n)&&(a=n.charAt(0),n=n.substr(1)),{from:s+i[1].length,partial:n,quote:a,valid:r>=s}}(s,n),o=function(t,e){let n=t.string;t.end>e.ch&&(n=n.substr(0,e.ch-t.start));const s=Xe.exec(n);return{from:t.start+s[1].length,partial:s[2],valid:!0}}(i,n),l=tt(n,i,t.options.globals),h={fromKey:K(t,n.line,o.from),fromVar:K(t,n.line,a.from),to:function(t,e,n){const s={squash:{ch:n,line:e},word:{ch:n,line:e}};return" "===t.getLine(e)[n]&&s.squash.ch++,s}(t,n.line,i.end)};let d=null;const g=l.filter(t=>(t.q||!a.quote)&&function(t,e){return e.valid&&t.startsWith(e.partial)}(t.v,t.q?a:o)).map(t=>e.completeSingle||t.v!==(t.q?a:o).partial?_(t,h,a.quote):(d=t,null)).filter(t=>null!==t);return d&&g.length>0&&g.unshift(_(d,h,a.quote)),{from:function(t,e){let n=null;return t.forEach(({displayFrom:t})=>{t&&(!n||t.line>n.line||t.line===n.line&&t.ch>n.ch)&&(n=t)}),n||e.word}(g,h.fromKey),list:g,to:h.to.word}}function nt(t,e="sequence"){const n=t||window.CodeMirror;n.defineMode(e,()=>en),n.registerHelper("hint",e,et)}function st(t){const e=(new DOMParser).parseFromString(t,"image/svg+xml").querySelector("metadata");return e?e.textContent:""}function rt(t){function e(t,e){n.push(e)}const n=[];if(t.forEach(t=>{t.addEventListener("error",e),t.optimisedRenderPreReflow()}),t.forEach(t=>{t.optimisedRenderReflow()}),t.forEach(t=>{t.optimisedRenderPostReflow(),t.removeEventListener("error",e)}),n.length>0)throw n}function it(t,e=null,n={}){if("svg"===t.tagName)return null;const s=function(t){return{interactive:function(t){return void 0!==t&&"false"!==t}(t.dataset.sdInteractive),namespace:t.dataset.sdNamespace||null}}(t),r=new nn(null===e?t.textContent:e,Object.assign(s,n)),i=r.dom(),a=t.attributes;for(let t=0;t<a.length;++t)i.setAttribute(a[t].nodeName,a[t].nodeValue);return t.parentNode.replaceChild(i,t),r}function at(t,e=null,n={}){let s=null,r=null;if(e&&"object"==typeof e?s=(r=e).code:(r=n,s=e),Array.isArray(t)){const e=Object.assign({},r,{render:!1}),n=t.map(t=>it(t,s,e)).filter(t=>null!==t);return!1!==r.render&&rt(n),n}return it(t,s,r)}class ot{constructor(t,e){Array.isArray(e)?this.deltas=e:this.deltas=[0,2*-e/3,-e,2*-e/3,0,2*e/3,e,2*e/3],this.partWidth=t/this.deltas.length}getDelta(t){return this.deltas[t%this.deltas.length]}}class lt{constructor(t,e){this.svg=t,this.baseFontAttrs=e,this.fontSize=this.baseFontAttrs["font-size"],this.connectLines=new Map}addConnectLine(t,{attrs:e={},pattern:n=null}={}){const s=this.connectLines.get("solid")||{attrs:{}},r=Object.assign({fill:"none"},s.attrs,e);this.connectLines.set(t,{attrs:r,renderFlat:this.renderFlatConnect.bind(this,n,r),renderRev:this.renderRevConnect.bind(this,n,r)})}reset(){}addDefs(t,e){e("highlight",()=>this.svg.el("filter").add(this.svg.el("feMorphology").attrs({in:"SourceAlpha",operator:"dilate",radius:"4"}),this.svg.el("feGaussianBlur").attrs({edgeMode:"none",stdDeviation:"3, 1.5"}),this.svg.el("feComponentTransfer").add(this.svg.el("feFuncA").attrs({intercept:-70,slope:100,type:"linear"})),this.svg.el("feComponentTransfer").add(this.svg.el("feFuncR").attrs({intercept:1,slope:0,type:"linear"}),this.svg.el("feFuncG").attrs({intercept:.875,slope:0,type:"linear"}),this.svg.el("feFuncB").attrs({intercept:0,slope:0,type:"linear"}),this.svg.el("feFuncA").attrs({slope:.8,type:"linear"})),this.svg.el("feMerge").add(this.svg.el("feMergeNode"),this.svg.el("feMergeNode").attr("in","SourceGraphic"))))}getTitleAttrs(){return Object.assign({},this.baseFontAttrs,{"font-size":2.5*this.fontSize,"text-anchor":"middle"})}getConnectLine(t){const e=this.connectLines;return e.get(t)||e.get("solid")}getBlock(t){return this.blocks[t]||this.blocks[""]}getNote(t){return this.notes[t]||this.notes[""]}getDivider(t){return this.dividers[t]||this.dividers[""]}optionsAttributes(t,e){return function(t,e){const n=Object.assign({},t[""]);return e.forEach(e=>{Object.assign(n,t[e]||{})}),n}(t,e)}renderAgentLine({className:t,options:e,width:n,x:s,y0:r,y1:i}){const a=this.optionsAttributes(this.agentLineAttrs,e);return n>0?this.svg.box(a,{height:i-r,width:n,x:s-n/2,y:r}).addClass(t):this.svg.line(a,{x1:s,x2:s,y1:r,y2:i}).addClass(t)}renderArrowHead(t,{dir:e,height:n,width:s,x:r,y:i}){const a=s*e.dx,o=s*e.dy,l=.5*n*e.dx,h=.5*-n*e.dy;return this.svg.el("none"===t.fill?"polyline":"polygon").attr("points",r+a-h+" "+(i+o-l)+" "+r+" "+i+" "+(r+a+h)+" "+(i+o+l)).attrs(t)}renderTag(t,{height:e,width:n,x:s,y:r}){const{rx:i,ry:a}=t,o=s+n,l=r+e,h="M"+o+" "+r+"L"+o+" "+(l-a)+"L"+(o-i)+" "+l+"L"+s+" "+l,d=this.svg.el("g");return"none"!==t.fill&&d.add(this.svg.el("path").attr("d",h+"L"+s+" "+r).attrs(t).attr("stroke","none")),"none"!==t.stroke&&d.add(this.svg.el("path").attr("d",h).attrs(t).attr("fill","none")),d}renderDB(t,e){const n=t["db-z"];return this.svg.el("g").add(this.svg.box({rx:e.width/2,ry:n},e).attrs(t),this.svg.el("path").attr("d","M"+e.x+" "+(e.y+n)+"a"+e.width/2+" "+n+" 0 0 0 "+e.width+" 0").attrs(t).attr("fill","none"))}renderRef(t,e){return{fill:this.svg.box(t,e).attrs({stroke:"none"}),mask:this.svg.box(t,e).attrs({fill:"#000000",stroke:"none"}),shape:this.svg.box(t,e).attrs({fill:"none"})}}renderFlatConnect(t,e,{x1:n,y1:s,x2:r,y2:i}){return{p1:{x:n,y:s},p2:{x:r,y:i},shape:this.svg.el("path").attr("d",this.svg.patternedLine(t).move(n,s).line(r,i).cap().asPath()).attrs(e)}}renderRevConnect(t,e,{rad:n,x1:s,x2:r,xR:i,y1:a,y2:o}){const l=(o-a)/2,h=this.svg.patternedLine(t).move(s,a).line(i,a);return n<l?h.arc(i,a+n,Math.PI/2).line(i+n,o-n).arc(i,o-n,Math.PI/2):h.arc(i,(a+o)/2,Math.PI),{p1:{x:s,y:a},p2:{x:r,y:o},shape:this.svg.el("path").attr("d",h.line(r,o).cap().asPath()).attrs(e)}}renderLineDivider({lineAttrs:t},{height:e,labelWidth:n,width:s,x:r,y:i}){let a=null;const o=i+e/2;return a=n>0?this.svg.el("g").add(this.svg.line({fill:"none"},{x1:r,x2:r+(s-n)/2,y1:o,y2:o}).attrs(t),this.svg.line({fill:"none"},{x1:r+(s+n)/2,x2:r+s,y1:o,y2:o}).attrs(t)):this.svg.line({fill:"none"},{x1:r,x2:r+s,y1:o,y2:o}).attrs(t),{shape:a}}renderDelayDivider({dotSize:t,gapSize:e},{height:n,width:s,x:r,y:i}){const a=this.svg.el("g");for(let o=0;o+e<=n;o+=t+e)a.add(this.svg.box({fill:"#000000"},{height:e,width:s,x:r,y:i+o}));return{mask:a}}renderTearDivider({fadeBegin:t,fadeSize:e,lineAttrs:n,pattern:s,zigHeight:r,zigWidth:i},{env:a,height:o,labelHeight:l,labelWidth:h,width:d,x:g,y:c}){const u=a.addDef("tear-grad",()=>{const n=100/d;return this.svg.linearGradient({},[{offset:t*n+"%","stop-color":"#000000"},{offset:(t+e)*n+"%","stop-color":"#FFFFFF"},{offset:100-(t+e)*n+"%","stop-color":"#FFFFFF"},{offset:100-t*n+"%","stop-color":"#000000"}])}),p=this.svg.el("mask").attr("maskUnits","userSpaceOnUse").add(this.svg.box({fill:"url(#"+u+")"},{height:o+10,width:d,x:g,y:c-5})),f=a.addDef(p);h>0&&p.add(this.svg.box({fill:"#000000",rx:2,ry:2},{height:l+2,width:h,x:g+(d-h)/2,y:c+(o-l)/2-1}));const m=s||new ot(i,[r,-r]);let b=null;const x=this.svg.patternedLine(m).move(g,c).line(g+d,c),y=this.svg.el("g").attr("mask","url(#"+f+")").add(this.svg.el("path").attrs({d:x.asPath(),fill:"none"}).attrs(n));if(o>0){const t=this.svg.patternedLine(m).move(g,c+o).line(g+d,c+o);y.add(this.svg.el("path").attrs({d:t.asPath(),fill:"none"}).attrs(n)),x.line(t.x,t.y,{patterned:!1}).cap(),x.points.push(...t.points.reverse()),b=this.svg.el("path").attrs({d:x.asPath(),fill:"#000000"})}return{mask:b,shape:y}}}const ht="Helvetica,Arial,Liberation Sans,sans-serif",dt=1.3,gt={"font-family":ht,"font-size":8,"line-height":dt},ct={"font-family":ht,"font-size":8,"line-height":dt,"text-anchor":"middle"};class ut extends lt{constructor(t){super(t,{"font-family":ht,"font-size":8,"line-height":dt});const e={padding:{top:3,bottom:2},tag:{padding:{top:1,left:3,right:3,bottom:0},boxRenderer:this.renderTag.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:2,ry:2}),labelAttrs:{"font-family":ht,"font-weight":"bold","font-size":9,"line-height":dt,"text-anchor":"left"}},label:{minHeight:4,padding:{top:1,left:5,right:3,bottom:1},labelAttrs:{"font-family":ht,"font-size":8,"line-height":dt,"text-anchor":"left"}}};Object.assign(this,{titleMargin:10,outerMargin:5,agentMargin:10,actionMargin:10,minActionMargin:3,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:5,left:10,right:10,bottom:5},arrowBottom:12.8,boxAttrs:{fill:"#FFFFFF",stroke:"#000000","stroke-width":1},labelAttrs:{"font-family":ht,"font-size":12,"line-height":dt,"text-anchor":"middle"}},database:{padding:{top:12,left:10,right:10,bottom:3},arrowBottom:12.8,boxRenderer:this.renderDB.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,"db-z":5}),labelAttrs:{"font-family":ht,"font-size":12,"line-height":dt,"text-anchor":"middle"}},cross:{size:20,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})},bar:{height:4,render:t.boxFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},fade:{width:5,height:6,extend:1},none:{height:10}},connect:{loopbackRadius:6,arrow:{single:{width:5,height:10,render:this.renderArrowHead.bind(this),attrs:{fill:"#000000","stroke-width":0,"stroke-linejoin":"miter"}},double:{width:4,height:6,render:this.renderArrowHead.bind(this),attrs:{fill:"none",stroke:"#000000","stroke-width":1,"stroke-linejoin":"miter"}},cross:{short:7,radius:3,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})}},label:{padding:6,margin:{top:2,bottom:1},attrs:{"font-family":ht,"font-size":8,"line-height":dt,"text-anchor":"middle"},loopbackAttrs:{"font-family":ht,"font-size":8,"line-height":dt}},source:{radius:2,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},mask:{padding:{top:0,left:3,right:3,bottom:1}}},agentLineAttrs:{"":{fill:"none",stroke:"#000000","stroke-width":1},red:{stroke:"#CC0000"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1.5,rx:2,ry:2}),section:e},"":{margin:{top:0,bottom:0},boxRenderer:t.boxFactory({fill:"none",stroke:"#000000","stroke-width":1.5,rx:2,ry:2}),collapsedBoxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1.5,rx:2,ry:2}),section:e,sepRenderer:t.lineFactory({stroke:"#000000","stroke-width":1.5,"stroke-dasharray":"4, 2"})}},notes:{text:{margin:{top:0,left:2,right:2,bottom:0},padding:{top:2,left:2,right:2,bottom:2},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:gt},note:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:5,left:5,right:10,bottom:5},overlap:{left:10,right:10},boxRenderer:t.noteFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1},{fill:"none",stroke:"#000000","stroke-width":1}),labelAttrs:gt},state:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:7,left:7,right:7,bottom:7},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:10,ry:10}),labelAttrs:gt}},dividers:{"":{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:0,render:this.renderLineDivider.bind(this,{lineAttrs:{stroke:"#000000"}})},delay:{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:1,gapSize:2})},tear:{labelAttrs:ct,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:10,render:this.renderTearDivider.bind(this,{fadeBegin:5,fadeSize:10,zigWidth:6,zigHeight:1,lineAttrs:{stroke:"#000000"}})}}}),this.addConnectLine("solid",{attrs:{stroke:"#000000","stroke-width":1}}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"4, 2"}}),this.addConnectLine("wave",{attrs:{"stroke-linejoin":"round","stroke-linecap":"round"},pattern:new ot(6,.5)})}}const pt="Helvetica,Arial,Liberation Sans,sans-serif",ft=1.3,mt={"font-family":pt,"font-size":8,"line-height":ft},bt={"font-family":pt,"font-size":8,"line-height":ft,"text-anchor":"middle"};class xt extends lt{constructor(t){super(t,{"font-family":pt,"font-size":8,"line-height":ft});const e={padding:{top:3,bottom:4},tag:{padding:{top:2,left:5,right:5,bottom:1},boxRenderer:this.renderTag.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":2,rx:3,ry:3}),labelAttrs:{"font-family":pt,"font-weight":"bold","font-size":9,"line-height":ft,"text-anchor":"left"}},label:{minHeight:5,padding:{top:2,left:5,right:3,bottom:1},labelAttrs:{"font-family":pt,"font-size":8,"line-height":ft,"text-anchor":"left"}}};Object.assign(this,{titleMargin:12,outerMargin:5,agentMargin:8,actionMargin:5,minActionMargin:5,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:1,left:3,right:3,bottom:1},arrowBottom:11.1,boxAttrs:{fill:"#FFFFFF",stroke:"#000000","stroke-width":3,rx:4,ry:4},labelAttrs:{"font-family":pt,"font-weight":"bold","font-size":14,"line-height":ft,"text-anchor":"middle"}},database:{padding:{top:4,left:3,right:3,bottom:0},arrowBottom:11.1,boxRenderer:this.renderDB.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":3,"db-z":2}),labelAttrs:{"font-family":pt,"font-weight":"bold","font-size":14,"line-height":ft,"text-anchor":"middle"}},cross:{size:20,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":3,"stroke-linecap":"round"})},bar:{height:4,render:t.boxFactory({fill:"#000000",stroke:"#000000","stroke-width":3,rx:2,ry:2})},fade:{width:5,height:10,extend:1},none:{height:10}},connect:{loopbackRadius:8,arrow:{single:{width:10,height:12,render:this.renderArrowHead.bind(this),attrs:{fill:"#000000",stroke:"#000000","stroke-width":3,"stroke-linejoin":"round"}},double:{width:10,height:12,render:this.renderArrowHead.bind(this),attrs:{fill:"none",stroke:"#000000","stroke-width":3,"stroke-linejoin":"round","stroke-linecap":"round"}},cross:{short:10,radius:5,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":3,"stroke-linejoin":"round","stroke-linecap":"round"})}},label:{padding:7,margin:{top:2,bottom:3},attrs:{"font-family":pt,"font-size":8,"line-height":ft,"text-anchor":"middle"},loopbackAttrs:{"font-family":pt,"font-size":8,"line-height":ft}},source:{radius:5,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":3})},mask:{padding:{top:1,left:5,right:5,bottom:3}}},agentLineAttrs:{"":{fill:"none",stroke:"#000000","stroke-width":3},red:{stroke:"#DD0000"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":4,rx:5,ry:5}),section:e},"":{margin:{top:0,bottom:0},boxRenderer:t.boxFactory({fill:"none",stroke:"#000000","stroke-width":4,rx:5,ry:5}),collapsedBoxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":4,rx:5,ry:5}),section:e,sepRenderer:t.lineFactory({stroke:"#000000","stroke-width":2,"stroke-dasharray":"5, 3"})}},notes:{text:{margin:{top:0,left:2,right:2,bottom:0},padding:{top:2,left:2,right:2,bottom:2},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:mt},note:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:3,left:3,right:10,bottom:3},overlap:{left:10,right:10},boxRenderer:t.noteFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":2,"stroke-linejoin":"round"},{fill:"none",stroke:"#000000","stroke-width":1}),labelAttrs:mt},state:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:5,left:7,right:7,bottom:5},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":3,rx:10,ry:10}),labelAttrs:mt}},dividers:{"":{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:0,render:this.renderLineDivider.bind(this,{lineAttrs:{stroke:"#000000","stroke-width":2,"stroke-linecap":"round"}})},delay:{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:3,gapSize:3})},tear:{labelAttrs:bt,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:10,render:this.renderTearDivider.bind(this,{fadeBegin:5,fadeSize:10,zigWidth:6,zigHeight:1,lineAttrs:{stroke:"#000000","stroke-width":2,"stroke-linejoin":"round"}})}}}),this.addConnectLine("solid",{attrs:{stroke:"#000000","stroke-width":3}}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"10, 4"}}),this.addConnectLine("wave",{attrs:{"stroke-linejoin":"round","stroke-linecap":"round"},pattern:new ot(10,1)})}getTitleAttrs(){return Object.assign(super.getTitleAttrs(),{"font-weight":"bolder"})}}class yt{constructor(){this.listeners=new Map,this.forwards=new Set}addEventListener(t,e){const n=this.listeners.get(t);n?n.push(e):this.listeners.set(t,[e])}removeEventListener(t,e){const n=this.listeners.get(t);if(!n)return;const s=n.indexOf(e);-1!==s&&n.splice(s,1)}on(t,e){return this.addEventListener(t,e),this}off(t,e){return this.removeEventListener(t,e),this}countEventListeners(t){return(this.listeners.get(t)||[]).length}removeAllEventListeners(t){t?this.listeners.delete(t):this.listeners.clear()}addEventForwarding(t){this.forwards.add(t)}removeEventForwarding(t){this.forwards.delete(t)}removeAllEventForwardings(){this.forwards.clear()}trigger(t,e=[]){(this.listeners.get(t)||[]).forEach(t=>t(...e)),this.forwards.forEach(n=>n.trigger(t,e))}}const kt="undefined"==typeof window,wt=!kt&&/^((?!chrome|android).)*safari/i.test(window.navigator.userAgent),vt=!kt&&void 0!==window.InstallTrigger;class At{constructor(){this.latestSVG=null,this.latestInternalSVG=null,this.canvas=null,this.context=null,this.indexPNG=0,this.latestPNGIndex=0,this.latestPNG=null}getSVGContent(t){let e=t.dom().outerHTML;return e=e.replace(/^<svg ?/,'<svg width="'+(t.width||1)+'" height="'+(t.height||1)+'" ')}getSVGBlob(t){return new Blob([this.getSVGContent(t)],{type:"image/svg+xml"})}getSVGURL(t){const e=this.getSVGBlob(t);return this.latestSVG&&URL.revokeObjectURL(this.latestSVG),this.latestSVG=URL.createObjectURL(e),this.latestSVG}getCanvas(t,e,n){this.canvas||(window.devicePixelRatio=1,this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"));const s=(t.width||1)*e,r=(t.height||1)*e,i=new Image(s,r);let a=null;wt&&((a=document.createElement("div")).style.position="absolute",a.style.visibility="hidden",a.appendChild(i),document.body.appendChild(a));const o=()=>{this.canvas.width=s,this.canvas.height=r,this.context.drawImage(i,0,0,s,r),a&&document.body.removeChild(a),n(this.canvas)};i.addEventListener("load",()=>{a?setTimeout(o,50):o()},{once:!0}),i.src=this.getSVGURL(t)}getPNGBlob(t,e,n){this.getCanvas(t,e,t=>{t.toBlob(n,"image/png")})}getPNGURL(t,e,n){++this.indexPNG;const s=this.indexPNG;this.getPNGBlob(t,e,t=>{const e=URL.createObjectURL(t);s>=this.latestPNGIndex?(this.latestPNG&&URL.revokeObjectURL(this.latestPNG),this.latestPNG=e,this.latestPNGIndex=s,n(e,!0)):(n(e,!1),URL.revokeObjectURL(e))})}}class Ft{constructor({blocked:t=!1,covered:e=!1,group:n=null,highlighted:s=!1,locked:r=!1,visible:i=!1}={}){this.blocked=t,this.covered=e,this.group=n,this.highlighted=s,this.locked=r,this.visible=i}}Ft.LOCKED=new Ft({locked:!0}),Ft.DEFAULT=new Ft;const Mt={equals:(t,e)=>t.name===e.name,hasFlag:(t,e=!0)=>n=>n.flags.includes(t)===e},St={addNearby:(e,n,s,r)=>{const i=t(e,n,St.equals);-1===i?e.push(s):e.splice(i+r,0,s)},equals:(t,e)=>t.id===e.id,hasIntersection:(e,n)=>(function(e,n,s=null){for(let r=0;r<n.length;++r)if(-1!==t(e,n[r],s))return!0;return!1})(e,n,St.equals),indexOf:(e,n)=>t(e,n,St.equals),make:(t,{anchorRight:e=!1,isVirtualSource:n=!1}={})=>({anchorRight:e,id:t,isVirtualSource:n,options:[]})},Rt={"note left":[St.make("[")],"note over":[St.make("["),St.make("]")],"note right":[St.make("]")]},Ct=["[","]"],It={"agent begin":{check:["mode"],merge:["agentIDs"],siblings:new Set(["agent highlight"])},"agent end":{check:["mode"],merge:["agentIDs"],siblings:new Set(["agent highlight"])},"agent highlight":{check:["highlighted"],merge:["agentIDs"],siblings:new Set(["agent begin","agent end"])}},Et=["agent begin","agent end","agent highlight","block begin","block end","connect","connect-delay-begin","connect-delay-end","note over","note right","note left","note between"];class Gt{constructor(){this.agentStates=new Map,this.agentAliases=new Map,this.activeGroups=new Map,this.gAgents=[],this.labelPattern=null,this.nextID=0,this.nesting=[],this.markers=new Set,this.currentSection=null,this.currentNest=null,this.stageHandlers={"agent begin":this.handleAgentBegin.bind(this),"agent define":this.handleAgentDefine.bind(this),"agent end":this.handleAgentEnd.bind(this),"agent options":this.handleAgentOptions.bind(this),async:this.handleAsync.bind(this),"block begin":this.handleBlockBegin.bind(this),"block end":this.handleBlockEnd.bind(this),"block split":this.handleBlockSplit.bind(this),connect:this.handleConnect.bind(this),"connect-delay-begin":this.handleConnectDelayBegin.bind(this),"connect-delay-end":this.handleConnectDelayEnd.bind(this),divider:this.handleDivider.bind(this),"group begin":this.handleGroupBegin.bind(this),"label pattern":this.handleLabelPattern.bind(this),mark:this.handleMark.bind(this),"note between":this.handleNote.bind(this),"note left":this.handleNote.bind(this),"note over":this.handleNote.bind(this),"note right":this.handleNote.bind(this)},this.expandGroupedGAgent=this.expandGroupedGAgent.bind(this),this.handleStage=this.handleStage.bind(this),this.toGAgent=this.toGAgent.bind(this),this.endGroup=this.endGroup.bind(this)}_aliasInUse(t){const e=this.agentAliases.get(t);return!(!e||e===t)||this.gAgents.some(e=>e.id===t)}toGAgent({name:t,alias:e,flags:n}){if(e){if(this.agentAliases.has(t))throw new Error("Cannot alias "+t+"; it is already an alias");if(this._aliasInUse(e))throw new Error("Cannot use "+e+" as an alias; it is already in use");this.agentAliases.set(e,t)}return St.make(this.agentAliases.get(t)||t,{isVirtualSource:n.includes("source")})}addStage(t,{isVisible:e=!0,parallel:n=!1}={}){if(!t)return;e&&(this.currentNest.hasContent=!0),void 0===t.ln&&(t.ln=this.latestLine);const{stages:s}=this.currentSection;if(n){const e=r(s),n=p(e,t);if(n)throw new Error(n);const i=this.makeParallel([e,t]);i.ln=t.ln,--s.length,s.push(i)}else s.push(t)}addImpStage(t,{parallel:e=!1}={}){if(!t)return;void 0===t.ln&&(t.ln=this.latestLine);const{stages:n}=this.currentSection;if(e){const e=n[n.length-2];if(0===n.length)throw new Error("Nothing to run statement in parallel with");if(p(e,t))n.splice(n.length-1,0,t);else{const s=this.makeParallel([e,t]);s.ln=t.ln,n.splice(n.length-2,1,s)}}else n.push(t)}makeParallel(t){const e=[];return u(e,t),0===e.length?null:1===e.length?e[0]:(e.forEach(t=>{void 0===t.ln&&(t.ln=this.latestLine)}),{stages:e,type:"parallel"})}defineGAgents(t){e(this.currentNest.gAgents,t.filter(t=>!Ct.includes(t.id)),St.equals),e(this.gAgents,t,St.equals)}getGAgentState(t){return this.agentStates.get(t.id)||Ft.DEFAULT}updateGAgentState(t,e){const n=this.agentStates.get(t.id);n?Object.assign(n,e):this.agentStates.set(t.id,new Ft(e))}replaceGAgentState(t,e){this.agentStates.set(t.id,e)}validateGAgents(t,{allowGrouped:e=!1,allowCovered:n=!1,allowVirtual:s=!1}={}){t.forEach(t=>{const r=this.getGAgentState(t),i=t.id;if(function(t){return t.blocked&&null===t.group}(r))throw new Error("Duplicate agent name: "+i);if(!n&&r.covered)throw new Error("Agent "+i+" is hidden behind group");if(!e&&null!==r.group)throw new Error("Agent "+i+" is in a group");if(!s&&t.isVirtualSource)throw new Error("Cannot use message source here");if(function(t){return t.startsWith("__")}(i))throw new Error(i+" is a reserved name")})}setGAgentVis(t,e,n,s=!1){const r=new Set,i=t.filter(t=>{if(r.has(t.id))return!1;r.add(t.id);const n=this.getGAgentState(t);if(n.locked||n.blocked){if(s)throw new Error("Cannot begin/end agent: "+t.id);return!1}return n.visible!==e});return 0===i.length?null:(i.forEach(t=>{this.updateGAgentState(t,{visible:e})}),this.defineGAgents(i),{agentIDs:i.map(t=>t.id),mode:n,type:e?"agent begin":"agent end"})}setGAgentHighlight(t,e,n=!1){const s=t.filter(t=>{const s=this.getGAgentState(t);if(s.locked||s.blocked){if(n)throw new Error("Cannot highlight agent: "+t.id);return!1}return s.visible&&s.highlighted!==e});return 0===s.length?null:(s.forEach(t=>{this.updateGAgentState(t,{highlighted:e})}),{agentIDs:s.map(t=>t.id),highlighted:e,type:"agent highlight"})}_makeSection(t,e){return{delayedConnections:new Map,header:t,stages:e}}_checkSectionEnd(){const t=this.currentSection.delayedConnections;if(t.size>0){const e=t.values().next().value;throw new Error('Unused delayed connection "'+e.tag+'" at line '+(e.ln+1))}}beginNested(t,{tag:e,label:n,name:s,ln:r}){const i=St.make(s+"[",{anchorRight:!0}),a=St.make(s+"]"),o=[i,a],l=[];return this.currentSection=this._makeSection({blockType:t,canHide:!0,label:this.textFormatter(n),left:i.id,ln:r,right:a.id,tag:this.textFormatter(e),type:"block begin"},l),this.currentNest={blockType:t,gAgents:o,hasContent:!1,leftGAgent:i,rightGAgent:a,sections:[this.currentSection]},this.replaceGAgentState(i,Ft.LOCKED),this.replaceGAgentState(a,Ft.LOCKED),this.nesting.push(this.currentNest),{stages:l}}nextBlockName(){const t="__BLOCK"+this.nextID;return++this.nextID,t}nextVirtualAgentName(){const t="__"+this.nextID;return++this.nextID,t}handleBlockBegin({ln:t,blockType:e,tag:n,label:s,parallel:r}){if(r)throw new Error("Cannot use parallel here");this.beginNested(e,{label:s,ln:t,name:this.nextBlockName(),tag:n})}handleBlockSplit({ln:t,blockType:e,tag:n,label:s,parallel:r}){if(r)throw new Error("Cannot use parallel here");if("if"!==this.currentNest.blockType)throw new Error('Invalid block nesting ("else" inside '+this.currentNest.blockType+")");this._checkSectionEnd(),this.currentSection=this._makeSection({blockType:e,label:this.textFormatter(s),left:this.currentNest.leftGAgent.id,ln:t,right:this.currentNest.rightGAgent.id,tag:this.textFormatter(n),type:"block split"},[]),this.currentNest.sections.push(this.currentSection)}handleBlockEnd({parallel:t}){if(this.nesting.length<=1)throw new Error('Invalid block nesting (too many "end"s)');this._checkSectionEnd();const e=this.nesting.pop();if(this.currentNest=r(this.nesting),this.currentSection=r(this.currentNest.sections),!e.hasContent)throw new Error("Empty block");this.defineGAgents(e.gAgents),m(this.gAgents,e.leftGAgent,e.rightGAgent,e.gAgents),e.sections.forEach(t=>{this.currentSection.stages.push(t.header),this.currentSection.stages.push(...t.stages)}),this.addStage({left:e.leftGAgent.id,right:e.rightGAgent.id,type:"block end"},{parallel:t})}makeGroupDetails(t,e){const s=t.map(this.toGAgent);if(this.validateGAgents(s),this.agentStates.has(e))throw new Error("Duplicate agent name: "+e);const r=this.nextBlockName(),i=St.make(r+"[",{anchorRight:!0}),a=St.make(r+"]");this.replaceGAgentState(i,Ft.LOCKED),this.replaceGAgentState(a,Ft.LOCKED),this.updateGAgentState(St.make(e),{blocked:!0,group:e}),this.defineGAgents([...s,i,a]);const{indexL:o,indexR:l}=m(this.gAgents,i,a,s),h=[],d=s.slice();for(let t=o+1;t<l;++t)h.push(this.gAgents[t]);return n(h,d,St.equals),{gAgents:s,gAgentsContained:d,gAgentsCovered:h,leftGAgent:i,rightGAgent:a}}handleGroupBegin({agents:t,blockType:e,tag:n,label:s,alias:r,parallel:i}){const a=this.makeGroupDetails(t,r);a.gAgentsContained.forEach(t=>{this.updateGAgentState(t,{group:r})}),a.gAgentsCovered.forEach(t=>{this.updateGAgentState(t,{covered:!0})}),this.activeGroups.set(r,a),this.addImpStage(this.setGAgentVis(a.gAgents,!0,"box"),{parallel:i}),this.addStage({blockType:e,canHide:!1,label:this.textFormatter(s),left:a.leftGAgent.id,right:a.rightGAgent.id,tag:this.textFormatter(n),type:"block begin"},{parallel:i})}endGroup({name:t}){const e=this.activeGroups.get(t);return e?(this.activeGroups.delete(t),e.gAgentsContained.forEach(t=>{this.updateGAgentState(t,{group:null})}),e.gAgentsCovered.forEach(t=>{this.updateGAgentState(t,{covered:!1})}),this.updateGAgentState(St.make(t),{group:null}),{left:e.leftGAgent.id,right:e.rightGAgent.id,type:"block end"}):null}handleMark({name:t,parallel:e}){this.markers.add(t),this.addStage({name:t,type:"mark"},{isVisible:!1,parallel:e})}handleDivider({mode:t,height:e,label:n,parallel:s}){this.addStage({formattedLabel:this.textFormatter(n),height:e,mode:t,type:"divider"},{isVisible:!1,parallel:s})}handleAsync({target:t,parallel:e}){if(""!==t&&!this.markers.has(t))throw new Error("Unknown marker: "+t);this.addStage({target:t,type:"async"},{isVisible:!1,parallel:e})}handleLabelPattern({pattern:t}){this.labelPattern=t.slice();for(let t=0;t<this.labelPattern.length;++t){const e=this.labelPattern[t];"object"==typeof e&&void 0!==e.start&&(this.labelPattern[t]=Object.assign({current:e.start},e))}}applyLabelPattern(t){let e="";const n={label:t};return this.labelPattern.forEach(t=>{"string"==typeof t?e+=t:void 0!==t.token?e+=n[t.token]:void 0!==t.current&&(e+=t.current.toFixed(t.dp),t.current+=t.inc)}),e}expandGroupedGAgent(t){const{group:e}=this.getGAgentState(t);if(!e)return[t];const n=this.activeGroups.get(e);return[n.leftGAgent,n.rightGAgent]}expandGroupedGAgentConnection(t){const e=this.expandGroupedGAgent(t[0]),n=this.expandGroupedGAgent(t[1]);let s=St.indexOf(this.gAgents,e[0]),i=St.indexOf(this.gAgents,n[0]);return-1===s&&(s=e[0].isVirtualSource?-1:this.gAgents.length),-1===i&&(i=this.gAgents.length),s===i?[r(e),r(n)]:s<i?[r(e),n[0]]:[e[0],r(n)]}filterConnectFlags(t){const n=t.filter(Mt.hasFlag("begin")).map(this.toGAgent),s=t.filter(Mt.hasFlag("end")).map(this.toGAgent);if(St.hasIntersection(n,s))throw new Error("Cannot set agent visibility multiple times");const r=t.filter(Mt.hasFlag("start")).map(this.toGAgent),i=t.filter(Mt.hasFlag("stop")).map(this.toGAgent);if(e(i,s),St.hasIntersection(r,i))throw new Error("Cannot set agent highlighting multiple times");return this.validateGAgents(n),this.validateGAgents(s),this.validateGAgents(r),this.validateGAgents(i),{beginGAgents:n,endGAgents:s,startGAgents:r,stopGAgents:i}}makeVirtualAgent(t){const e=St.make(this.nextVirtualAgentName(),{anchorRight:t,isVirtualSource:!0});return this.replaceGAgentState(e,Ft.LOCKED),e}addNearbyAgent(t,e,n){St.addNearby(this.currentNest.gAgents,t,e,n),St.addNearby(this.gAgents,t,e,n)}expandVirtualSourceAgents(t){if(t[0].isVirtualSource){if(t[1].isVirtualSource)throw new Error("Cannot connect found messages");if(Ct.includes(t[1].id))throw new Error("Cannot connect found messages to special agents");const e=this.makeVirtualAgent(!0);return this.addNearbyAgent(t[1],e,0),[e,t[1]]}if(t[1].isVirtualSource){if(Ct.includes(t[0].id))throw new Error("Cannot connect found messages to special agents");const e=this.makeVirtualAgent(!1);return this.addNearbyAgent(t[0],e,1),[t[0],e]}return t}_handlePartialConnect(t,e){const n=this.filterConnectFlags(t),s=t.map(this.toGAgent);this.validateGAgents(s,{allowGrouped:!0,allowVirtual:!0}),this.defineGAgents(a(s,this.expandGroupedGAgent).filter(t=>!t.isVirtualSource));const r=t.filter(Mt.hasFlag("begin",!1)).map(this.toGAgent).filter(t=>!t.isVirtualSource);return this.addImpStage(this.setGAgentVis(r,!0,"box"),{parallel:e}),{flags:n,gAgents:s}}_makeConnectParallelStages(t,e){return this.makeParallel([this.setGAgentVis(t.beginGAgents,!0,"box",!0),this.setGAgentHighlight(t.startGAgents,!0,!0),e,this.setGAgentHighlight(t.stopGAgents,!1,!0),this.setGAgentVis(t.endGAgents,!1,"cross",!0)])}_isSelfConnect(t){const e=t.map(this.toGAgent),n=this.expandGroupedGAgentConnection(e);return n[0].id===n[1].id&&!n.some(t=>t.isVirtualSource)}handleConnect({agents:t,label:e,options:n,parallel:s}){if(this._isSelfConnect(t)){const r={};return this.handleConnectDelayBegin({agent:t[0],ln:0,options:n,parallel:s,tag:r}),void this.handleConnectDelayEnd({agent:t[1],label:e,options:n,tag:r})}let{flags:r,gAgents:i}=this._handlePartialConnect(t,s);i=this.expandGroupedGAgentConnection(i);const a={agentIDs:(i=this.expandVirtualSourceAgents(i)).map(t=>t.id),label:this.textFormatter(this.applyLabelPattern(e)),options:n,type:"connect"};this.addStage(this._makeConnectParallelStages(r,a),{parallel:s})}handleConnectDelayBegin({agent:t,tag:e,options:n,ln:s,parallel:r}){const i=this.currentSection.delayedConnections;if(i.has(e))throw new Error('Duplicate delayed connection "'+e+'"');const{flags:a,gAgents:o}=this._handlePartialConnect([t],r),l=this.nextVirtualAgentName(),h={agentIDs:null,label:null,options:n,tag:l,type:"connect-delay-begin"};i.set(e,{connectStage:h,gAgents:o,ln:s,tag:e,uniqueTag:l}),this.addStage(this._makeConnectParallelStages(a,h),{parallel:r})}handleConnectDelayEnd({agent:t,tag:e,label:n,options:s,parallel:r}){const i=this.currentSection.delayedConnections,a=i.get(e);if(!a)throw new Error('Unknown delayed connection "'+e+'"');let{flags:o,gAgents:l}=this._handlePartialConnect([t],r);l=this.expandGroupedGAgentConnection([...a.gAgents,...l]),l=this.expandVirtualSourceAgents(l);let h=a.connectStage.options;if(h.line!==s.line)throw new Error("Mismatched delayed connection arrows");s.right&&(h=Object.assign({},h,{right:s.right})),Object.assign(a.connectStage,{agentIDs:l.map(t=>t.id),label:this.textFormatter(this.applyLabelPattern(n)),options:h});const d={tag:a.uniqueTag,type:"connect-delay-end"};this.addStage(this._makeConnectParallelStages(o,d),{parallel:r}),i.delete(e)}handleNote({type:t,agents:e,mode:n,label:s,parallel:r}){let i=null;i=0===e.length?Rt[t]||[]:e.map(this.toGAgent),this.validateGAgents(i,{allowGrouped:!0});const o=(i=a(i,this.expandGroupedGAgent)).map(t=>t.id),l=new Set(o).size;if("note between"===t&&l<2)throw new Error("note between requires at least 2 agents");this.defineGAgents(i),this.addImpStage(this.setGAgentVis(i,!0,"box"),{parallel:r}),this.addStage({agentIDs:o,label:this.textFormatter(s),mode:n,type:t},{parallel:r})}handleAgentDefine({agents:t}){const n=t.map(this.toGAgent);this.validateGAgents(n,{allowCovered:!0,allowGrouped:!0}),e(this.gAgents,n,St.equals)}handleAgentOptions({agent:t,options:n}){const s=this.toGAgent(t),r=[s];this.validateGAgents(r,{allowCovered:!0,allowGrouped:!0}),e(this.gAgents,r,St.equals),this.gAgents.filter(({id:t})=>t===s.id).forEach(t=>{e(t.options,n)})}handleAgentBegin({agents:t,mode:e,parallel:n}){const s=t.map(this.toGAgent);this.validateGAgents(s),this.addStage(this.setGAgentVis(s,!0,e,!0),{parallel:n})}handleAgentEnd({agents:t,mode:e,parallel:n}){const s=t.filter(t=>this.activeGroups.has(t.name)),r=t.filter(t=>!this.activeGroups.has(t.name)).map(this.toGAgent);this.validateGAgents(r),this.addStage(this.makeParallel([this.setGAgentHighlight(r,!1),this.setGAgentVis(r,!1,e,!0),...s.map(this.endGroup)]),{parallel:n})}handleStage(t){this.latestLine=t.ln;try{const e=this.stageHandlers[t.type];if(!e)throw new Error("Unknown command: "+t.type);e(t)}catch(e){if("object"==typeof e&&e.message)throw e.message+=" at line "+(t.ln+1),e}}_reset(){this.agentStates.clear(),this.markers.clear(),this.agentAliases.clear(),this.activeGroups.clear(),this.gAgents.length=0,this.nextID=0,this.nesting.length=0,this.labelPattern=[{token:"label"}]}_finalise(t){m(this.gAgents,this.currentNest.leftGAgent,this.currentNest.rightGAgent),function(t){let e=[],n=new Set;for(let s=0;s<t.length;){const r=t[s];let i=null;d(i="parallel"===r.type?r.stages:[r]);const a=g(i);c(n,a,e,i),0===i.length?t.splice(s,1):("parallel"===r.type&&1===i.length&&t.splice(s,1,i[0]),n=a,e=i,++s)}}(t.stages),this.gAgents.forEach(t=>{t.formattedLabel=this.textFormatter(t.id)})}generate({stages:t,meta:e={}}){this._reset(),this.textFormatter=e.textFormatter;const n=this.beginNested("global",{label:"",ln:0,name:"",tag:""});if(t.forEach(this.handleStage),1!==this.nesting.length)throw new Error("Unterminated section at line "+(this.currentSection.header.ln+1));if(this.activeGroups.size>0)throw new Error("Unterminated group");this._checkSectionEnd();const s=e.terminators||"none";return this.addStage(this.makeParallel([this.setGAgentHighlight(this.gAgents,!1),this.setGAgentVis(this.gAgents,!1,s)])),this._finalise(n),function(t,e){for(let n=0;n<t.length&&!f(t[n],e);++n);}(n.stages,e.headers||"box"),{agents:this.gAgents.slice(),meta:{code:e.code,theme:e.theme,title:this.textFormatter(e.title)},stages:n.stages}}}const Dt="Courier New,Liberation Mono,monospace",Lt=1.3,Nt={"font-family":Dt,"font-size":8,"line-height":Lt},zt={"font-family":Dt,"font-size":8,"line-height":Lt,"text-anchor":"middle"};class Ot extends lt{constructor(t){super(t,{"font-family":Dt,"font-size":8,"line-height":Lt});const e={padding:{top:3,bottom:2},tag:{padding:{top:2,left:4,right:4,bottom:2},boxRenderer:this.renderTag.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:3,ry:3}),labelAttrs:{"font-family":Dt,"font-weight":"bold","font-size":9,"line-height":Lt,"text-anchor":"left"}},label:{minHeight:8,padding:{top:2,left:8,right:8,bottom:2},labelAttrs:{"font-family":Dt,"font-size":8,"line-height":Lt,"text-anchor":"left"}}};Object.assign(this,{titleMargin:8,outerMargin:4,agentMargin:12,actionMargin:12,minActionMargin:4,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:4,left:8,right:8,bottom:4},arrowBottom:12,boxAttrs:{fill:"#FFFFFF",stroke:"#000000","stroke-width":1},labelAttrs:{"font-family":Dt,"font-size":12,"line-height":Lt,"text-anchor":"middle"}},database:{padding:{top:9,left:8,right:8,bottom:3},arrowBottom:12,boxRenderer:this.renderDB.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":1,"db-z":4}),labelAttrs:{"font-family":Dt,"font-size":12,"line-height":Lt,"text-anchor":"middle"}},cross:{size:16,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})},bar:{height:4,render:t.boxFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},fade:{width:5,height:8,extend:1},none:{height:8}},connect:{loopbackRadius:4,arrow:{single:{width:4,height:8,render:this.renderArrowHead.bind(this),attrs:{fill:"#000000","stroke-width":0,"stroke-linejoin":"miter"}},double:{width:3,height:6,render:this.renderArrowHead.bind(this),attrs:{fill:"none",stroke:"#000000","stroke-width":1,"stroke-linejoin":"miter"}},cross:{short:8,radius:4,render:t.crossFactory({fill:"none",stroke:"#000000","stroke-width":1})}},label:{padding:4,margin:{top:2,bottom:1},attrs:{"font-family":Dt,"font-size":8,"line-height":Lt,"text-anchor":"middle"},loopbackAttrs:{"font-family":Dt,"font-size":8,"line-height":Lt}},source:{radius:2,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},mask:{padding:{top:0,left:3,right:3,bottom:1}}},agentLineAttrs:{"":{fill:"none",stroke:"#000000","stroke-width":1},red:{stroke:"#AA0000"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":2}),section:e},"":{margin:{top:0,bottom:0},boxRenderer:t.boxFactory({fill:"none",stroke:"#000000","stroke-width":2}),collapsedBoxRenderer:this.renderRef.bind(this,{fill:"#FFFFFF",stroke:"#000000","stroke-width":2}),section:e,sepRenderer:t.lineFactory({stroke:"#000000","stroke-width":2,"stroke-dasharray":"8, 4"})}},notes:{text:{margin:{top:0,left:8,right:8,bottom:0},padding:{top:4,left:4,right:4,bottom:4},overlap:{left:8,right:8},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:Nt},note:{margin:{top:0,left:8,right:8,bottom:0},padding:{top:8,left:8,right:8,bottom:8},overlap:{left:8,right:8},boxRenderer:t.noteFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1},{fill:"none",stroke:"#000000","stroke-width":1}),labelAttrs:Nt},state:{margin:{top:0,left:8,right:8,bottom:0},padding:{top:8,left:8,right:8,bottom:8},overlap:{left:8,right:8},boxRenderer:t.boxFactory({fill:"#FFFFFF",stroke:"#000000","stroke-width":1,rx:8,ry:8}),labelAttrs:Nt}},dividers:{"":{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:8,margin:0,render:this.renderLineDivider.bind(this,{lineAttrs:{stroke:"#000000"}})},delay:{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:2,gapSize:2})},tear:{labelAttrs:zt,padding:{top:2,left:5,right:5,bottom:2},extend:8,margin:8,render:this.renderTearDivider.bind(this,{fadeBegin:4,fadeSize:4,zigWidth:4,zigHeight:1,lineAttrs:{stroke:"#000000"}})}}}),this.addConnectLine("solid",{attrs:{stroke:"#000000","stroke-width":1}}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"4, 4"}}),this.addConnectLine("wave",{pattern:new ot(6,[0,-.25,-.5,-.25,0,.25,.5,.25])})}}const Tt={type:"error line-error",suggest:[],then:{"":0}},Bt=["database","red"],Vt=["begin","end","note","state","text"],Ht=(()=>{function t(t,e=1){return{type:"variable",suggest:[{known:"Agent"}],then:Object.assign({},t,{"":0,",":{type:"operator",then:{"":e}}})}}function e(t){return{type:"keyword",suggest:[t+" of ",t+": "],then:{of:{type:"keyword",then:{"":l}},":":{type:"operator",then:{"":i}},"":l}}}function n({exit:t,sourceExit:e,blankExit:n}){const s={type:"operator",then:{"+":Tt,"-":Tt,"*":Tt,"!":Tt,"":t}};return{"+":{type:"operator",then:{"+":Tt,"-":Tt,"*":s,"!":Tt,"":t}},"-":{type:"operator",then:{"+":Tt,"-":Tt,"*":s,"!":{type:"operator",then:{"+":Tt,"-":Tt,"*":Tt,"!":Tt,"":t}},"":t}},"*":{type:"operator",then:Object.assign({"+":s,"-":s,"*":Tt,"!":Tt,"":t},e||t)},"!":s,"":n||t}}const s={type:"",suggest:["\n"],then:{}},r={type:"",suggest:[],then:{}},i=b({"\n":s}),a={type:"operator",then:{"":i,"\n":r}},o=t({"\n":s,as:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Agent"}],then:{"":0,",":{type:"operator",then:{"":3}},"\n":s}}}}}),l=t({":":a}),h={type:"variable",suggest:[{known:"Agent"}],then:{"":0,":":{type:"operator",then:{"":i,"\n":r}},"\n":s}},d={":":{type:"operator",then:{"":b({as:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Agent"}],then:{"":0,"\n":s}}}}})}}},g={type:"keyword",then:Object.assign({over:{type:"keyword",then:{"":t(d)}}},d)},c={"\n":s,":":{type:"operator",then:{"":i,"\n":r}},with:{type:"keyword",suggest:["with height "],then:{height:{type:"keyword",then:{"":{type:"number",suggest:["6 ","30 "],then:{"\n":s,":":{type:"operator",then:{"":i,"\n":r}}}}}}}}},u=function(t,e,n){const s=Object.assign({},n);return e.forEach(e=>{s[e]={type:t,then:n}}),s}("keyword",["a","an"],function(t,e,n){const s={},r=Object.assign({},n);return e.forEach(e=>{s[e]={type:t,then:r},r[e]=0}),s}("keyword",Bt,{"\n":s})),p={type:"keyword",then:{"":i,":":{type:"operator",then:{"":i}},"\n":s}},f={title:{type:"keyword",then:{"":i}},theme:{type:"keyword",then:{"":{type:"string",suggest:[{global:"themes",suffix:"\n"}],then:{"":0,"\n":s}}}},headers:{type:"keyword",then:{none:{type:"keyword",then:{}},cross:{type:"keyword",then:{}},box:{type:"keyword",then:{}},fade:{type:"keyword",then:{}},bar:{type:"keyword",then:{}}}},terminators:{type:"keyword",then:{none:{type:"keyword",then:{}},cross:{type:"keyword",then:{}},box:{type:"keyword",then:{}},fade:{type:"keyword",then:{}},bar:{type:"keyword",then:{}}}},divider:{type:"keyword",then:Object.assign({line:{type:"keyword",then:c},space:{type:"keyword",then:c},delay:{type:"keyword",then:c},tear:{type:"keyword",then:c}},c)},define:{type:"keyword",then:{"":o,as:Tt}},begin:{type:"keyword",then:{"":o,reference:g,as:Tt}},end:{type:"keyword",then:{"":o,as:Tt,"\n":s}},if:p,else:{type:"keyword",suggest:["else\n","else if: "],then:{if:{type:"keyword",suggest:["if: "],then:{"":i,":":{type:"operator",then:{"":i}}}},"\n":s}},repeat:p,group:p,note:{type:"keyword",then:{over:{type:"keyword",then:{"":l}},left:e("left"),right:e("right"),between:{type:"keyword",then:{"":t({":":Tt},l)}}}},state:{type:"keyword",suggest:["state over "],then:{over:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Agent"}],then:{"":0,",":Tt,":":a}}}}}},text:{type:"keyword",then:{left:e("left"),right:e("right")}},autolabel:{type:"keyword",then:{off:{type:"keyword",then:{}},"":b({"\n":s},[{v:"<label>",suffix:"\n",q:!0},{v:"[<inc>] <label>",suffix:"\n",q:!0},{v:"[<inc 1,0.01>] <label>",suffix:"\n",q:!0}])}},simultaneously:{type:"keyword",then:{":":{type:"operator",then:{}},with:{type:"keyword",then:{"":{type:"variable",suggest:[{known:"Label"}],then:{"":0,":":{type:"operator",then:{}}}}}}}}};return t=>{const e=function(t){const e={type:"keyword",then:Object.assign({},n({exit:h,sourceExit:{":":a,"\n":r}}),{"...":{type:"operator",then:{"":{type:"variable",suggest:[{known:"DelayedAgent"}],then:{"":0,":":Tt,"\n":s}}}}})},i={};t.forEach(t=>i[t]=e);const o={type:"operator",suggest:[],override:"Label",then:{}},l={type:"variable",suggest:[{known:"Agent"}],then:Object.assign({"":0},i,{":":{type:"operator",override:"Label",then:{}}})},d={type:"variable",suggest:[{known:"DelayedAgent"}],then:Object.assign({"":0,":":o},i)},g=Object.assign({},l,{then:Object.assign({},l.then,{is:{type:"keyword",then:u}})});return Object.assign({"...":{type:"operator",then:{"":d}}},n({exit:l,sourceExit:Object.assign({"":l,":":o},i),blankExit:g}))}(t),i={};for(const t of Vt)i[t]=f[t];return Object.assign(i,e),{type:"error line-error",then:Object.assign({},f,{"&":{type:"keyword",then:i}},e)}}})(),Pt=-1;class jt{constructor(t,e){this.tokenDefinitions=t,this.commands=Ht(e),this.lineComment="#"}startState(){return{beginCompletions:k({},[this.commands]),completions:[],current:"",currentQuoted:!1,currentSpace:"",currentType:Pt,indent:0,isVar:!0,knownAgent:[],knownDelayedAgent:[],knownLabel:[],line:[],nextCompletions:[],valid:!0}}_matchPattern(t,e,n){return e?(e.lastIndex=0,t.match(e,n)):null}_tokenBegin(t,e){e.currentSpace="";for(let n="";!t.eol();n=t.next()){e.currentSpace+=n;for(let n=0;n<this.tokenDefinitions.length;++n){const s=this.tokenDefinitions[n];if(this._matchPattern(t,s.start,!0)){e.currentType=n;const{value:t,quoted:r}=A(s);return e.current=t,e.currentQuoted=r,!0}}}return!1}_tokenCheckEscape(t,e,n){const s=this._matchPattern(t,n.escape,!0);s&&(e.current+=n.escapeWith(s))}_addToken(t){t.line.push({q:t.currentQuoted,s:t.currentSpace,v:t.current})}_tokenEndFound(t,e,n,s){return e.currentType=Pt,n.includeEnd&&(e.current+=s[0]),n.omit?"comment":(this._addToken(e),v(e,t.eol(),this.commands))}_tokenEOLFound(t,e,n){if(e.current+="\n",n.omit)return"comment";this._addToken(e);const s=v(e,!1,this.commands);return e.line.pop(),s}_tokenEnd(t,e){for(;;){const n=this.tokenDefinitions[e.currentType];if(this._tokenCheckEscape(t,e,n),!n.end)return this._tokenEndFound(t,e,n,null);{const s=this._matchPattern(t,n.end,!0);if(s)return this._tokenEndFound(t,e,n,s)}if(t.eol())return this._tokenEOLFound(t,e,n);e.current+=t.next()}}_tokenContinueOrBegin(t,e){return e.currentType!==Pt||(t.sol()&&(e.line.length=0,e.valid=!0),this._tokenBegin(t,e))?this._tokenEnd(t,e):""}_isLineTerminated(t){return t.currentType!==Pt||t.valid}token(t,e){e.completions=e.nextCompletions,e.isVar=!0;const n=this._tokenContinueOrBegin(t,e);return t.eol()&&!this._isLineTerminated(e)?"line-error "+n:n}indent(t){return t.indent}}const qt=[{end:/(?=\n)|$/y,omit:!0,start:/#/y},{baseToken:{q:!0},end:/"/y,escape:/\\(.)/y,escapeWith:function(t){return"n"===t[1]?"\n":-1!=='"\\'.indexOf(t[1])?t[1]:""+t[1]},start:/"/y},{baseToken:{v:"..."},start:/\.\.\./y},{end:/(?=[ \t\r\n:+~\-*!<,])|$/y,start:/(?=[^ \t\r\n:+~\-*!<,])/y},{end:/(?=[^~\-<>x])|[-~]x|[<>](?=x)|$/y,includeEnd:!0,start:/(?=[~\-<])/y},{baseToken:{v:","},start:/,/y},{baseToken:{v:":"},start:/:/y},{baseToken:{v:"!"},start:/!/y},{baseToken:{v:"+"},start:/\+/y},{baseToken:{v:"*"},start:/\*/y},{baseToken:{v:"\n"},start:/\n/y}],Yt=/[\x00-\x08\x0E-\x1F]/g;class Ut{constructor(t){this.src=t.replace(Yt,""),this.block=null,this.token=null,this.pos={ch:0,i:0,ln:0},this.reset()}isOver(){return this.pos.i>this.src.length}reset(){this.token={b:null,e:null,q:!1,s:"",v:""},this.block=null}beginToken(t){this.block=t.newBlock,Object.assign(this.token,this.block.baseToken),this.token.b=S(this.pos)}endToken(){let t=null;return this.block.omit||(this.token.e=S(this.pos),t=this.token),this.reset(),t}advance(){const t=M(this.src,this.pos.i,this.block);return t.newBlock&&this.beginToken(t),this.token.s+=t.appendSpace,this.token.v+=t.appendValue,function(t,e,n){for(let s=0;s<n;++s)++t.ch,"\n"===e[t.i+s]&&(++t.ln,t.ch=0);t.i+=n}(this.pos,this.src,t.skip),t.end?this.endToken():null}}const Wt=/(.*?)<([^<>]*)>/g,Xt=/\.([0-9]*)/,Qt=/[\x00-\x08\x0E-\x1F]/g,Jt=[{attrs:{"font-style":"italic"},begin:{matcher:/<i>/g,skip:0},end:{matcher:/<\/i>/g,skip:0}},{attrs:{"font-style":"italic"},begin:{matcher:/[\s_~`>]\*(?=\S)/g,skip:1},end:{matcher:/\S\*(?=[\s_~`<])/g,skip:1}},{attrs:{"font-style":"italic"},begin:{matcher:/[\s*~`>]_(?=\S)/g,skip:1},end:{matcher:/\S_(?=[\s*~`<])/g,skip:1}},{attrs:{"font-weight":"bolder"},begin:{matcher:/<b>/g,skip:0},end:{matcher:/<\/b>/g,skip:0}},{attrs:{"font-weight":"bolder"},begin:{matcher:/[\s_~`>]\*\*(?=\S)/g,skip:1},end:{matcher:/\S\*\*(?=[\s_~`<])/g,skip:1}},{attrs:{"font-weight":"bolder"},begin:{matcher:/[\s*~`>]__(?=\S)/g,skip:1},end:{matcher:/\S__(?=[\s*~`<])/g,skip:1}},{attrs:{"text-decoration":"line-through"},begin:{matcher:/<s>/g,skip:0},end:{matcher:/<\/s>/g,skip:0}},{attrs:{"text-decoration":"line-through"},begin:{matcher:/[\s_*`>]~(?=\S)/g,skip:1},end:{matcher:/\S~(?=[\s_*`<])/g,skip:1}},{attrs:{"text-decoration":"overline"},begin:{matcher:/<o>/g,skip:0},end:{matcher:/<\/o>/g,skip:0}},{attrs:{"font-family":"Courier New,Liberation Mono,monospace"},begin:{matcher:/[\s_*~.>]`(?=\S)/g,skip:1},end:{matcher:/\S`(?=[\s_*~.<])/g,skip:1}},{attrs:{"text-decoration":"underline"},begin:{matcher:/<u>/g,skip:0},end:{matcher:/<\/u>/g,skip:0}},{attrs:{"baseline-shift":"70%","font-size":"0.6em"},begin:{matcher:/<sup>/g,skip:0},end:{matcher:/<\/sup>/g,skip:0}},{attrs:{"baseline-shift":"-20%","font-size":"0.6em"},begin:{matcher:/<sub>/g,skip:0},end:{matcher:/<\/sub>/g,skip:0}},{attrs:{fill:"#DD0000"},begin:{matcher:/<red>/g,skip:0},end:{matcher:/<\/red>/g,skip:0}},{attrs:{filter:"highlight"},begin:{matcher:/<highlight>/g,skip:0},end:{matcher:/<\/highlight>/g,skip:0}},{all:{matcher:/\[([^\]]+)\]\(([^)]+?)(?: "([^"]+)")?\)/g,skip:0},attrs:t=>({href:t[2].replace(Qt,""),"text-decoration":"underline"}),text:t=>t[1].replace(Qt,"")},{all:{matcher:/<([a-z]+:\/\/[^>]*)>/g,skip:0},attrs:t=>({href:t[1].replace(Qt,""),"text-decoration":"underline"}),text:t=>t[1].replace(Qt,"")}],Zt=/[\f\n\r\t\v ]+/g,Kt=/^[\t-\r ]+|[\t-\r ]+$/g,_t=-2,$t=new Map;$t.set("if",{blockType:"if",skip:[],tag:"if",type:"block begin"}),$t.set("else",{blockType:"else",skip:["if"],tag:"else",type:"block split"}),$t.set("repeat",{blockType:"repeat",skip:[],tag:"repeat",type:"block begin"}),$t.set("group",{blockType:"group",skip:[],tag:"",type:"block begin"});const te={agentFlags:{"!":{flag:"end"},"*":{allowBlankName:!0,blankNameFlag:"source",flag:"begin"},"+":{flag:"start"},"-":{flag:"stop"}},types:(()=>{const t=function(t){const e=[];return i(t,0,[],e),e}([[{tok:"",type:0},{tok:"<",type:1},{tok:"<<",type:2}],[{tok:"-",type:"solid"},{tok:"--",type:"dash"},{tok:"~",type:"wave"}],[{tok:"",type:0},{tok:">",type:1},{tok:">>",type:2},{tok:"x",type:3}]]).filter(t=>0!==t[0].type||0!==t[2].type),e=new Map;return t.forEach(t=>{e.set(t.map(t=>t.tok).join(""),{left:t[0].type,line:t[1].type,right:t[2].type})}),e})()},ee=["none","box","cross","fade","bar"],ne=new Map;ne.set("text",{mode:"text",types:{left:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note left"},right:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note right"}}}),ne.set("note",{mode:"note",types:{between:{max:Number.POSITIVE_INFINITY,min:2,skip:[],type:"note between"},left:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note left"},over:{max:Number.POSITIVE_INFINITY,min:0,skip:[],type:"note over"},right:{max:Number.POSITIVE_INFINITY,min:0,skip:["of"],type:"note right"}}}),ne.set("state",{mode:"state",types:{over:{max:1,min:1,skip:[],type:"note over"}}});const se=new Map;se.set("line",{defaultHeight:6}),se.set("space",{defaultHeight:6}),se.set("delay",{defaultHeight:30}),se.set("tear",{defaultHeight:6});const re=new Map;re.set("define",{type:"agent define"}),re.set("begin",{mode:"box",type:"agent begin"}),re.set("end",{mode:"cross",type:"agent end"});const ie=[{begin:["title"],fn:(t,e)=>(e.title=z(t,1),!0)},{begin:["theme"],fn:(t,e)=>(e.theme=z(t,1),!0)},{begin:["terminators"],fn:(t,e)=>{const n=O(t[1]);if(!n)throw L("Unspecified termination",t[0]);if(-1===ee.indexOf(n))throw L('Unknown termination "'+n+'"',t[1]);return e.terminators=n,!0}},{begin:["headers"],fn:(t,e)=>{const n=O(t[1]);if(!n)throw L("Unspecified header",t[0]);if(-1===ee.indexOf(n))throw L('Unknown header "'+n+'"',t[1]);return e.headers=n,!0}},{begin:["divider"],fn:t=>{const e=B(t,[":"],{orEnd:!0}),n=B(t,["with","height"],{limit:e,orEnd:!0}),s=z(t,1,n)||"line";if(!se.has(s))throw L("Unknown divider type",t[1]);const r=function(t,e=0,n=null,s=Number.NAN){const r=z(t,e,n);return Number(r||s)}(t,n+2,e,se.get(s).defaultHeight);if(Number.isNaN(r)||r<0)throw L("Invalid divider height",t[n+2]);return{height:r,label:z(t,e+1),mode:s,type:"divider"}}},{begin:["autolabel"],fn:t=>{let e=null;return e="off"===O(t[1])?"<label>":z(t,1),{pattern:function(t){const e=[];let n=null,s=0;for(Wt.lastIndex=0;n=Wt.exec(t);)n[1]&&e.push(n[1]),n[2]&&e.push(C(n[2])),s=Wt.lastIndex;const r=t.substr(s);return r&&e.push(r),e}(e),type:"label pattern"}}},{begin:["end"],fn:t=>1!==t.length?null:{type:"block end"}},{begin:[],fn:t=>{const e=$t.get(O(t[0]));if(!e)return null;let n=1;return t.length>n&&(n=T(t,n,e.skip,"Invalid block command")),n=T(t,n,[":"]),{blockType:e.blockType,label:z(t,n),tag:e.tag,type:e.type}}},{begin:["begin","reference"],fn:t=>{let e=[];const n=B(t,[":"]);if("over"===O(t[2])&&n>3)e=H(t,3,n);else if(2!==n)throw L('Expected ":" or "over"',t[2]);const s=V(t,n+1,t.length,{aliases:!0});if(!s.alias)throw L("Reference must have an alias",t[n]);return{agents:e,alias:s.alias,blockType:"ref",label:s.name,tag:"ref",type:"group begin"}}},{begin:[],fn:t=>{const e=re.get(O(t[0]));return!e||t.length<=1?null:Object.assign({agents:H(t,1,t.length,{aliases:!0})},e)}},{begin:["simultaneously"],fn:t=>{if(":"!==O(r(t)))return null;let e="";if(t.length>2){if("with"!==O(t[1]))return null;e=z(t,2,t.length-1)}return{target:e,type:"async"}}},{begin:[],fn:t=>{const e=ne.get(O(t[0])),n=B(t,[":"]);if(!e||-1===n)return null;const s=e.types[O(t[1])];if(!s)return null;let r=2;const i=H(t,r=T(t,r,s.skip),n);if(i.length<s.min)throw L("Too few agents for "+e.mode,t[0]);if(i.length>s.max)throw L("Too many agents for "+e.mode,t[0]);return{agents:i,label:z(t,n+1),mode:e.mode,type:s.type}}},{begin:[],fn:t=>{const e=B(t,[":"],{orEnd:!0}),n=function(t,e,{start:n=0,limit:s=null}={}){const r=N(t,s);for(let s=n;s<r;++s){const n=e.get(O(t[s]));if(n)return{pos:s,value:n}}return null}(t,te.types,{limit:e-1,start:0});if(!n)return null;const s=n.pos,r={flagTypes:te.agentFlags};if("..."===O(t[0]))return{agent:V(t,s+1,e,r),label:z(t,e+1),options:n.value,tag:z(t,1,s),type:"connect-delay-end"};if("..."===O(t[s+1])){if(e!==t.length)throw L("Cannot label beginning of delayed connection",t[e]);return{agent:V(t,0,s,r),options:n.value,tag:z(t,s+2,e),type:"connect-delay-begin"}}return{agents:[V(t,0,s,r),V(t,s+1,e,r)],label:z(t,e+1),options:n.value,type:"connect"}}},{begin:[],fn:t=>t.length<2||":"!==O(r(t))?null:{name:z(t,0,t.length-1),type:"mark"}},{begin:[],fn:t=>{const e=B(t,["is"]);if(e<1)return null;let n=e+1;if(["a","an"].includes(O(t[n]))&&++n,n===t.length)throw L("Empty agent options",{b:r(t).e});const s=V(t,0,e),i=[];for(let e=n;e<t.length;++e)i.push(t[e].v);return{agent:s,options:i,type:"agent options"}}}],ae=new class{tokenise(t){const e=[],n=new Ut(t);for(;!n.isOver();){const t=n.advance();t&&e.push(t)}if(n.block)throw new Error("Unterminated literal (began at "+function(t){return"line "+(t.ln+1)+", character "+t.ch}(n.token.b)+")");return e}getCodeMirrorMode(t){return new jt(qt,t)}splitLines(t){const e=[];let n=[];return t.forEach(t=>{t.q||"\n"!==t.v?n.push(t):n.length>0&&(e.push(n),n=[])}),n.length>0&&e.push(n),e}};class oe{getCodeMirrorMode(){return ae.getCodeMirrorMode(Array.from(te.types.keys()))}parseLines(t,e){const n={meta:{code:e,headers:"box",terminators:"none",textFormatter:D,theme:"",title:""},stages:[]};return t.forEach(t=>P(t,n)),n}parse(t){const e=ae.tokenise(t),n=ae.splitLines(e);return this.parseLines(n,t)}}class le{makeState(){}resetState(t){this.makeState(t)}prepareMeasurements(){}separationPre(){}separation(){}renderPre(){}render(){}renderHidden(){}shouldHide(){}}const he=new Map,de={class:"outline",fill:"transparent"};const ge={bar:new class{prepareMeasurements({formattedLabel:t},e){const n=e.theme.agentCap.box;e.textSizer.expectMeasure(n.labelAttrs,t)}separation({formattedLabel:t},e){const n=e.theme.agentCap.box,s=e.textSizer.measure(n.labelAttrs,t).width+n.padding.left+n.padding.right;return{left:s/2,radius:s/2,right:s/2}}topShift(t,e){return e.theme.agentCap.bar.height/2}render(t,{x:e,formattedLabel:n,options:s},r){const i=r.theme.agentCap.box,a=r.theme.agentCap.bar,o=r.textSizer.measure(i.labelAttrs,n).width+i.padding.left+i.padding.right,{height:l}=a;return r.makeRegion().add(a.render({height:l,options:s,width:o,x:e-o/2,y:t}),r.svg.box(de,{height:l,width:o,x:e-o/2,y:t})),{height:l,lineBottom:l,lineTop:0}}},box:new class{getConfig(t,e){let n=null;return t.includes("database")&&(n=e.theme.agentCap.database),n||e.theme.agentCap.box}prepareMeasurements({formattedLabel:t,options:e},n){const s=this.getConfig(e,n);n.textSizer.expectMeasure(s.labelAttrs,t)}separation({formattedLabel:t,options:e},n){const s=this.getConfig(e,n),r=n.textSizer.measure(s.labelAttrs,t).width+s.padding.left+s.padding.right;return{left:r/2,radius:r/2,right:r/2}}topShift({formattedLabel:t,options:e},n){const s=this.getConfig(e,n),r=n.textSizer.measureHeight(s.labelAttrs,t)+s.padding.top+s.padding.bottom;return Math.max(0,r-s.arrowBottom)}render(t,{x:e,formattedLabel:n,options:s},r){const i=this.getConfig(s,r),a=r.svg.boxedText(i,n,{x:e,y:t});return r.makeRegion().add(a,r.svg.box(de,{height:a.height,width:a.width,x:e-a.width/2,y:t})),{height:a.height,lineBottom:a.height,lineTop:0}}},cross:new class{prepareMeasurements(){}separation(t,e){const n=e.theme.agentCap.cross;return{left:n.size/2,radius:0,right:n.size/2}}topShift(t,e){return e.theme.agentCap.cross.size/2}render(t,{x:e,options:n},s){const r=s.theme.agentCap.cross,i=r.size/2;return s.makeRegion().add(r.render({options:n,radius:i,x:e,y:t+i}),s.svg.box(de,{height:2*i,width:2*i,x:e-i,y:t})),{height:2*i,lineBottom:i,lineTop:i}}},fade:new class{prepareMeasurements(){}separation({currentRad:t}){return{left:t,radius:t,right:t}}topShift(t,e,n){const s=e.theme.agentCap.fade;return n?s.height:0}render(t,{x:e},n,s){const r=n.theme.agentCap.fade,i=r.height/(r.height+r.extend),a=n.addDef(s?"FadeIn":"FadeOut",()=>n.svg.linearGradient({x1:"0%",x2:"0%",y1:s?"100%":"0%",y2:s?"0%":"100%"},[{offset:"0%","stop-color":"#FFFFFF"},{offset:(100*i).toFixed(3)+"%","stop-color":"#000000"}]));return n.lineMaskLayer.add(n.svg.box({fill:"url(#"+a+")"},{height:r.height+r.extend,width:r.width,x:e-r.width/2,y:t-(s?r.extend:0)})),n.makeRegion().add(n.svg.box(de,{height:r.height,width:r.width,x:e-r.width/2,y:t})),{height:r.height,lineBottom:0,lineTop:r.height}}},none:new class{prepareMeasurements(){}separation({currentRad:t}){return{left:t,radius:t,right:t}}topShift(t,e){return e.theme.agentCap.none.height}render(t,{x:e},n){const s=n.theme.agentCap.none;return n.makeRegion().add(n.svg.box(de,{height:s.height,width:10,x:e-5,y:t})),{height:s.height,lineBottom:0,lineTop:s.height}}}};class ce extends le{constructor(t){super(),this.begin=t}prepareMeasurements({mode:t,agentIDs:e},n){e.forEach(e=>{const s=n.agentInfos.get(e);ge[t].prepareMeasurements(s,n,this.begin)})}separationPre({mode:t,agentIDs:e},n){e.forEach(e=>{const s=n.agentInfos.get(e),r=ge[t].separation(s,n,this.begin);n.addSpacing(e,r),s.currentMaxRad=Math.max(s.currentMaxRad,r.radius)})}separation({agentIDs:t},s){this.begin?e(s.visibleAgentIDs,t):n(s.visibleAgentIDs,t)}renderPre({mode:t,agentIDs:e},n){let s=0;return e.forEach(e=>{const r=n.agentInfos.get(e),i=ge[t],a=i.topShift(r,n,this.begin);s=Math.max(s,a);const o=i.separation(r,n,this.begin).radius;r.currentMaxRad=Math.max(r.currentMaxRad,o)}),{agentIDs:e,topShift:s}}render({mode:t,agentIDs:e},n){let s=0;return e.forEach(e=>{const r=n.agentInfos.get(e),i=ge[t],a=i.topShift(r,n,this.begin),o=n.primaryY-a,l=i.render(o,r,n,this.begin);s=Math.max(s,o+l.height),this.begin?n.drawAgentLine(e,o+l.lineBottom):n.drawAgentLine(e,o+l.lineTop,!0)}),s+n.theme.actionMargin}renderHidden({agentIDs:t},e){t.forEach(t=>{e.drawAgentLine(t,e.topY,!this.begin)})}}q("agent begin",new ce(!0)),q("agent end",new ce(!1));q("agent highlight",new class extends le{radius(t,e){return t?e.theme.agentLineHighlightRadius:0}separationPre({agentIDs:t,highlighted:e},n){const s=this.radius(e,n);t.forEach(t=>{const e=n.agentInfos.get(t);e.currentRad=s,e.currentMaxRad=Math.max(e.currentMaxRad,s)})}renderPre({agentIDs:t,highlighted:e},n){const s=this.radius(e,n);t.forEach(t=>{const e=n.agentInfos.get(t);e.currentMaxRad=Math.max(e.currentMaxRad,s)})}render({agentIDs:t,highlighted:e},n){const s=this.radius(e,n);return t.forEach(t=>{n.drawAgentLine(t,n.primaryY),n.agentInfos.get(t).currentRad=s}),n.primaryY+n.theme.actionMargin}renderHidden(t,e){this.render(t,e)}});const ue={class:"outline",fill:"transparent"};class pe extends le{prepareMeasurements({left:t,tag:e,label:n},s){const r=s.state.blocks.get(t),i=s.theme.getBlock(r.type).section;s.textSizer.expectMeasure(i.tag.labelAttrs,e),s.textSizer.expectMeasure(i.label.labelAttrs,n)}separation({left:t,right:e,tag:n,label:s},r){const i=r.state.blocks.get(t),a=r.theme.getBlock(i.type).section,o=r.textSizer.measure(a.tag.labelAttrs,n).width+a.tag.padding.left+a.tag.padding.right+r.textSizer.measure(a.label.labelAttrs,s).width+a.label.padding.left+a.label.padding.right;r.addSeparation(t,e,o)}renderPre({left:t,right:e}){return{agentIDs:[t,e]}}render({left:t,right:e,tag:n,label:s},r,i=!1){const a=r.state.blocks.get(t),o=r.theme.getBlock(a.type),l=r.agentInfos.get(t),h=r.agentInfos.get(e);let d=r.primaryY;i||(d+=o.section.padding.bottom);const g=r.makeRegion(),c=r.svg.boxedText({boxAttrs:o.section.tag.boxAttrs,boxRenderer:o.section.tag.boxRenderer,labelAttrs:o.section.tag.labelAttrs,padding:o.section.tag.padding},n,{x:l.x,y:d}),u=r.svg.boxedText({boxAttrs:{fill:"#000000"},labelAttrs:o.section.label.labelAttrs,padding:o.section.label.padding},s,{x:l.x+c.width,y:d}),p=Math.max(Math.max(c.height,u.height),o.section.label.minHeight);return a.hold.add(c.box),r.lineMaskLayer.add(u.box),g.add(r.svg.box(ue,{height:p,width:h.x-l.x,x:l.x,y:d}),c.label,u.label),i?a.canHide&&g.addClass(a.hide?"collapsed":"expanded"):a.hold.add(o.sepRenderer({x1:l.x,x2:h.x,y1:d,y2:d})),d+p+o.section.padding.top}}q("block begin",new class extends pe{makeState(t){t.blocks=new Map}resetState(t){t.blocks.clear()}storeBlockInfo(t,e){const{canHide:n}=t,s={canHide:n,hide:n&&e.renderer.isCollapsed(t.ln),hold:null,startY:null,type:t.blockType};return e.state.blocks.set(t.left,s),s}prepareMeasurements(t,e){this.storeBlockInfo(t,e),super.prepareMeasurements(t,e)}separationPre(t,e){this.storeBlockInfo(t,e),super.separationPre(t,e)}separation(t,n){e(n.visibleAgentIDs,[t.left,t.right]),super.separation(t,n)}renderPre(t,e){const n=this.storeBlockInfo(t,e),s=e.theme.getBlock(n.type);return{agentIDs:[t.left,t.right],topShift:s.margin.top}}render(t,e){const n=e.svg.el("g");e.blockLayer.add(n);const s=e.state.blocks.get(t.left);return s.hold=n,s.startY=e.primaryY,super.render(t,e,!0)}shouldHide({left:t},e){return{nest:e.state.blocks.get(t).hide?1:0,self:!1}}}),q("block split",new pe),q("block end",new class extends le{separation({left:t,right:e},s){n(s.visibleAgentIDs,[t,e])}renderPre({left:t,right:e},n){const s=n.state.blocks.get(t);return{agentIDs:[t,e],topShift:n.theme.getBlock(s.type).section.padding.bottom}}render({left:t,right:e},n){const s=n.state.blocks.get(t),r=n.theme.getBlock(s.type),i=n.agentInfos.get(t),a=n.agentInfos.get(e);let o=r.boxRenderer;s.hide&&(o=r.collapsedBoxRenderer||o);let l=o({height:n.primaryY-s.startY,width:a.x-i.x,x:i.x,y:s.startY});return l.shape||(l={shape:l}),s.hold.add(l.shape),n.fillLayer.add(l.fill),n.lineMaskLayer.add(l.mask),n.primaryY+r.margin.bottom+n.theme.actionMargin}shouldHide({left:t},e){return{nest:e.state.blocks.get(t).hide?-1:0,self:!1}}});const fe={class:"outline",fill:"transparent"};class me{constructor(t){this.propName=t}getConfig(t){return t.connect.arrow[this.propName]}short(t){const e=this.getConfig(t),n=e.attrs["stroke-linejoin"]||"miter",s=.5*e.attrs["stroke-width"],r=.5*t.agentLineAttrs[""]["stroke-width"];if("round"===n)return r+s;{const t=e.height/2,n=e.width;return r+s*Math.sqrt(n*n/(t*t)+1)}}render(t,e,n,s){const r=this.getConfig(e),i=this.short(e);t.add(r.render(r.attrs,{dir:s,height:r.height,width:r.width,x:n.x+i*s.dx,y:n.y+i*s.dy}))}width(t){return this.short(t)+this.getConfig(t).width}height(t){return this.getConfig(t).height}lineGap(t,e){const n=this.getConfig(t),s=this.short(t);if("none"===n.attrs.fill){const t=n.height/2,r=n.width;return(s+(s+e.attrs["stroke-width"]/2*(r/t)))/2}return s+n.width/2}}const be=[{height:()=>0,lineGap:()=>0,render:()=>null,width:()=>0},new me("single"),new me("double"),new class{getConfig(t){return t.connect.arrow.cross}render(t,e,n,s){const r=this.getConfig(e);t.add(r.render({radius:r.radius,x:n.x+r.short*s.dx,y:n.y+r.short*s.dy}))}width(t){const e=this.getConfig(t);return e.short+e.radius}height(t){return 2*this.getConfig(t).radius}lineGap(t){return this.getConfig(t).short}}];class xe extends le{prepareMeasurements({agentIDs:t,label:e},n){const s=n.theme.connect,r=t[0]===t[1]?s.label.loopbackAttrs:s.label.attrs;n.textSizer.expectMeasure(r,e)}separationPre({agentIDs:t},e){const n=e.theme.connect.source.radius;t.forEach(t=>{const s=e.agentInfos.get(t);s.isVirtualSource&&(s.currentRad=n,s.currentMaxRad=Math.max(s.currentMaxRad,n))})}separation({label:t,agentIDs:n,options:s},r){const i=r.theme.connect,a=be[s.left],o=be[s.right],l=n[0]===n[1],h=l?i.label.loopbackAttrs:i.label.attrs;let d=r.textSizer.measure(h,t).width;d>0&&(d+=2*i.label.padding);const g=r.agentInfos.get(n[0]);if(l)r.addSpacing(n[0],{left:0,right:g.currentMaxRad+Math.max(d+a.width(r.theme),o.width(r.theme))+i.loopbackRadius});else{const t=r.agentInfos.get(n[1]);r.addSeparation(n[0],n[1],g.currentMaxRad+t.currentMaxRad+d+2*Math.max(a.width(r.theme),o.width(r.theme)))}e(r.momentaryAgentIDs,n)}renderRevArrowLine({x1:t,y1:e,x2:n,y2:s,xR:r},i,a,o){const l=a.theme.getConnectLine(i.line),h=be[i.left],d=be[i.right],g=h.lineGap(a.theme,l),c=d.lineGap(a.theme,l),u=l.renderRev({rad:a.theme.connect.loopbackRadius,x1:t+g,x2:n+c,xR:r,y1:e,y2:s});o.add(u.shape),h.render(o,a.theme,{x:u.p1.x-g,y:u.p1.y},{dx:1,dy:0}),d.render(o,a.theme,{x:u.p2.x-c,y:u.p2.y},{dx:1,dy:0})}renderSelfConnect({label:t,agentIDs:e,options:n},s,r,i){const a=s.theme.connect,o=be[n.left],l=be[n.right],h=s.agentInfos.get(e[1]),d=t?s.textSizer.measureHeight(a.label.attrs,t)+a.label.margin.top+a.label.margin.bottom:0,g=r.x+r.currentMaxRad+o.width(s.theme)+(t?a.label.padding:0),c=s.svg.boxedText({boxAttrs:{fill:"#000000"},labelAttrs:a.label.loopbackAttrs,padding:a.mask.padding},t,{x:g-a.mask.padding.left,y:i-d+a.label.margin.top}),u=t?c.width+a.label.padding-a.mask.padding.left-a.mask.padding.right:0,p=Math.max(h.x+h.currentMaxRad+l.width(s.theme),g+u),f=Math.max(d,o.height(s.theme)/2),m=l.height(s.theme)/2;s.lineMaskLayer.add(c.box);const b=s.makeRegion().add(s.svg.box(fe,{height:f+s.primaryY-i+m,width:p+a.loopbackRadius-r.x,x:r.x,y:i-f}),c.label);return this.renderRevArrowLine({x1:r.x+r.currentMaxRad,x2:h.x+h.currentMaxRad,xR:p,y1:i,y2:s.primaryY},n,s,b),s.primaryY+Math.max(m,0)+s.theme.actionMargin}renderArrowLine({x1:t,y1:e,x2:n,y2:s},r,i,a){const o=i.theme.getConnectLine(r.line),l=be[r.left],h=be[r.right],d=Math.sqrt((n-t)*(n-t)+(s-e)*(s-e)),g=l.lineGap(i.theme,o),c=h.lineGap(i.theme,o),u=(n-t)/d,p=(s-e)/d,f=o.renderFlat({x1:t+g*u,x2:n-c*u,y1:e+g*p,y2:s-c*p});a.add(f.shape);const m={x:f.p1.x-g*u,y:f.p1.y-g*p},b={x:f.p2.x+c*u,y:f.p2.y+c*p};return l.render(a,i.theme,m,{dx:u,dy:p}),h.render(a,i.theme,b,{dx:-u,dy:-p}),{lArrow:l,p1:m,p2:b,rArrow:h}}renderVirtualSources({from:t,to:e,rendered:n},s,r){const i=s.theme.connect.source;t.isVirtualSource&&r.add(i.render({radius:i.radius,x:n.p1.x-i.radius,y:n.p1.y})),e.isVirtualSource&&r.add(i.render({radius:i.radius,x:n.p2.x+i.radius,y:n.p2.y}))}renderSimpleLabel(t,{layer:e,x1:n,x2:s,y1:r,y2:i,height:a},o){const l=o.theme.connect,h=(n+s)/2,d=(r+i)/2;let g=e;const c={fill:"#000000"};if(r!==i){const t="rotate("+180*Math.atan((i-r)/(s-n))/Math.PI+" "+h+","+d+")";c.transform=t,g=o.svg.el("g").attr("transform",t),e.add(g)}const u=o.svg.boxedText({boxAttrs:c,labelAttrs:l.label.attrs,padding:l.mask.padding},t,{x:h,y:d+l.label.margin.top-a});o.lineMaskLayer.add(u.box),g.add(u.label)}renderSimpleConnect({label:t,agentIDs:e,options:n},s,r,i){const a=s.theme.connect,o=s.agentInfos.get(e[1]),l=r.x<o.x?1:-1,h=s.textSizer.measureHeight(a.label.attrs,t)+a.label.margin.top+a.label.margin.bottom,d=r.x+r.currentMaxRad*l,g=o.x-o.currentMaxRad*l,c=s.makeRegion(),u=this.renderArrowLine({x1:d,x2:g,y1:i,y2:s.primaryY},n,s,c),p=Math.max(u.lArrow.height(s.theme),u.rArrow.height(s.theme))/2,f=Math.max(h,p);return this.renderVirtualSources({from:r,rendered:u,to:o},s,c),c.add(s.svg.el("path").attrs(fe).attr("d","M"+d+","+(i-f)+"L"+g+","+(s.primaryY-f)+"L"+g+","+(s.primaryY+p)+"L"+d+","+(i+p)+"Z")),this.renderSimpleLabel(t,{height:h,layer:c,x1:d,x2:g,y1:i,y2:s.primaryY},s),s.primaryY+Math.max(p+s.theme.minActionMargin,s.theme.actionMargin)}renderPre({label:t,agentIDs:e,options:n},s){const r=s.theme.connect,i=be[n.left],a=be[n.right],o=s.textSizer.measureHeight(r.label.attrs,t)+r.label.margin.top+r.label.margin.bottom;let l=i.height(s.theme);return e[0]!==e[1]&&(l=Math.max(l,a.height(s.theme))),{agentIDs:e,topShift:Math.max(l/2,o)}}render(t,e,n=null,s=null){let r=s,i=n;return null===n&&(i=e.agentInfos.get(t.agentIDs[0]),r=e.primaryY),t.agentIDs[0]===t.agentIDs[1]?this.renderSelfConnect(t,e,i,r):this.renderSimpleConnect(t,e,i,r)}}q("connect",new xe),q("connect-delay-begin",new class extends xe{makeState(t){t.delayedConnections=new Map}resetState(t){t.delayedConnections.clear()}separation(t,n){super.separation(t,n),e(n.momentaryAgentIDs,[t.agentIDs[0]])}renderPre(t,e){return Object.assign(super.renderPre(t,e),{agentIDs:[t.agentIDs[0]]})}render(t,e){return e.state.delayedConnections.set(t.tag,{from:Object.assign({},e.agentInfos.get(t.agentIDs[0])),stage:t,y:e.primaryY}),e.primaryY+e.theme.actionMargin}renderHidden(t,e){this.render(t,e)}}),q("connect-delay-end",new class extends xe{prepareMeasurements(){}separationPre(){}separation(){}renderPre({tag:t},e){const n=e.theme.connect,s=e.state.delayedConnections.get(t),r=s.stage,i=[r.agentIDs[1]];return r.agentIDs[0]===r.agentIDs[1]?{agentIDs:i,y:s.y+2*n.loopbackRadius}:Object.assign(super.renderPre(r,e),{agentIDs:i})}render({tag:t},e){const n=e.state.delayedConnections.get(t);return super.render(n.stage,e,n.from,n.y)}});const ye={class:"outline",fill:"transparent"};q("divider",new class extends le{prepareMeasurements({mode:t,formattedLabel:e},n){const s=n.theme.getDivider(t);n.textSizer.expectMeasure(s.labelAttrs,e)}separation({mode:t,formattedLabel:e},n){const s=n.theme.getDivider(t),r=n.textSizer.measure(s.labelAttrs,e).width+s.padding.left+s.padding.right;n.addSeparation("[","]",r),n.addSpacing("[",{left:s.extend,right:0}),n.addSpacing("]",{left:0,right:s.extend})}renderPre(){return{agentIDs:["[","]"]}}render({mode:t,height:e,formattedLabel:n},s){const r=s.theme.getDivider(t),i=s.agentInfos.get("["),a=s.agentInfos.get("]");let o=0,l=0;n&&(l=s.textSizer.measureHeight(r.labelAttrs,n));const h=Math.max(e,l)+r.margin;let d=null;if(n){const t=s.svg.boxedText({boxAttrs:{fill:"#000000"},labelAttrs:r.labelAttrs,padding:r.padding},n,{x:(i.x+a.x)/2,y:s.primaryY+(h-l)/2-r.padding.top});s.fullMaskLayer.add(t.box),d=t.label,o=t.width}const{shape:g,mask:c}=r.render({env:s,height:e,labelHeight:l,labelWidth:o,width:a.x-i.x+2*r.extend,x:i.x-r.extend,y:s.primaryY+(h-e)/2});return s.fullMaskLayer.add(c),s.makeRegion({unmasked:!0}).add(s.svg.box(ye,{height:h,width:a.x-i.x+2*r.extend,x:i.x-r.extend,y:s.primaryY}),g,d),s.primaryY+h+s.theme.actionMargin}});q("mark",new class extends le{makeState(t){t.marks=new Map}resetState(t){t.marks.clear()}render({name:t},{topY:e,state:n}){n.marks.set(t,e)}renderHidden(t,e){this.render(t,e)}}),q("async",new class extends le{renderPre({target:t},{state:e}){let n=0;return t&&e.marks&&(n=e.marks.get(t)||0),{asynchronousY:n}}});const ke={class:"outline",fill:"transparent"};class we extends le{prepareMeasurements({mode:t,label:e},n){const s=n.theme.getNote(t);n.textSizer.expectMeasure(s.labelAttrs,e)}renderPre({agentIDs:t}){return{agentIDs:t}}renderNote({label:t,mode:e,position:n},s){const r=s.theme.getNote(e),{padding:i}=r,a=s.topY+r.margin.top+i.top,o=s.svg.formattedText(r.labelAttrs,t),l=s.textSizer.measure(o),h=l.width+i.left+i.right,d=l.height+i.top+i.bottom,g=function(t,{x0:e=null,x1:n=null,xMid:s=null}){let r=e,i=n;return null===r&&null!==s&&(r=s-t/2),null===i&&null!==r?i=r+t:null===r&&(r=i-t),{xL:r,xR:i}}(h,n);o.set({x:function(t,{xL:e,xR:n},s){switch(t){case"middle":return(e+s.left+n-s.right)/2;case"end":return n-s.right;default:return e+s.left}}(r.labelAttrs["text-anchor"],g,i),y:a});const c={height:d,width:g.xR-g.xL,x:g.xL,y:s.topY+r.margin.top};return s.makeRegion().add(r.boxRenderer(c),s.svg.box(ke,c),o),s.topY+r.margin.top+d+r.margin.bottom+s.theme.actionMargin}}class ve extends we{constructor(t){super(),this.isRight=t}separation({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t),o=s.textSizer.measure(r.labelAttrs,n).width+r.padding.left+r.padding.right+r.margin.left+r.margin.right;if(this.isRight){const t=s.agentInfos.get(a);s.addSpacing(a,{left:0,right:o+t.currentMaxRad})}else{const t=s.agentInfos.get(i);s.addSpacing(i,{left:o+t.currentMaxRad,right:0})}}render({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t);if(this.isRight){const t=s.agentInfos.get(a),i=t.x+t.currentMaxRad+r.margin.left;return this.renderNote({label:n,mode:e,position:{x0:i}},s)}{const t=s.agentInfos.get(i),a=t.x-t.currentMaxRad-r.margin.right;return this.renderNote({label:n,mode:e,position:{x1:a}},s)}}}q("note over",new class extends we{separation({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),i=s.textSizer.measure(r.labelAttrs,n).width+r.padding.left+r.padding.right,{left:a,right:o}=Y(s.agentInfos,t),l=s.agentInfos.get(a),h=s.agentInfos.get(o);if(l===h)s.addSpacing(a,{left:i/2,right:i/2});else{const t=l.currentMaxRad+r.overlap.left,e=h.currentMaxRad+r.overlap.right;s.addSeparation(a,o,i-t-e),s.addSpacing(a,{left:t,right:0}),s.addSpacing(o,{left:0,right:e})}}render({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t),o=s.agentInfos.get(i),l=s.agentInfos.get(a);if(o===l){const t=o.x;return this.renderNote({label:n,mode:e,position:{xMid:t}},s)}return this.renderNote({label:n,mode:e,position:{x0:o.x-o.currentMaxRad-r.overlap.left,x1:l.x+l.currentMaxRad+r.overlap.right}},s)}}),q("note left",new ve(!1)),q("note right",new ve(!0)),q("note between",new class extends we{separation({agentIDs:t,mode:e,label:n},s){const r=s.theme.getNote(e),{left:i,right:a}=Y(s.agentInfos,t),o=s.agentInfos.get(i),l=s.agentInfos.get(a);s.addSeparation(i,a,s.textSizer.measure(r.labelAttrs,n).width+r.padding.left+r.padding.right+r.margin.left+r.margin.right+o.currentMaxRad+l.currentMaxRad)}render({agentIDs:t,mode:e,label:n},s){const{left:r,right:i}=Y(s.agentInfos,t),a=s.agentInfos.get(r),o=s.agentInfos.get(i),l=(a.x+a.currentMaxRad+o.x-o.currentMaxRad)/2;return this.renderNote({label:n,mode:e,position:{xMid:l}},s)}});q("parallel",new class extends le{invokeChildren(t,e,n){return t.stages.map(t=>e.components.get(t.type)[n](t,e))}prepareMeasurements(t,e){this.invokeChildren(t,e,"prepareMeasurements")}separationPre(t,e){this.invokeChildren(t,e,"separationPre")}separation(t,e){this.invokeChildren(t,e,"separation")}renderPre(t,e){return this.invokeChildren(t,e,"renderPre").map(t=>j(t)).reduce(W,{agentIDs:[],asynchronousY:null,topShift:0})}render(t,e){const n=e.makeRegion;let s=0;return t.stages.forEach(t=>{e.makeRegion=((e={})=>n(Object.assign({stageOverride:t},e)));const r=e.components.get(t.type).render(t,e)||0;s=Math.max(s,r)}),e.makeRegion=n,s}renderHidden(t,e){this.invokeChildren(t,e,"renderHidden")}shouldHide(t,e){return this.invokeChildren(t,e,"shouldHide").reduce((t,{self:e=!1,nest:n=0}={})=>({nest:t.nest+n,self:t.self||Boolean(e)}),{nest:0,self:!1})}});class Ae{constructor(t){this.element=t}addBefore(t=null,e=null){if(null===t)return this;if(Array.isArray(t))for(const n of t)this.addBefore(n,e);else{const n=function(t,e){return"string"==typeof t?e.createTextNode(t):"number"==typeof t?e.createTextNode(t.toString(10)):"object"==typeof t&&t.element?t.element:t}(t,this.element.ownerDocument);this.element.insertBefore(n,X(e))}return this}add(...t){return this.addBefore(t,null)}del(t=null){return null!==t&&this.element.removeChild(X(t)),this}attr(t,e){return this.element.setAttribute(t,e),this}attrs(t){for(const e in t)Object.prototype.hasOwnProperty.call(t,e)&&this.element.setAttribute(e,t[e]);return this}styles(t){for(const e in t)Object.prototype.hasOwnProperty.call(t,e)&&(this.element.style[e]=t[e]);return this}setClass(t){return this.attr("class",t)}addClass(t){const e=this.element.getAttribute("class");if(!e)return this.setClass(t);const n=e.split(" ");return n.includes(t)?this:(n.push(t),this.attr("class",n.join(" ")))}delClass(t){const e=this.element.getAttribute("class");if(!e)return this;const n=e.split(" "),s=n.indexOf(t);return-1!==s&&(n.splice(s,1),this.attr("class",n.join(" "))),this}text(t){return this.element.textContent=t,this}on(t,e,n={}){if(Array.isArray(t))for(const s of t)this.on(s,e,n);else this.element.addEventListener(t,e,n);return this}off(t,e,n={}){if(Array.isArray(t))for(const s of t)this.off(s,e,n);else this.element.removeEventListener(t,e,n);return this}val(t){return this.element.value=t,this}select(t,e=null){return this.element.selectionStart=t,this.element.selectionEnd=null===e?t:e,this}focus(){return this.element.focus(),this}focussed(){return this.element===this.element.ownerDocument.activeElement}empty(){for(;this.element.childNodes.length>0;)this.element.removeChild(this.element.lastChild);return this}attach(t){return X(t).appendChild(this.element),this}detach(){return this.element.parentNode&&this.element.parentNode.removeChild(this.element),this}}class Fe{constructor(t){if(!t)throw new Error("Missing document!");this.document=t,this.wrap=this.wrap.bind(this),this.el=this.el.bind(this),this.txt=this.txt.bind(this)}wrap(t){return t.element?t:new Ae(t)}el(t,e=null){let n=null;return n=null===e?this.document.createElement(t):this.document.createElementNS(e,t),new Ae(n)}txt(t=""){return this.document.createTextNode(t)}}Fe.WrappedElement=Ae;const Me=[];class Se{constructor(t,e,n={}){this.container=t,this.svg=e,this.state={attrs:{},formatted:Me,x:0,y:0},this.lines=[],this.set(n)}_rebuildLines(t){if(t>this.lines.length)for(;this.lines.length<t;)this.lines.push({latest:"",node:this.svg.el("text").attr("x",this.state.x).attrs(this.state.attrs).attach(this.container)});else for(;this.lines.length>t;)this.lines.pop().node.detach()}_reset(){this._rebuildLines(0)}_renderText(){const{formatted:t}=this.state;if(t&&t.length){if(!Array.isArray(t))throw new Error("Invalid formatted text: "+t);this._rebuildLines(t.length),this.lines.forEach((e,n)=>{const s=JSON.stringify(t[n]);s!==e.latest&&(e.node.empty(),Q(this.svg,e.node,t[n]),e.latest=s)})}else this._reset()}_updateX(){this.lines.forEach(({node:t})=>{t.attr("x",this.state.x)})}_updateY(){const t=this.svg.textSizer;let e=this.state.y;for(let n=0;n<this.lines.length;++n){const s=[this.state.formatted[n]],r=t.baseline(this.state.attrs,s);this.lines[n].node.attr("y",e+r),e+=t.measureHeight(this.state.attrs,s)}}set(t){const e=Object.assign({},this.state);!function(t,e){for(const n in t)Object.prototype.hasOwnProperty.call(t,n)&&null!==e[n]&&void 0!==e[n]&&(t[n]=e[n])}(this.state,t),this.state.attrs!==e.attrs&&(this._reset(),e.formatted=Me);const n=this.lines.length;this.state.formatted!==e.formatted&&this._renderText(),this.state.x!==e.x&&this._updateX(),this.state.y===e.y&&this.lines.length===n||this._updateY()}}class Re{constructor(t=null,e=0){this.pattern=t,this.dw=t&&t.partWidth,this.points=[],this.phase=e,this.x=null,this.y=null,this.disconnect=0}_nextDelta(){return this.pattern.getDelta(this.phase++)}_link(){2===this.disconnect&&(this.points.push(this.x+" "+this.y),this.disconnect=0)}cap(){return this.disconnect>0&&(this.points.push(this.x+" "+this.y),this.disconnect=0),this}move(t,e){return this.cap(),this.x=t,this.y=e,this.disconnect=2,this}line(t,e,{patterned:n=!0}={}){if(this.pattern&&n){const n=Math.sqrt((t-this.x)*(t-this.x)+(e-this.y)*(e-this.y)),s=(t-this.x)/n,r=(e-this.y)/n,i=-r,a=s;for(let t=0;t+this.dw<=n;t+=this.dw){const e=this._nextDelta();this.points.push(this.x+t*s+e*i+" "+(this.y+t*r+e*a))}this.disconnect=1}else this._link(),this.disconnect=2;return this.x=t,this.y=e,this}arc(t,e,n){const s=Math.sqrt((t-this.x)*(t-this.x)+(e-this.y)*(e-this.y)),r=Math.atan2(this.x-t,e-this.y),i=t+Math.sin(r+n)*s,a=e-Math.cos(r+n)*s;if(this.pattern){const i=n<0?1:-1,a=this.dw/s;for(let o=r;o+a<=r+n;o+=a){const n=this._nextDelta()*i;this.points.push(t+Math.sin(o)*(s+n)+" "+(e-Math.cos(o)*(s+n)))}this.disconnect=1}else this.points.push(this.x+" "+this.y+"A"+s+" "+s+" 0 "+(Math.abs(n)>=Math.PI?"1 ":"0 ")+(n<0?"0 ":"1 ")+i+" "+a),this.disconnect=0;return this.x=i,this.y=a,this}asPath(){return this._link(),"M"+this.points.join("L")}}const Ce="http://www.w3.org/2000/svg",Ie=t=>new class{constructor(t){this.svg=t,this.testers=this.svg.el("g").attrs({display:vt?"block":"none",visibility:"hidden"}),this.container=t.body}baseline({attrs:t}){return Number(t["font-size"])}measureHeight({attrs:t,formatted:e}){const n=this.baseline({attrs:t,formatted:e})*(Number(t["line-height"])||1);return e.length*n}prepMeasurement(t,e){const n=this.svg.el("text").attrs(t).attach(this.testers);return Q(this.svg,n,e),n}prepComplete(){this.container.add(this.testers)}performMeasurement(t){return t.element.getComputedTextLength()}teardown(){this.container.del(this.testers.empty())}}(t);class Ee{constructor(t){this.sizer=t,this.cache=new Map,this.active=null}_expectMeasure({attrs:t,formatted:e}){if(!e.length)return null;const n=JSON.stringify(t);let s=this.cache.get(n);return s||(s={attrs:t,lines:new Map},this.cache.set(n,s)),e.forEach(t=>{if(!t.length)return;const e=JSON.stringify(t);s.lines.has(e)||s.lines.set(e,{formatted:t,width:null})}),s}_measureLine(t,e){if(!e.length)return 0;const n=JSON.stringify(e),s=t.lines.get(n);if(null===s.width)throw new Error("Unexpected measurement of "+e);return s.width}_measureWidth(t){if(!t.formatted.length)return 0;const e=this._expectMeasure(t);return t.formatted.map(t=>this._measureLine(e,t)).reduce((t,e)=>Math.max(t,e),0)}_getMeasurementOpts(t,e){const n={attrs:t,formatted:e};if(e||(t.textBlock?(n.attrs=t.textBlock.state.attrs,n.formatted=t.textBlock.state.formatted):t.state&&(n.attrs=t.state.attrs,n.formatted=t.state.formatted),n.formatted=n.formatted||[]),!Array.isArray(n.formatted))throw new Error("Invalid formatted text: "+n.formatted);return n}expectMeasure(t,e){const n=this._getMeasurementOpts(t,e);this._expectMeasure(n)}performMeasurementsPre(){this.active=[],this.cache.forEach(({attrs:t,lines:e})=>{e.forEach(e=>{null===e.width&&this.active.push({cacheLine:e,data:this.sizer.prepMeasurement(t,e.formatted)})})}),this.active.length&&this.sizer.prepComplete()}performMeasurementsAct(){this.active.forEach(({data:t,cacheLine:e})=>{e.width=this.sizer.performMeasurement(t)})}performMeasurementsPost(){this.active.length&&this.sizer.teardown(),this.active=null}performMeasurements(){try{this.performMeasurementsPre(),this.performMeasurementsAct()}finally{this.performMeasurementsPost()}}measure(t,e){const n=this._getMeasurementOpts(t,e);return{height:this.sizer.measureHeight(n),width:this._measureWidth(n)}}baseline(t,e){const n=this._getMeasurementOpts(t,e);return this.sizer.baseline(n)}measureHeight(t,e){const n=this._getMeasurementOpts(t,e);return this.sizer.measureHeight(n)}resetCache(){this.cache.clear()}}class Ge{constructor(t,e=null){this.dom=t,this.body=this.el("svg").attr("xmlns",Ce).attr("version","1.1");const n=e||Ie;this.textFilters=new Map,this.textSizer=new Ee(n(this)),this.txt=this.txt.bind(this),this.el=this.el.bind(this)}resetTextFilters(){this.textFilters.clear()}registerTextFilter(t,e){this.textFilters.set(t,{id:e,used:!1})}getTextFilter(t){const e=this.textFilters.get(t);return e?(e.used=!0,"url(#"+e.id+")"):"none"}getUsedTextFilterNames(){const t=[];for(const[e,n]of this.textFilters)n.used&&t.push(e);return t}linearGradient(t,e){return this.el("linearGradient").attrs(t).add(e.map(t=>this.el("stop").attrs(t)))}patternedLine(t=null,e=0){return new Re(t,e)}txt(t){return this.dom.txt(t)}el(t,e=Ce){return this.dom.el(t,e)}box(t,{height:e,width:n,x:s,y:r}){return this.el("rect").attrs(t).attrs({height:e,width:n,x:s,y:r})}boxFactory(t){return this.box.bind(this,t)}line(t,{x1:e,x2:n,y1:s,y2:r}){return this.el("line").attrs(t).attrs({x1:e,x2:n,y1:s,y2:r})}lineFactory(t){return this.line.bind(this,t)}circle(t,{x:e,y:n,radius:s}){return this.el("circle").attrs({cx:e,cy:n,r:s}).attrs(t)}circleFactory(t){return this.circle.bind(this,t)}cross(t,{x:e,y:n,radius:s}){return this.el("path").attr("d","M"+(e-s)+" "+(n-s)+"l"+2*s+" "+2*s+"m0 "+2*-s+"l"+2*-s+" "+2*s).attrs(t)}crossFactory(t){return this.cross.bind(this,t)}note(t,e,{height:n,width:s,x:r,y:i}){const a=r,o=r+s,l=i,h=i+n;return this.el("g").add(this.el("polygon").attr("points",a+" "+l+" "+(o-7)+" "+l+" "+o+" "+(l+7)+" "+o+" "+h+" "+a+" "+h).attrs(t),this.el("polyline").attr("points",o-7+" "+l+" "+(o-7)+" "+(l+7)+" "+o+" "+(l+7)).attrs(e))}noteFactory(t,e){return this.note.bind(this,t,e)}formattedText(t={},e=[],{x:n,y:s}={}){const r=this.el("g"),i=new Se(r,this,{attrs:t,formatted:e,x:n,y:s});return Object.assign(r,{set:t=>i.set(t),textBlock:i})}formattedTextFactory(t){return this.formattedText.bind(this,t)}boxedText({padding:t,labelAttrs:e,boxAttrs:n={},boxRenderer:s=null},r,{x:i,y:a}){if(!r||!r.length)return Object.assign(this.el("g"),{box:null,height:0,label:null,width:0});const{shift:o,anchorX:l}=function(t,e,n){let s=0,r=t;switch(e["text-anchor"]){case"middle":s=.5,r+=(n.left-n.right)/2;break;case"end":s=1,r-=n.right;break;default:s=0,r+=n.left}return{anchorX:r,shift:s}}(i,e,t),h=this.formattedText(e,r,{x:l,y:a+t.top}),d=this.textSizer.measure(h),g=d.width+t.left+t.right,c=d.height+t.top+t.bottom,u=(s||this.boxFactory(n))({height:c,width:g,x:l-d.width*o-t.left,y:a});return Object.assign(this.el("g").add(u,h),{box:u,height:c,label:h,width:g})}boxedTextFactory(t){return this.boxedText.bind(this,t)}}let De=0;class Le extends yt{constructor({themes:t=[],namespace:e=null,components:n=null,document:s,textSizerFactory:r=null}={}){super(),this._bindMethods(),this.state={},this.width=0,this.height=0,this.themes=function(t){if(0===t.length)throw new Error("Cannot render without a theme");const e=new Map;return t.forEach(t=>{e.set(t.name,t)}),e.set("",t[0]),e}(t),this.themeBuilder=null,this.theme=null,this.namespace=function(t){return null===t?"R"+De++:t}(e),this.components=n||he,this.svg=new Ge(new Fe(s),r),this.knownThemeDefs=new Set,this.knownTextFilterDefs=new Map,this.knownDefs=new Set,this.highlights=new Map,this.collapsed=new Set,this.currentHighlight=-1,this.buildStaticElements(),this.components.forEach(t=>{t.makeState(this.state)})}_bindMethods(){this.separationStage=this.separationStage.bind(this),this.prepareMeasurementsStage=this.prepareMeasurementsStage.bind(this),this.renderStage=this.renderStage.bind(this),this.addThemeDef=this.addThemeDef.bind(this),this.addThemeTextDef=this.addThemeTextDef.bind(this),this.addDef=this.addDef.bind(this)}addTheme(t){this.themes.set(t.name,t)}buildStaticElements(){const{el:t}=this.svg;this.metaCode=this.svg.txt(),this.themeDefs=t("defs"),this.defs=t("defs"),this.fullMask=t("mask").attrs({id:this.namespace+"FullMask",maskUnits:"userSpaceOnUse"}),this.lineMask=t("mask").attrs({id:this.namespace+"LineMask",maskUnits:"userSpaceOnUse"}),this.fullMaskReveal=t("rect").attr("fill","#FFFFFF"),this.lineMaskReveal=t("rect").attr("fill","#FFFFFF"),this.backgroundFills=t("g"),this.agentLines=t("g").attr("mask","url(#"+this.namespace+"LineMask)"),this.blocks=t("g"),this.shapes=t("g"),this.unmaskedShapes=t("g"),this.title=this.svg.formattedText(),this.svg.body.add(this.svg.el("metadata").add(this.metaCode),this.themeDefs,this.defs,this.backgroundFills,this.title,this.unmaskedShapes,t("g").attr("mask","url(#"+this.namespace+"FullMask)").add(this.agentLines,this.blocks,this.shapes))}addThemeDef(t,e){const n=this.namespace+t;return this.knownThemeDefs.has(t)||(this.knownThemeDefs.add(t),this.themeDefs.add(e().attr("id",n))),n}addThemeTextDef(t,e){const n=this.namespace+t;if(!this.knownTextFilterDefs.has(t)){const s=e().attr("id",n);this.knownTextFilterDefs.set(t,s)}this.svg.registerTextFilter(t,n)}addDef(t,e){let n=t,s=e;"function"!=typeof e&&(n="P"+this.knownDefs.size,s=(()=>t));const r=this.namespace+n;return this.knownDefs.has(n)||(this.knownDefs.add(n),this.defs.add(s().attr("id",r))),r}addSeparation(t,e,n){const s=this.agentInfos.get(t),r=this.agentInfos.get(e),i=s.separations.get(e)||0;s.separations.set(e,Math.max(i,n));const a=r.separations.get(t)||0;r.separations.set(t,Math.max(a,n))}checkHidden(t){const e=this.components.get(t.type),n={agentInfos:this.agentInfos,components:this.components,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme},s=e.shouldHide(t,n)||{},r=this.hideNest>0;this.hideNest+=s.nest||0;const i=this.hideNest>0;if(this.hideNest<0)throw new Error("Unexpected nesting in "+t.type);return r===i?i:Boolean(s.self)}separationStage(t){const n=new Map,s=this.visibleAgentIDs.slice(),r=[];this.agentInfos.forEach(t=>{const e=t.currentRad;t.currentMaxRad=e,n.set(t.id,{left:e,right:e})});const i={addSeparation:(t,e,n)=>{r.push({agentID1:t,agentID2:e,dist:n})},addSpacing:(t,{left:e,right:s})=>{const r=n.get(t);r.left=Math.max(r.left,e),r.right=Math.max(r.right,s)},agentInfos:this.agentInfos,components:this.components,momentaryAgentIDs:s,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme,visibleAgentIDs:this.visibleAgentIDs},a=this.components.get(t.type);if(!a)throw new Error("Unknown component: "+t.type);a.separationPre(t,i),a.separation(t,i),this.checkHidden(t)||(e(s,this.visibleAgentIDs),r.forEach(({agentID1:t,agentID2:e,dist:n})=>{this.addSeparation(t,e,n)}),s.forEach(t=>{const e=this.agentInfos.get(t),r=n.get(t);e.maxRPad=Math.max(e.maxRPad,r.right),e.maxLPad=Math.max(e.maxLPad,r.left),s.forEach(s=>{if(this.agentInfos.get(s).index>=e.index)return;const i=n.get(s);this.addSeparation(t,s,r.left+i.right+this.theme.agentMargin)})}))}prepareMeasurementsStage(t){const e={agentInfos:this.agentInfos,components:this.components,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme},n=this.components.get(t.type);if(!n)throw new Error("Unknown component: "+t.type);n.prepareMeasurements(t,e)}checkAgentRange(t,e=0){if(0===t.length)return e;const{left:n,right:s}=J(this.agentInfos,t),r=this.agentInfos.get(n).x,i=this.agentInfos.get(s).x;let a=e;return this.agentInfos.forEach(t=>{t.x>=r&&t.x<=i&&(a=Math.max(a,t.latestY))}),a}markAgentRange(t,e){if(0===t.length)return;const{left:n,right:s}=J(this.agentInfos,t),r=this.agentInfos.get(n).x,i=this.agentInfos.get(s).x;this.agentInfos.forEach(t=>{t.x>=r&&t.x<=i&&(t.latestY=e)})}drawAgentLine(t,e){null!==t.latestYStart&&e>t.latestYStart&&this.agentLines.add(this.theme.renderAgentLine({className:"agent-"+t.index+"-line",options:t.options,width:2*t.currentRad,x:t.x,y0:t.latestYStart,y1:e}))}addHighlightObject(t,e){let n=this.highlights.get(t);n||(n=[],this.highlights.set(t,n)),n.push(e)}forwardEvent(t,e,n,s){t.on(e,this.trigger.bind(this,n,s))}renderStage(t){this.agentInfos.forEach(t=>{const e=t.currentRad;t.currentMaxRad=e});const e={agentInfos:this.agentInfos,components:this.components,renderer:this,state:this.state,textSizer:this.svg.textSizer,theme:this.theme},n=this.components.get(t.type),s=n.renderPre(t,e),{agentIDs:r,topShift:i,asynchronousY:a}=j(s,this.currentY),o=this.checkAgentRange(r,a),l={addDef:this.addDef,agentInfos:this.agentInfos,blockLayer:this.blocks,components:this.components,drawAgentLine:(t,e,n=!1)=>{const s=this.agentInfos.get(t);this.drawAgentLine(s,e),s.latestYStart=n?null:e},fillLayer:this.backgroundFills,fullMaskLayer:this.fullMask,lineMaskLayer:this.lineMask,makeRegion:({stageOverride:e=null,unmasked:n=!1}={})=>{const s=this.svg.el("g").setClass("region"),r=e||t;return this.addHighlightObject(r.ln,s),this.forwardEvent(s,"mouseenter","mouseover",[r]),this.forwardEvent(s,"mouseleave","mouseout",[r]),this.forwardEvent(s,"click","click",[r]),this.forwardEvent(s,"dblclick","dblclick",[r]),s.attach(n?this.unmaskedShapes:this.shapes)},primaryY:o+i,renderer:this,state:this.state,svg:this.svg,textSizer:this.svg.textSizer,theme:this.theme,topY:o};let h=o;this.checkHidden(t)?(l.primaryY=o,n.renderHidden(t,l)):h=Math.max(h,n.render(t,l)||0),this.markAgentRange(r,h),this.currentY=h}positionAgents(){const t=[];this.agentInfos.forEach(e=>{let n=0;e.separations.forEach((t,s)=>{const r=this.agentInfos.get(s);r.index<e.index&&(n=Math.max(n,r.x+t))}),e.x=n,t.push(e)});let e={x:0};t.reverse().forEach(t=>{let n=e.x;e=t,t.anchorRight&&(t.separations.forEach((e,s)=>{const r=this.agentInfos.get(s);r.index>t.index&&(n=Math.min(n,r.x-e))}),t.x=n)}),this.agentInfos.forEach(({x:t,maxRPad:e,maxLPad:n})=>{this.minX=Math.min(this.minX,t-n),this.maxX=Math.max(this.maxX,t+e)})}buildAgentInfos(t){this.agentInfos=new Map,t.forEach((t,e)=>{this.agentInfos.set(t.id,{anchorRight:t.anchorRight,currentMaxRad:0,currentRad:0,formattedLabel:t.formattedLabel,id:t.id,index:e,isVirtualSource:t.isVirtualSource,latestY:0,latestYStart:null,maxLPad:0,maxRPad:0,options:t.options,separations:new Map,x:null})})}updateBounds(t){const e=(this.minX+this.maxX)/2,n=this.svg.textSizer.measure(this.title),s=n.height>0?-this.theme.titleMargin-n.height:0;this.title.set({x:e,y:s});const r=n.width/2,i=this.theme.outerMargin,a=Math.min(this.minX,e-r)-i,o=Math.max(this.maxX,e+r)+i,l=s-i,h=t+i;this.width=o-a,this.height=h-l;const d={height:this.height,width:this.width,x:a,y:l};this.fullMaskReveal.attrs(d),this.lineMaskReveal.attrs(d),this.svg.body.attr("viewBox",a+" "+l+" "+this.width+" "+this.height)}_resetState(){this.components.forEach(t=>{t.resetState(this.state)}),this.currentY=0,this.hideNest=0}_reset(t){t&&(this.knownThemeDefs.clear(),this.knownTextFilterDefs.clear(),this.themeDefs.empty()),this.knownDefs.clear(),this.highlights.clear(),this.defs.empty(),this.fullMask.empty(),this.lineMask.empty(),this.backgroundFills.empty(),this.agentLines.empty(),this.blocks.empty(),this.shapes.empty(),this.unmaskedShapes.empty(),this.defs.add(this.fullMask.add(this.fullMaskReveal),this.lineMask.add(this.lineMaskReveal)),this._resetState()}setHighlight(t=null){const e=null===t?-1:t;this.currentHighlight!==e&&(this.highlights.has(this.currentHighlight)&&this.highlights.get(this.currentHighlight).forEach(t=>{t.delClass("focus")}),this.highlights.has(e)&&this.highlights.get(e).forEach(t=>{t.addClass("focus")}),this.currentHighlight=e)}isCollapsed(t){return this.collapsed.has(t)}setCollapseAll(t){if(t)throw new Error("Cannot collapse all");return 0!==this.collapsed.size&&(this.collapsed.clear(),!0)}_setCollapsed(t,e){return"number"==typeof t&&(e!==this.isCollapsed(t)&&(e?this.collapsed.add(t):this.collapsed.delete(t),!0))}setCollapsed(t,e=!0){return null===t?this.setCollapseAll(e):Array.isArray(t)?t.map(t=>this._setCollapsed(t,e)).some(t=>t):this._setCollapsed(t,e)}_switchTheme(t){const e=this.themeBuilder;return this.themeBuilder=this.getThemeNamed(t),this.themeBuilder!==e&&(this.theme=this.themeBuilder.build(this.svg)),this.theme.reset(),this.themeBuilder!==e}optimisedRenderPreReflow(t){const e=this._switchTheme(t.meta.theme);this._reset(e),this.metaCode.nodeValue=t.meta.code,this.svg.resetTextFilters(),this.theme.addDefs(this.addThemeDef,this.addThemeTextDef);for(const t of this.knownTextFilterDefs.values())t.detach();this.title.set({attrs:Object.assign({class:"title"},this.theme.getTitleAttrs()),formatted:t.meta.title}),this.svg.textSizer.expectMeasure(this.title),this.minX=0,this.maxX=0,this.buildAgentInfos(t.agents),t.stages.forEach(this.prepareMeasurementsStage),this._resetState(),this.svg.textSizer.performMeasurementsPre()}optimisedRenderReflow(){this.svg.textSizer.performMeasurementsAct()}optimisedRenderPostReflow(t){this.visibleAgentIDs=["[","]"],t.stages.forEach(this.separationStage),this._resetState(),this.positionAgents(),t.stages.forEach(this.renderStage);const e=this.checkAgentRange(["[","]"],this.currentY);this.svg.getUsedTextFilterNames().forEach(t=>{this.themeDefs.add(this.knownTextFilterDefs.get(t))});const n=Math.max(e-this.theme.actionMargin,0);this.updateBounds(n);const s=this.currentHighlight;this.currentHighlight=-1,this.setHighlight(s),this.svg.textSizer.performMeasurementsPost(),this.svg.textSizer.resetCache()}render(t){this.optimisedRenderPreReflow(t),this.optimisedRenderReflow(),this.optimisedRenderPostReflow(t)}getThemeNames(){return Array.from(this.themes.keys()).filter(t=>""!==t)}getThemes(){return this.getThemeNames().map(t=>this.themes.get(t))}getThemeNamed(t){const e=this.themes.get(t);return e||this.themes.get("")}getAgentX(t){return this.agentInfos.get(t).x}dom(){return this.svg.body.element}}var Ne={name:"Handlee",woff2:"d09GMgABAAAAAD3EAA4AAAAAi4QAAD1qAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbxV4cKgZgAIF8EQgKgbpIgZNlC4MGAAE2AiQDhggEIAWEDgeDKxuhdSXsmCEeByC2jBgVNYuS+mQUpZq0k+z/vyY3BgzxIa3ugqhFRlV1T4WqHliFgkLvX+Fguaf/tXTReCMU5hvZIfpErawhdoJhvGi60udSmcpUmZV+33txIHLMbEhRhomyZs7N2odsiOl7OmXseNPFL9fnzsBxPmouBP/3/Wbmvt+Om/2FCihaDcM063gCEX9NLAt4u0Mwt27RRQwYMGqMWgUxxtioahM7sANfMfL9svpDv1r7QwmKw9y7bx3k5w1Kx2CplAiGqIJEAx6gUICjf39+y0xK/qS6vwbT8sAy+yrlEHe3vNdJ+jauiqvOOWRpffhe8mecSXiGF4IGTtgLKLV2M6lzDvAXO0QkRtk8v62KREEBwaihHQPHQUZ7YfchZmHtcm8+Z6+az/v4cS/auKr51LlyEhygfzOnr94kmRQnbJcIXjvUGdVV1xbM/AtMwQWbE4NkWTgj7VNM7tsSphi6w7Xer64GAF9ZWaEQhamQGZvYSbJ32eOle7QPGCaZ8v8BQACca4LR5sPtg6JABnLj1wL8AT7Ig0UXwD88/7/XfvbvhPOLI9BloMsIxZsiDEJjTHLfvMw6c9alqsNd71f1JrRMfmuZUDJl+RESNELxW1Gh1Kq+QyiUQwiLBqH532XN5lbd0eXiwCGbNynX8me2JbTMXE2omWuTmaWEddCFA4eSW9ospRR3QvI8/vf70bJLSBvaprCxqOq7/933bfWsOurVtGuIZKolhswQGbJVhtI2JyxEQs+omyBJQJ8+owwHUkQk9Jq/DeT7/htzRkREiHgi8hDpxlIJr0M6CN3euB9bfbmXPn+2CXsKDDCEMYJ7/34IcAYeiOz8vQ8DOCFHDXS5TvYA4vNtWwMgggPgFUc9PbY0ADRwdw846HXQ9qjp/yfPOqIoWmIoLqQrIZ6SqqBHYVhYHuwXuBjuB6+DD8Cvwm8h4Ag1woQoQNQhBhDLkELkEPJTVBHqK/QJ9DOMB3MNm4x9hJuNe49vIxAJfYTnRDKxhrSKLCU/oRRQvqE+o1XRntOL6AMMPGOC8Q3Ty2KzVrCesC3srRwkh85xcJo4/3D7eEjeVj6Xr+EfFrgEt4Ry4VzhXyKtyCRyiLJEJaI+0YholbhEXCVuEfeJDaikK5mTGlM7t1SUSKl6LLDOJUBRQUACHMOBIhCAIEYMExlJsDBRRCQllJBOGWW4qaWODJppJpN22vEyYoSPMeOyWGyxHJZbLpeNNstj2oxCzjqvHATKXNhGKJv4sVkAM92BP3MEW+Ire+UeHEou02UugSF/Rs/TIybjDymoqi7KSkiF6oAu1aMNYyukNRbNnNoSLHVMXEt37sm9Y7bg5hdVaCbsi/upZWaddaJAqWgRL6FlVUXVott4B+lhffVQrslH4jEyVTyVfQSAYVb8waSwLLM8lCJTlUVxSVrBOnhX1cOGOUw6YRhaoC1hu9k5e/ToQ7yNH5zSuXZ9Z+6+7Un407GQSJOH0uPsndyp/KgsbYABNaImzMyhwcMcf9/0Z2zgmLtn3ntcEcqFVFwkT6TkY+O7OCirR7zNn7Z//Pv7/3yfhr7CluKlI3OuXUNRTscMuL1AKYjzN0Ae6LtWimNVo6hTclTRajlvSzraXc2eRl8+cK7xR/jY6eTC49n92zeszJcQcIXM0BGeuqtkki1yWT6TElmqowa+D+34DJgKSwUPcGccS++aWAi1OMar1CLtuRSePK/6ut9vZHYEDEVDpTW5jKNMJZghGbqPVUzlRunA+JHtSjqM0zxcWjT7qY49n08atNHzpffVINN4Sq/G5oZrDyLo07HU38/J87ubnQy1SGHDkest3yN4eqbkt2+w16d440jae0Jdv779BDgORYvkOjdUeiSZsjnjUOuomIiEfN/GMVP2ZXp+spVRjBi0OHXFqNqouqloUb7TM2lYgCpX4spEhauytaSujarNNy1tg472oP2zGjLaao7U4+aEmzJf3Cy3Ws0ZVf64WnKYneVCPornpBypzk3RdtK3weAEo4HAoJsRumuZG366FYc1HApypjYODbVCFJNEa/JZqktfLNNmX+RaqWA0l3U96YoNC0yRp+gLfE6Jhxv0kzvpAdHTOSmVJwreSIFVQRGWmApkURDAYnFuuw49BuWYtUs6ny/TD1g7cR5nLxyVN+dm7ktapYkWT+tMKaMisSAsTAQAFAb33mwfHyIaPhKOyQk9RdnVO98TgFlCHKpmpX8FX9uhTlNd+7fkyXx79JB5zvUCIdTnPykMxMl1l5immsxKMVsAqpWi9ZJ5H9QKrMoXBs0GB2wz81mt9nUG9ocqTWOkN7Y24U0dzpzeaoXXJvcWbO5u7IoHtQmyRp24X2fnOVpekShDlQUBzGvKyytUgVHJIl0yChoEQRAAQdfdpKd92cAsGCwGbC9mOtflVkzWIH5wQP17NTlxkZe5KC+mAlkAgJkUWlBAoG7unUMaRvbNdgqQpqtpgZH7CggKAlgcsNkWNgY5WTxFgyP5CWjMqTeb3PNQv/BC7LPnUoXWzyZ3RmELJHQgIeRG1VM2MbOhni57avjglIAW+aSBntktvobYTcKALMrfG/Qn+N/YBGfmuO6ee49RhiTEp9U8TH7N22n/jWTq3GXpREGtUuZEPRzqJyxZiOa8xx+mTw79qklH/htTU8mt8HWfbf6y/cvu6oPSB80VCqAwUWrlBatUzHSYhSwYODGrRWbEAy8IWFpwLk2f0AioQrUB4wDAJ6NPSQTgsFhQrFgQJw4HRBtMyY0V3HQ6Qgl8Noc84AJ5jD7CC7pmIv+v7CJvaK0ERwZELmUt/qzFCYo68lgwA7WNecRJal+RD1+HElgzOTaUCgwjcDqLxYnNuhqevCOoFljO3ijgFI6QfCEH0cMtmUB7qZ8dWq6Rx+uOKrfVfPDl7tDFBzQOhcNE0Nhkdgmx4rcWUA1IIH4ZZ2Zw0ZY5Iojjd1J5S99pihV9irnNXQ+wF7oVjvL7fyfciJfiTiT9MJgJEoAcQfFwQaJ6uOiRkgfL9ioeqYprSIOnZR7mUR7hAR7m9Wv5qaF9zWMjP449MPHu1EMzL+ghbsWGv+b3X/z04y998rVPv/j5z776/jefW4hZVevhd7///v9+/OpPX/3tzh9fu/vN7uyDBQonj0RGaB9XII6cPIJhQdFJVeTCjhtgAUEsgHxEQ1rUXJ1pZUjnvcHl/694s5dHAWaCYNhfIbfRnMyV+mZ0n1lyaQDgQnr94jaFQiwznRxOcag6KmqU7JXZihO7nL3V1uk47jpJNESpMYwemgialHToM5PChX4B8HrQ3WtwtyAgkH5kwLR8mnI0r40K4XY1VcSxABaNEY2Go0B0RFcPem91hmxe4qk8CCZjX/gZzpWXXivjRqGhkC6OEUkYPg0rEGJin9ZlfUGjixecSAxtco4Ql8/1LG6p3VgOyH0VCb4yGY5zhnPhNN6pa+ApfBv0XeYptxuoLlrQBRniAiQGsccaORvFX77Mf4ye7rcyWTFS9Q9Bxny2s77Irv/1DPbtD/w5xDRjI8HYxERzampmL9q/m8Lw43znxYGvDix4rSDWSN9f+u3m3endzgNKAvj3zFEO9SbcKpRNYSnOoey4g28cFhoRY8dd7KG7YXKsGCo0YmE02GO3GIQfvoai2BaJNi9nSmdZARihNqIH2lT4VZjkBhpBSpGSssW917pp2/WOVPSpIoNpiSwBjsGnyIIleD+4h+mSLcd6jrGrdI+9O2zNjdAA16dbSs3S9zM1QWoX0MfLZu90fXoo1LAKZM4MPbY9A4TVmeSXmhq03uuKNJMz00PRTAFMoBKp83+ilmbt/Efu+XrxroJ1WBqB8ouoXmZrrLyq4nZd+mD8wZTK9GZq5OjIkfxM6uX+wbJLXVlvnG6zt038QJVYEn8VtWKbFRdD2Rppo91lqJfiVVbdGO/yKnciaQvYoFdfXnouYwOXmstJWjyT3NR2cDOpkwS4sODUhg1rZGuUXBLjCoE4ol2nSCDZfOppxa25+IAlvNgHOgbD88HiAAAD4IC6K5Pv2IsGloJhbO2sYPS7UDHHSCYOIBwkA+4hKTrx5ZQoesVUrJOdLRRuGjQbp+KfXdJNaU/Kist5XF6MxEnucQqiIkV1yR8HWS1Qq1SEQZVIzLtVz3LQyzIEC92WDq1g1p50V3hsFT4ji93qHFRxlZthwaXhQoUGS+ZKzC8xGHRlhBbRCBLUiONaao4UyDjWTqysQ5QjWLkMcsQRS2woVNzq9Lge5TuG3z4aZiY517CJI11C7p0ynbnlbjBdxPXnJS8IO25VJSC25goiMu2Snu2AM5361usYnnUz2ayNRl017ABzf+cE70ZbnZCTa27zAYw8ykqsWSouI8vbWsHr5mmdqtkEkJsGE5Ox3eyQ3DE9wOsiiPnJrM4g3Gg2yW+m2rSVqw1pZGN1m3un968zQOI31gnCHtyD0ZbNhJ9uXpFyupDQY+5yOFFTzMkOhxCJAbgWJcc0GaCiSc/lCOUMOB0AaQhCKSjWQxYQRKGyEgDluuyJDEsr5L9xOx12OkOBaivgYs5i09nZ2ukQK1dyiGFEICug/fIe4N+wAA/7Qo7Bt8tfOxHG6JJ+B2eXAh/RC+3g/+CaxWXumDkY5ZQ+Sqepw0dzT/NP0l2RZFUCg6MKcM4lGDGZPjLt38KzFTgbnM6A3IqSJiQ7SI3r6VNwZRo/Vz0U38luR39+jyashWIExGBWQ+lUQwwod8k5DeYpCGOPCRMyUWMlI6g6vsAo4kQ5xxwreaSM7wc3GNjALXxeLhfToKSo4CAwEZQLOmkXBWwULhIva1+47RnKak3fgmZDei4ux42tUeioCccNSGniMxYlQTA4XGSWPrfEHMGAzlj52YeTDxobyYMzVb8WcjGvlPxdepTrSVkl0EHzntW/yQVm1pjmloETsSMiZBQVUNZFox7mLrl7kvoTSOAYQUHBkZAiAIDcA6cJRBeRR3ooc207xTV6rkO9Uy4JZVNYiGG9XpZdGWqpEKFidPG0Pm0EOUgcyWYfGcOZx+b04/XYR3Ksj1d6MqHRhyVKzw0cuc+VH8MKMDs8ZL5399OmSMDM2AW3DCwuFsHlioQ1spv886heJjG7AnYncSByPXcGjQPHSo8y0qw012vNjxX9gqpLi4ylyKgqnajeqpqsoaopb21t97RD7TnWh6tj06FaU5yRyBKbOX3y93WoB99eikR4hT9BSLiJIOCUaB4+AlnI6qjAQVSEsxh16mdqNFINuWBQoDgVgUByM/9H/7FhH8TlGIRCAciF6XltWFgcsTkmMImBYCgWhVyquTTCNTv1rBC9U7ed2gjYSkEdwbqqCJC1SeT0ORIPOUYh94BX1sLUBxH5q6M2rm1dskL+xKT84SP6dF6dvVfDwJLFCm8tygb5I3qK3mC09LQKNZckZJwSUkIpIW/s3xWfNc6u3FfvzNEPOWCuh+zwg3bBvZRx4PhLTbkdzjadznJ7QLXLOAVn7JnW2sLMUnvQwypQ3Vl6sx9seTAnYwRsYZ90v7+YE4sgfnt/51yA96vn8Jeaf4BcvvwNuOa9z+TltaUV6BBv/xjbzo2A8RmLF0FmAHiI4wDbRtKhO8+BgTTgfvJbxPO3yGSALbbZY79DTjjlunue+NN/Plhk5JV8lE8WdMJN+AmK4IgM8cf8ALBls2122O+go04666YHvvZ3j7jvpBFOwkv6b4MP9TcX58Kcd9qMkz5y3DFHHXbIAQOz4K/8/curjTZYa5UJDADxcFCQikTsHV9y0+U+6w/AzUJT76y7DwWDAFkN+ibCWvN73b6CRjwS6GwhQFeDjBvufWF9+Y1iqQi/ssyNCHsEfGjl4sXQF0/+RBYyDn93PfCe+Rv5jZEXAElXlutg/6DzqCnQ/7D5EwCKxJ4jc2oEIbAK0t5stXSyUpE6lYCYtIxqlHFCVRUYXYv0dtbvyaQTjbtMFXRx3yyKqj/1q9UKtx3bsnJcq2gntl61tZHF1J26qGPtdG00r+f7/rY2MLNC01ge7lOFBJQn5D1KpxDqIU9HUAbIszJWlU3ERYxi5OtINELipnRc2iUv4yUSh4FBJq90PJNNEKMY+R1IPZLVLTEwdiAty8pqxChGHgfYvVHiXImDE1YhRvEIJG0161gjdT22WCJGMZGvgaQAmwh1W+d6XEfarhzxxpYWsUQfRZIDRcxGAN4v9u7HjJTYKkfyCrDEgNoTFqflHMxQlcBqaHIkxofGhhwEKtSqI25KAo6X0f5A16QZfMx0EG2XU3bNakAsRinrn1mtqNFqFX3uHG08qiat72zxPP8u7Wzc3dlgq7zsxoEnIjkR8IGGWA2aySuoonsKQ117x5u/iwK9XL5Ub+8Sc1N7R/dSIErgsZCRoWoW3b3wXUiVDUQIYlSfmDjAVL2/eT5HKxYvSQ2Xr8zjDXUWlvosujQxsuMX/P2EMlIzuE6VmcdFtQC1MUmel/BCGe2thONf9wKdYP/mw9NU3V9Va2wV3Vi2K6IGJSch6u4Y8Q54yenE5S3HdoJk3VCV1I1QM4yBUsJu0eGn5/pJdP2pAMcuBlf+LHyFnJrVpp+jnNKOPuRh/E3pZuO9kKUKTVfjXG0KCn6v9cN9RjWxXC7XXSgU46eB/j4ShpyFkpkz1ENrsTRBBbAAqDqQ3wsvFXzHkQgQKsrn+IX6BHKtIU0N0+5IbmbUItbl3MAmsUOfa4/45ZWktKE5OYMnlLWq827prUQYcy1RRC9OMfCqqkUVg6MIHti+tXcJJ8rIFDJYcwqg6soB7ubGcoAVStktBWrlC3jeiIXHzaeOOG60mBI62FB+A5cHANhXIIR0tFylJqtQL2Y8wQwWaRGryAj7DT7bLb15NeyQbnvx2sBLmanJgK0x185xSmRnObotg3GUBVApFq2GKucqVOO1lpbbWGRalI8HqihQ6QwyeELZdT0aDPSX5xKYxdFXXt84wp7zL48wxHLEgDJG6qMU6OnydD1O3C6hveCtRVD2yf0o8za1NGjVM61jU/dy94m8QvfJDXSKTEU8NKkmeMwQcuQ8R2uNZD6FRuyV6Oxi3OeEIqqeGMMu5s3i6MuUQpWXia19PTggagERm87qa/VL2a19WtYYeOvp5bShFm1zsZmfwRhZzkhZzyuYRAdfhGVQFswKaAqmavO5kEbG/d/BXJq+5s49qOWcrs3VMgUkmMJBY1slGK27sMRY1tGw1qrz8GSqbplioBbjEasQBbupS1RuXhqORZmVlqYj77aYRMxVobLWN/K+wzcjBt5w2hEgiHXb5GZn3x7ecoJm8h+ug95JAWNo0lR8hC9htWePN/IRYhDvcLSmm+AeIc1JiCa+NufJFa298UMsVUbOesegNWFQ2MVmOUsadqpx5+RzudlQu573AHEPGSENgbgp29fMLx54oTZFUyyCnibJdI1xgWWCRWNrae0afmJ/4UORLg0xpvt3TOmgKMXGwOOdezd1Y/Y09HjyDJpBTrj6C2O67iAVMfBAtdR6uHvD8n5AQv6jMqGfSydi1yFMLIAGBMDPE0xHIDOqf+g4ul7e7ErAa1ORQkBkaCLV6vxnr4rU5IlhQyU/3Cnfsk0cELfgLt7ei/X6MlqVqiYmL0QXwH9nEbOkgy2zzYcFpGm6H3VGBAUr0KTIMXktwjUupr6Ykk/jJscYIjAKxx09JHepX9FEf0kYFImON2azl10zxOd58M1PFl1PJsiFeWakMXJ2JD2bbg+RP8U+49dRL2bTTf7W/z39gNz8YVOE3wW+agdT0CeikSXk8duJYlJpA3uK6UCFCVfPh8B/VwRdV0/XyR7Ob37kW5TL+p7pfYI5+0sZfDg0Ouwd4oWogUeqJWAFbMWBYw9SMBV2jahWzetBNH08RNiPhUM9QjssuPtgBd/5a6t0CUY8w8A1C50Lb5z+tYkR+hv6ViqL1oYbL7QHojdhL9FYrc9gbZL0ZnXbhKicIupVkhSAl+wOVCVmTm6ZcEMgVbmFjsoMoqCTSHcNmponknf6smbMEQgu2qzzsqUzkb6/PUS+UyjvWI7qVMU5/pACb7bNeMtp2sHPetzNYqzvXOVozLHS2hsc+519257bUnLMTnY4X9o9QHQaz0Qm+Yb87g71UjDG+3Bfk301REZ/F/8HwWyohGqLMgGxqSVsfkYEWG9v5XMiMb5V/PF/hsJB8MK/xCvltp+SGhiovEXLuRoeHnY1ed8mSxMsAN/lbYzM10tru3dTQ6HfFwsb3vY+HXq0B+bqLqUeeo6q6oAmIZCGs8BXot//XGyqcPRzM7SurqYe3ZNAaiHJ0Bdavqkxs70HtNJti5yqo2/P+HaeyKeqpZ5UO2au4qUuIg6l/QWcfWmBvaO1tUbdrlNRgYguIEKh/emPU2Exgc2+2sZDdq7Ucruzdk0V35yBRTbgc44QUYBqueAvcHSbumWIVgXdizJfQMdgLJS3q47TMFIZWXkUccy6119+vfhy0+/Fa7vcrcPAWag5ESGJsru+o51IGnk6VmG/RQAgI4tX1jBVkUCnrR357Bv3qngHHTm3QmA74OGszU+44iJS6LaAPdskku2o1Weoou+wF7ZYzBLp/QkzllWoogp0aj9St6t0jMskZI8eTFBVrZaTX75w7Yzt5k3aibTe6MP+bf7eAq6n2wODOWKtJDZ7XfymoUrAdmbQdQ6f4OqAcmNwLSs4ViTkefZtv+RowjH7pMHvRhc/LQQVQrk3gyIjvfb4h++kIG4rmBdosa+QSQe0MTHSpLA6R7d2q93Z1+3bV/jys9RCo9FWo+Wrb05ztDAJH+Kruf6ZsjuYm0nEcnKVdjDh74uhkasiFqsTtZ6CxKiEbAiX4aoNkY3MBhY3Fdftsw6LbsW0syg1/9ISFAoNBgH1V8+DlpfWOMzsg/Y45meoupym15eviQxGCrHsgGb1gLOdvCX0LjUH7nkKPoZPgUWbeBbLXN40akcYDxLhEO4YoeqOaqHKMawpOWRrI1NslmP3UaEPP126qZ5uOu7ISMELfTEkfHBCYpcN2cW3rd+2CtnZWOZjwiihW+HsyFlv2Ovll8zUZdzLTbHIDV/rtv75Q1Mc/XJ81DOyGd84PQVew3aGtB+mjJC3CG6X+HAWVBXhC/FxTgEzZ8+mrwG1Nkma84OFEljYLglooOrxZws3VoL0p9Cui/+UULM4Lj9lcD1N081G+TOWUrAXOI6PObQ20q8sZbbW6RjXgCrJf7jV1x0hFr21Mxk0Lbl+Xhmdyth8udPRSHWP+7wPDEqlEaoudNlsa/Y7DnKQrnJ1QfkrepJ4jnTEtCXImL59BWGF/lbTRL9g4NHafItFqfd6SbqYguqUJv9SUV454KzvkNy60uUA5YsvnsmyXZPo/pcinGArd7jp0ZeToAVOHQn0w72rW85alQ7FXoyaxIVXEdPGz2WlYk+uGEjPUpWPrXWzbSNvj8W6dAaDsGrhrqLt1TpUsGhZ1xVq6daxaJSH6JsBAR9+OkeEDiDu6X50ERpU5XfM1Dq+P1D18MLD08FPtevemdThe5lHcx5PrphtbaW58o3uSSHdGG+c0s8I42fL+qRV4BzG4yFYWC17mFzB0Z8gX2zTCQunrpf0kjyDdo1psG9uhTPp+crlyvX1r4vtmnBGUVkNtslLC+nmf5fcUtInBvu8OaXZc30v3rSVpBGviI3SZtqNK2lu68edxhFXuLyIsOQdR6/YaDHpOjVn8IZagCXxiqCxI5a3AAtJ1wbW5aaxVNKN4FU6JciRlUMTHaZzXq3YJr5LlPRBDJjaf3eKL+3jqKqW3aGwZe5NZcnbBrUJoW9q5GoHUGHjjMUy6aa0oluBDkZyr5C35FqDbQilWGlrBPefmvQ4wVp7Qx7efbp5pxQguoSzkpx1Rv0lal1WFHvn1XQaF9WMEcY7hcxy+VL52vD+MWrkcz+vCArx+LzZ9C9z0mIZkWJ7Nfq96xpb5Txtj7XWchmfyhpqlqOc2wucidonSszBySNP+O0D/7p7cnpdzPH3bOCjUuXeu9JewOn6vK38z96BNIcXPwXvvO0dRCsZFgV6jfq203Lk5bYzIeLe8biN59yzvofidHluqzxB1/GcaniTpBPkfT7SKUN6r6QCNOQyKdCg3pes6MWGzR5iJiQ36We/vT3U36RNnqo5ahlD+1TjbHegXTStQlqmH9hhRRThhYPwlk4yFEXWclImNj03A6ENcJeWf0ICNw+LpzVZnGCWyAEBWB9bJ5RCUJLTG9tI2lGTJENGkjZddJfL8VFUhNCiWwu7Wxwv/TfVVCzlWVpn3i+Ixm5mLam0lqSIGttOfDxuixikxB+m0K5xH9bGnAIaSiQCyzs5f9Iz3TY35/V1efrqn9DePuSWCCca2+/0m0GSIWofGIpwyLxPTTKtzSxUMiWtMJnulPzXECpMOVIVZYtX4s6sGTEvxeaGLRyDOEkHXkxHF4NRqDQo2WQJOidUBdMgGhSuEWu1LSYOlJqZetLR3XRFNOPWZ02eUbaTR0QeL6eLKY3hT+wMJ/ei1VRtCXtdG7v2wvRiwHBjHhucYYjZZ8ZmKGlDM/SjzJMUJ5iOZYvFcha7giZh4BaU9LOgnnrm2Nva/dqzpn2vuNLSSiiSlpKWTUu3CY7GSsFiiBPgpibhXvBd8QhJTdwfyztVVPMDfzovG3tv4DgaHzy3u5fFdG9qA3N7iCg0oTC59sKoJVmSSpScFAGNCtJNgZwkkkORhcVP8+mrdbV7io9IdnRaON+Ejex6xbeEeX4RFgSxTIjaRdzFeKjxT3YwOnBZr8x5ZKy0O7M3k+9eZgvjof3kz/RElKWpB00Vn2RF/FkuC7OX59n0AG9MywR7CJvJ3BeoND4quFB1stdExMRU/JbZsu4RfTkw+ouLtdtHlgm6V99hlD9xX973XOZySlX3HywWj1iuE62rWc6NWpMcPSWIuSR63R8OfuLGYVSnL/ZGMm9BztMLcP/Yyd6O20Dm0SF++KXYa0QOnbAEpd0sYimnFGtIYUCbEpBJ2kIVtyLxOKbDMjeCMXcraQZ3E07eSvoCdx5OAfvdlBaxoowmiBV1wUiZLKcniIwmK3r0L9NwrBSClfs5jkXiyZqVN4/Nozze2uzXxHENfvpUg0U/TMHeUlNS0mbwLLKA4WSumqrYiZ4h6PAduLQGKIGvhxLVj8cKcId9uJQiPe5f8O86UIdaw6K1evQm+0FomwUHOQSyDV87w3xPD4Rya38M7HkDWQhs6NVsOmQlxDE7OTYcilzMMHzmQ8HgdoXL3p6bzR6Pz9K6IOuRsdZZ3w8LdBwVhzZy+z1kLZBqmoylT3Iqcur+eIpMUie9Tm496xmMEeVs6T5cu7H/6IGwxLjisFNNLFWyOqskLc6fIRtJXIgI2Z8YFXU2noIAzT9TNLwgAi1NSkMiKzG/oZgMdL1/NRBGrCTLo5MXmH+gv+GS7xrmRVOwLTzKkUoheehpK5ZMJOvc24BlDuVyEYJGJpaWE/biFr0glYF775uOXXmx40IEHEPCEXx7Pv73i7dOTUahYQCyFAkwe6jyus/ON19VvOPImj49Da5de8/3J2XCJOP4I9s2ykgOd/RejzI1HsuiES2KPCoUnYcK1CFQyeKKtbOjGeeqOny236wxq48QXDTf2fhXGQgVEnQQwyGdWrxIhhFDBkUjg2S+omaqmACHNMRgftPhEbshcCs0iSIYbwGvMO4ggtBPXLi1zj3NjCV95DWAocCzSMNcpIjMNLFyoJEGUI5E83EUHQrkCtb4HVa9858C85+PBFPZhjn3E7K2bVZSERBK1rb7CWCk9EhecHzH1muTeanbV9ZebjpY8eBbR0dJ/JJJ3VhzdmKwIY4oySnRUDp4yV+AvdtyHpUxrBgyihWIrCLQTPMkrHefC3xumwlcTv0VTkD43VUj/g4seWVcNTESTRMra5oa6tsn5+Y26PWSu/+TWfP8u/Md9k+eP9GBvmB3TL83LqF83KvD5iRrvGsGc0OLg6MiENgIZnm+J7bQYYxwGCIlkMu/83+4XlYqvRHu0UszyFNeIrCvQH2DFcjQNPR0uRFCXfQXhMLesuwvJHKlHxplMP4chK5HzdELV0H7uFBo6KR0d0LcEO1LjciQ8Gf5T5AUcMX7DCZxrW1lW83IWoiTmCwmBWVtnhhzNekJeiwExdJuKo5Myq+pthb/iUY3wkkh++gbVEDA2x2d5G2F8d5awf6fo9ZPiqKNR0YsSpO1obRmTtzA61zb3MK0maWDPgmL0nWHpCf5SSqDs1yB/D/Z2u2z3CsBP5sKiVpDLc5SR8sD0i+uHFGwSEiFcVXpKWhE9PQTf22dbC4pBaTtlRVzvFqz0jyiiymOzziRfHJYadnrzw1eHF/9ZVOwLcOmXuXbd3DoKi2hOGp/BkmXbvL5z6rihWWUci8ETg753MuDpcMhIa66FJBJxKeuogM3q6CgVqMzmvM7Vq5pSoNYEVXG64Q6agAb80KSnR4MVyYvqPxDou3oA4n5h/wOKYTylthSlkUZFjREDwBjR2iz8IzseEE0UUJjk59HdnanUVGh2LW4EWJjx0xOOphAYM3GkFPDROKbq/dT26KV8V9+R5ymocOTKhP62+szsOqRnKtuHR6pAf1uHdL0hsKboF2DXpQFf9H7FkgaS2AcIvX6fdw09CKLoARpCqzZED4zyapdXd9gSWEWtyOnS5ZYbp08xpdiPXOawqQ7//X/LnJmbTttIe1jvV/TnF9vmeMqrJ7EUgrhOh4NAyEJ1aZUTaHBt1Angizz/+AOxLaBYs+eEmdfUY1qfoPKWMaVp1lilqc3aJhHMzg2Cu5XVmH5Ra06vVS5dKmk1mNN8icOIwlYSj5NUdU9+mFmAV1m4nssV0lCZVY6WAZ/JUQ3p9OPJ9fBHmWiZ9OnnPGX/HGVaBulkewSlImsKvv2W0uKGsOPCaZ5Z0+HH89KzxxUdmDLSrGf5iMSGY1MD/AloGw6WM/WXG+sr7zeRC9LGyqqzntyQtd43ymTRa0oCNJtdFw4RjVDN+y+4DvlX8jz8qegHb3rOvOIeaIDYCzy91x7e5FMtXl+ReaO3KZlk2/yTL8EDheblRlX894fmJzliVlX0rXM6lsLUAg31GL4hNpMaqgIXBnu23JveqlD3Z+Zs7A58bfq4f3755nyg9NJhl5Mj27qxnqQ/MVqaMr5oHDpfai7bUc1XgDuOzqAKQHtV/wMicJAuupfaA5twaQ/ouGvLnu2WbwJQ7yIjtmmguR5GJRpXRn8W3Dyi3O8Z1sM/3Zr0aigI5C6k82Y5KUChYosdaKbTCgyYkEoLUgfW/hGDye8wVVR3Puj2JicEsAFU2EaGnMOe8GbEMLRPbuMx9fPO/f9H3uc4wnfPOY601OkQeMXnq3pOTyna47GE5XS3cEl3+wkAPWeH0X45ci6O2gzaVDY4olBfJuJutNCR10uGBWNiQ+z15AuibGjQV7cQWkX7VoqUr4ITJ3FXAT//+loawiEfIPZEssHA6ecjNi09oz2BkNzTMGY4qfJnyqV2btp/3YmScD689Bf1CqfdHaR3RudPCnHB1QsW9ac7Cgo+dM75tRg9LkVKf2lHWtbdELFLngLJVRQC5Mek+DAhp3wk5WI3CPhN2HhfMmtiI0YLLz6L3jhUjIP5E1OkccZ2sIG32hWg5+nzT23qC2OjO65AOlCIi5QvuPiliN6UqGHk2xtxpbMPEdBbcsJJjzjGAxshI+8lGJaABhIQdd+kH+KHPOirtGpDOahZVuZ2fq+qp0f5cxalFysi4OPKBE7D8VEwUYkcszGD9V3zhDA2cjEob3m5b0t2azLR9fnaBfyKnMXzK91s8XDS1b3TO7ei9mz/vXUJuDTr8N3iBL2ZDIqx1e1Pb84n7SlCtLcgI2xHDMshqajKRBHvPkjW9hnYF7f8YXZnySHwHXg4ezPuqp9H6okjXxU+lBxzR3evnjX0fEi06H5XTlLmlLKDX3nwxmZbtXWhXOT6svilgxx82Nc5aq1z73es2U7CEFg+VnoCtEx9hS+5nM8BDhc95pLVTF6b21opl3zMlVWhPuntuJ9cVgk4mW6kijNLC12Hhgu8/gY6DVUzwpPm/3PNMw5G1iKdbG87K0p4NBH2aysZKyLEyUnLhD90aBIHvI12K0BbJeoiFMkcgWFp8a41jV25h1ICcQt4RR8tN0ZWmDod5lUxvhyboekXGZMa1S5AX5NWFbaG3wcP51Vi0mh3MfsSg3EJcAPpNL1xkmsIAaUHHnZdUQiuLycXBfQ4bMlZY3dC7Us0ktG0lpOrEyZo9D1umflaSK9GH5p50GA2z9Lgm2VOHyknF9jXI2Jv3CKos4aR+XEN6ti98R8mnjFOxpu8n2v6gydm3gFfHQlkDpoI/ZswmaxUn8Xqyyl/uv4G7krT23mlxTi/2POkxfbdcUJ2QQHe1zAShtWCvRubO4K3krtSFWy+YZNeVLEMVFqApd8bJnoBa5uGTrfP2JHFHSDCCRdzdrfui8+6+Q3b7BfkSVlLf0fnYPFZEVn6DPS1AE4lyGlvm4kuVutn1xvcIt+J3OcBbVr5qzWDfo514jQIC1ptbKxx8+3gvF9KAae2fhr3v8V18SE7wNMh4fmLlv2dRx2QJgutARnFY+CpunDWM4MBhnduvcmvLQvxj6SEIQ0bHF7urHjEkyPrd4yK6WDjF0fxBaDaV5YJpNMYy0pwfeziFXiryidBE7mOhgTT15zBJ+zmxAeLQoDvA8nY/fYmeq10i5hMuruPbZcmCztAlbSEIy1WER3seuJfJjQP6tEUkmkixH6YQPVg2aPmLG7w9V9EBoBaFtB2bH+MDxMFikaDawv+UzYsya2zr2RwViCI+ROVFxh7FSdAhOpDsymC+hzZDQMOTy1DYlgYAeAMvUSBpVCQUrS+WWucrxjmINyl6aCDhG8xZdwhIGcMj8uSQq6vRvjUul6P/3dHZy6Knx7YUusm2ushjYRipzfc6JLP8uKvROjj3QAy7VjYlQx/QUgRbwf++doy3d0R3bPqpDZheWDnvxugmXh/F7/7xJtE7aYhgjBiTPMrPo8DwbM7ZD6Fd3T8UuTKgS99fGpkfGxT8+/42LgiomuDTllrsrwiuFMXY3OAngREoVPwV0cIVxKt8O87Y1ngixRqpK10vmZFUl+H/7mwhrh3jxsoR+huW+Z+Z42eUmoIE+gTKsPWhDLA/Wf0lDxNn3Zr1/HC3HfLxpxlVrKstbEL2qp6LSFhfrWNPlYx0LtcUJ99Cq+2jOHYj8BxpHU0CEsnfjX0Lct35Noibx0GJEqqT0cfrWoVp74lI4qFp1XD9f/3org4jwoNYv0zga5w8vFXKpygp9f5ErtfixzPCLv96b5D63miFB3QMGjH9imchK0kJteWjOgbVrkPzu7WHMRl5ImLhQnFc8USeLdKjEO6K6hz0a6RQpizU41+pjqv+4gVQ5uGKbDrFVBGL1m3A1usCoHOwwfYuRwxZFzBTuUc5kyMPw1UhPyNVsYBuXCQyrDNC8u5WvoNXBPGYA8Ee1kHYMPg54hnv/fmVgsRkIb3YV+MZwXn4z9lqoMYHFxPCd+ehG+SlRm1ITxz+CJfPFzMO97YDYDI+ICOru6brsx/uOdMcsscYXOszZMkFVMDvEWRERK5FaZ0hvLc9O6Ym+REelZKPgktqY8NJQHcjNLN18QI4tmd+kRmbjlltN2YMH4ZI1xBmKZAZKKspOWg+qjuDEGyIVimujpOdffKqMiq4GPfbRWpcjXQ1eu0M9G6Da4uBHqHFiZHJIVjE1jSRP5yEHIInTJKHjOWqjkC/hFzM8L5XrmU8L2N5vBXR6VFRSYixyFjFJzubKwfkwy795qNneEnov4BtJIThGOOAAGZiLmz3DS/2qRhSo9sH4wLKwFC38717L24/45F3x1pcMuAj7FuKLtvcSYU7/OvSReng7ahFAXeamUi3AhubSllNqC4KJuZ+GWem/jcGlC3uFMno/lGAtDZlHFWmOesVTbD7qXMXuh1Wmoqg3/3fVgWuuzIMPefPWEXvy1ny7cN5teEZSTEtVGaGWmWhifsF3xE5HBeuNzcSlYVxzAHOJcZLQys5m/Sy7Gwy4HEDJkNo0uzJlo4GF7BK9yoighIldYF4haOMFx6IIcn3oZPvZVlbHBnKpaFi7jBhPS3hvla19HiC57GT7O56EJ9c70mCxNtDyQsocI4qZCXpE3vwxXAg8BmqqfxWiGWkmI5WSMFZrKlh67IKtihwXHQj349iCPlPKIo0QxPH7CBu71Xtji52D+nUXFS6K9z7P3v6sYiv/PzmMkUPvdslxZjrqvQTs3OX2bjea8FzEKcN+MCAnjvGRuinpBkJve3fVGTfqhZUX429XTV/m/1u6Rl58B1tb/c5JqtTWF+DTss9C9DN+EYpmMKlAz9H4/x8NEAtPqYEUTHeskqXyLU2S+6ES6zuhwrqdeMI0xPrNe2WLKs0fkaAD3LpKLXUYfNzQGpScs6xOM0HRRjaH52w5XKb4MZHRuVlrM0ctml/d+pqZypv5KbN4anqKdAIFbbCrMML6Gl5A24Cu8nWdkCDb1WwJDLbG+Kg58DXQm//sPd43N2+w4XTk0BRYQv4gr5yKKBqOmBUwRxYtLoUFTwVLjKnyPgFFKbd6Lj6Owf5r5YiDaJww0SwZYOib/KF/fag11jyzZAX7BY+XMv8U2fpiNmo3Ll+R890D8wCQwi/l5Qvf/WvKaX58aEDcWQqpW5i1Iu8yG+VBOiQ4k3MILGQIC9SrUR3Ggbt8DUB84/EuRv0qAnRWCWhhAqAu2BDKOyPHS4/T0w2ENUUCf3ccLLAgB6DKlBHmM/C+ZcVlgTkerrODTRTIGpoCUYHZrZfVuhSYio190hxQdkKKLlrdlxc0Go3czPX/PUtbQ/TkfLBR+9qeKGJYvmgfJkMGwc7EMoigODYHatNk6j38a5ICXBfEQ6DEMWAbGV/BgD4ch3XDbDU3G36I9VDWCRQ0jEBd1yI8kWJ9tVy8OZBDg9KjsjMD1Fam+2OTYaDKhI7WFsSD3ecA+oXgjBlUWahlzK/ubSzlpdNYUx8lzF0RU0z+3QbKZODK4UlMCo4fHE1mcIB2EYdvbjaBk6qi1r3Lvr8tY/tW9einA0//rPnJTL+DkSRM+WYwkSHGCHgNAf2BduCQ8Knm/A1Ikwv1BqENQ/oKA8oWkEP/haF7QePhIZHKg06Y55Zc0uWx7OiMAjUdE13ergtMYbE4aKyKgbvjH8gi9yZlQxA9ibvdvPN6pSpReDtz7XbMtBstuDwELhwhhBEGgg5X4QAoLMRE5P7NCmOBB8tTu15fv/tmzBxzbOhtdNtn7aPvQ12ObSnr27S7YufI3IjNNIIhw6RtS8kJYNj866hE9kySMSrX+aAU/5UGd/rAXGg5+ASlUG2RWCWp8ugwl7XYd7EQYWRHq2jrlwoLKCeL5jIRUPmYDk/jT/3B6e94qn7RJDse9Jh5rp8ov1xxXEN2u7pBtme4TEfXug7Sf+zfvxzqosk+HQUz6/MkT5PMH8Wem18PRsrbp/d8eWFGTVBC+Oyrzefcoagj2K8nCyLEEhemq+OFuTTPnHva39rR/lFieKFauYeAiL+FoKA/hJTswgX1ShwcBuQXeWnt8RV1uW0iwkdKh7dTGxO0Cx5+h7QY430PA+mywIYRNQiDiVaqPGRnUiu+elfzVjIA2CgktHscLpGulH4LkQqFvIFnpy6KRRBcGNGVMeA7zlGhk4ywvp52bi4Zngu9XZmUHxpbiHLRxN2fBvjgYOIIMq4tmC2Mv/RZbhDaFnCq2eyZLmCXMaXqRmCLMhsFod3Cz0ZmMb4Nn0mTrCYD34RSMoJjGpD5FP0ac1l6ktOHC9mjgHHQOEbo2sgp2Qpk7ryTTZC943R64wdGNOXcYTWOCEkX26rP1G1WyXqwuiZh7A3OTikJqk7lKAeQpHRdY0iEmI4jmalByvjIlKsP7e+7Zmjhm1HT86tDVIHTaZFeVx9t+Pz1AVVysOOz3cGVGSXCPW5+0IqLuIpR/NgDyq5MKUYmARcQB3+mhSRzMDn/Od/SysO8KXbdSzNXM6VV3x/QrPu5evn5UzRQs3qpTxdWH9sjpR/Yf9jBOSGFIh1+qi3VcoNEiaBlcP76XtuzVEhBRSU6NODOC/llU77aFAij0ICUgKDuF6w4nMPmD2ZciiXKePzQY8sIGttphihTrJBy1R49tjxJ/JnU8vaYE1iwk/L04EsE+HoMkN5sQ/4LFqijo2oBDOCvI7wp39Up8ZEusbd/rqfsuL6RJTuJu90eQ2tKxB09BReRS2Hwrut2tYLFVZAsSi9bkzbwFN3cHuM7ltUIVSRrZgMg9AoNOUHr6t7Zhl87rS//MRj0vU1QCQifTOxUTwMYsQkIP17/wNiLT4UGidsMU2sdF1cZUzqLkEDTsxq1KhuDfw5hVWGHsTbyq5AhZt3G0eeATYnZO6ZiI/KKF1QqiWgFNo9BEhdVLBaE6wZjloxtwiEOnHj6MfJ0humz1bmtt/VRl4V0+Q7y66NRwrBa9riypNKelbK/MeI9KJKVNLKY2nRV71qcWyCNjEofmdT7C9nQ1sAwEFzzQcFT4fIfCWPoehAMy4eFMkz5e0NlNrcVjhV27pou2/2oOeDZHzi1iJFgHPGvtglTqGa5eQZxjTikviDMP+M/M5RdRf2Qmy+aU2fc7Rwrj4lL+SNW77cGX0xbJ6zwpSek/W7XOM+KmS/MSUXu6qajTFjD/uVH4+oPLH3TDVuE9PPPwDYfH2NB+F3FK5p+NhSB3dzZuw2zy0BEkriC9qsoYrdKnVxGX4pcjLMECOQYGryaML0z2LTyaW6gbKfCY6bmeJGPvpmr8WMZSXT7noHz3JDkEYI/BVcAF48kwq+A0F8QZ11DBE2DJhlTCZ3ZzChdn8x1JrbcIz3fswc7BkjMrQqFGPOObN8bZCIUpZGLr2Mq0yJTXTBnGM00vnZsEu/VOsM/JxMj/0KOSS+ypODsVKbsHiRvrLXiFyCZNEatzImbP6/sdrHxHSb/Bx5XY42YCYNW4Y64waTXmuLlA1GJcZI8Is3Rv8ioyJ+v7kgC4x/OZ9GQn0H9DPKrC9W+nT7ZDPf+PUFFybS6BZB+Tyr7B8zMwSA0A2POQyFQY+Rs8Un0WErdFOIj8Q9kzVHMvMoOOjRe6v/2AFUaEPenk3pFOhdaS/2qtjZtECzkBFirMmraFE/WGDZGI611QluzrtOzKijxHYcWcjkXDnTqppURqT2sUNIyn8+BMnQZ4+gJKpyFYKszaqhOeoZCwVbXqs39w3we22fpX6feYYmXN1LWj6VVdzUSevLGE02UF2uba3Ysvdvbzjlv9TExU9uXqh/6weHjJatjIFvrY2r+nNoET0cj7enL7a6LimLKBbMzdvGxtkTU3i2LjW0ty2mLTjHl9ljhT/bajkFmsHFL97D6dXpbmNKj2hnupQ0RkZi6rE2rygUEk8n+A+vvtR6bng0Cw6d/XaGItgXpqwUok4ipY8j2yrvdR5qgdcj5DxG/mk7YohEVg4RSfU8cUCD1sUnVsHktkYr3yyGT2kNuHZczgztPJPE4dn/QF7hA9WL3HwXc/yR1BwiLFFhKf3yxiNH3EFa0ZeaGXc87yxKbo9S59cJZd89qmrG/gtz5PUBg0J+ve5ZIoBO6H0OlWquJiOVBN17duYVDehB5uxHO8VAWuHL0F5zbxdX32LGdoEfPpcLE5KHNXztdrCzi5L7lKKkQYYYs4hIx8ReFkYATjB3fMcWVb2Kad9Sdiz547l1dteAv/Vqb8fJ4ANCdo7W5wUBhnRPkJAFvQgN6G/5EBP+HV7PdWAwn85p8tzy/w5+q52mCISx67cg0IgMDDz+leoYn/R3PYTwB8ti59OaJ++aZlZWM7Q6A50dyuf+q5EbB81VYHd+XkPezjJTXw9Kl9AXyL1CSqDIp4+H1NplsoJ2mk8ucPdN/8mq4QMV1fJqHjGbW/YjUmWjdKGpTwICAxTgaKzCL8gaAsGt+KeCWJlwQ+JCxH6otdniD130lwx/l1gqtnwnqVUgd3OZJ7p003PwFeyvBLmBzjjSVz5EseBOAZocLbyDmI1GOd/3qtAhqvF51lbhN8k8XYKNAFWmM41on1Kb6lyM4I6a4Syzg9L8BL4jwjwIeCfMhfLWjcgouf6LlKxyf1yzyQyB/0rZPkE1p/EeR9UV4X7AJqj+JYUR9iIZ6Hz01iHMXzZL13CksnLp9IVI6fShD3hDlXaHfJChTgLX4+ZeqhaGuFtIaoz2ksFugRGjvYWy+2GWJ+E+uQEGWCW0nifgIORz05bDwEz2+EcTpEt/ESbltZDh9u8bk8JQE1DVEy0XA2irYO2lZPBw6H6HauFnDO3MMz/C1LhyUQVQzZlSEK1O60MCxHhA/5uzlDr5PBx+JaSjdQwMgpQZwWptFdOijlYbr3JAOS+5nabThuIu4DmSmae14QhnVwI+Dp23SwAhhIE9MUwZu7IYguAJUbd8Po+OpuOKHCuxG4xivyJt5PiijSx2kzNjZ1t1RXVrWJL24CCSF29dEIWx+X1Vd39ZTy1tYbGlpDT0fNJu1l/d0dqpfaV5Rd71wbN40WOkHfDW+rCus0VOUtHaFlh6uNos0bxbaWDy8Vn1VZXTlWUb2b91eV7XWsWhyNNNdm3lDK1bXdq4nbx7Rbv5Am864ZdqJRxa5GO9PHpglZjqn0ZulqqamNlzDq6nWqV1sqQ5uWZG99lRlTP3z4/iVw968DnxaQhFS/xRpWdHxXGG53OF1uj9fnPydIimZYLnARDIUjfPRyp3+9Qly8TiRT6Uw2l38kyXqD0WS2WG12hzM5JTXNle7O8GR6fVnZObl5+QWFRcVbxsZRWmHCAvOst8tco5aatNJsFy++s9uUfT5Z/09J6SJln916dWt/Z3fvttsHh/9Tudi9k8Ydc9RU19bXNWzS2NzU0tre1tHZ1dPd2993wmaDA0OGnXR/wCEPzjtDjjhu2qURx1x+3R5nnI2W/z0OAAA="};class ze{constructor(){this.s=new Uint32Array(4)}reset(){this.s[0]=394173556,this.s[1]=2926575054,this.s[2]=1022685995,this.s[3]=1178902408}nextFloat(){let t=this.s[0],e=this.s[1];const n=this.s[2],s=this.s[3];return this.s[0]=n,this.s[1]=s,t^=t<<23|e>>>9,e^=e<<23,this.s[2]=t^n^t>>>17^n>>>26,this.s[3]=e^s^(t<<15|e>>>17)^(n<<6|s>>>26),(this.s[3]+s>>>0)%4294967296/4294967296}}const Oe=Ne.name,Te=Oe+",cursive",Be=1.5,Ve=5,He={normal:{stroke:"rgba(0,0,0,0.7)","stroke-width":.8,"stroke-linejoin":"round","stroke-linecap":"round"},thick:{stroke:"rgba(0,0,0,0.8)","stroke-width":1.2,"stroke-linejoin":"round","stroke-linecap":"round"}},Pe={"font-family":Te,"font-size":8,"line-height":Be},je={"font-family":Te,"font-size":8,"line-height":Be,"text-anchor":"middle"},qe={};class Ye{constructor(t,e){this.deltas=[0,-.3,-.6,-.75,-.45,0,.45,.75,.6,.3],e!==qe&&this.deltas.reverse(),this.partWidth=6/this.deltas.length}getDelta(t){return this.deltas[t%this.deltas.length]+.5*Math.sin(.03*t)}}class Ue extends lt{constructor(t,e=qe){super(t,{"font-family":Oe,"font-size":8,"line-height":Be}),this.handedness=e===qe?1:-1,this.random=new ze;const n=new Ye(4,e),s={padding:{top:3,bottom:2},tag:{padding:{top:2,left:3,right:5,bottom:0},boxRenderer:this.renderTag.bind(this),labelAttrs:{"font-family":Te,"font-weight":"bold","font-size":9,"line-height":Be,"text-anchor":"left"}},label:{minHeight:6,padding:{top:2,left:5,right:3,bottom:1},labelAttrs:{"font-family":Te,"font-size":8,"line-height":Be,"text-anchor":"left"}}};Object.assign(this,{titleMargin:10,outerMargin:5,agentMargin:10,actionMargin:10,minActionMargin:3,agentLineHighlightRadius:4,agentCap:{box:{padding:{top:5,left:10,right:10,bottom:5},arrowBottom:12.8,labelAttrs:{"font-family":Te,"font-size":12,"line-height":Be,"text-anchor":"middle"},boxRenderer:this.renderBox.bind(this)},database:{padding:{top:12,left:10,right:10,bottom:2},arrowBottom:12.8,boxRenderer:this.renderDB.bind(this,Object.assign({fill:"#FFFFFF","db-z":5},He.normal)),labelAttrs:{"font-family":Oe,"font-size":12,"line-height":Be,"text-anchor":"middle"}},cross:{size:15,render:this.renderCross.bind(this)},bar:{height:6,render:this.renderBar.bind(this)},fade:{width:Math.ceil(2*Ve+2),height:6,extend:Math.ceil(.3*Ve+1)},none:{height:10}},connect:{loopbackRadius:6,arrow:{single:{width:5,height:6,attrs:Object.assign({fill:"rgba(0,0,0,0.9)"},He.normal),render:this.renderArrowHead.bind(this)},double:{width:4,height:8,attrs:Object.assign({fill:"none"},He.normal),render:this.renderArrowHead.bind(this)},cross:{short:5,radius:3,render:this.renderCross.bind(this)}},label:{padding:6,margin:{top:2,bottom:1},attrs:{"font-family":Te,"font-size":8,"line-height":Be,"text-anchor":"middle"},loopbackAttrs:{"font-family":Te,"font-size":8,"line-height":Be}},source:{radius:1,render:t.circleFactory({fill:"#000000",stroke:"#000000","stroke-width":1})},mask:{padding:{top:0,left:3,right:3,bottom:1}}},agentLineAttrs:{"":Object.assign({fill:"none"},He.normal),red:{stroke:"rgba(200,40,0,0.8)"}},blocks:{ref:{margin:{top:0,bottom:0},boxRenderer:this.renderRefBlock.bind(this),section:s},"":{margin:{top:0,bottom:0},boxRenderer:this.renderBlock.bind(this),collapsedBoxRenderer:this.renderMinBlock.bind(this),section:s,sepRenderer:this.renderSeparator.bind(this)}},notes:{text:{margin:{top:0,left:6,right:6,bottom:0},padding:{top:2,left:2,right:2,bottom:2},overlap:{left:10,right:10},boxRenderer:t.boxFactory({fill:"#FFFFFF"}),labelAttrs:Pe},note:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:5,left:5,right:10,bottom:5},overlap:{left:10,right:10},boxRenderer:this.renderNote.bind(this),labelAttrs:Pe},state:{margin:{top:0,left:5,right:5,bottom:0},padding:{top:7,left:7,right:7,bottom:7},overlap:{left:10,right:10},boxRenderer:this.renderState.bind(this),labelAttrs:Pe}},dividers:{"":{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:()=>({})},line:{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:0,render:this.renderLineDivider.bind(this)},delay:{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:0,margin:0,render:this.renderDelayDivider.bind(this,{dotSize:1,gapSize:2})},tear:{labelAttrs:je,padding:{top:2,left:5,right:5,bottom:2},extend:10,margin:10,render:this.renderTearDivider.bind(this,{fadeBegin:5,fadeSize:10,pattern:n,lineAttrs:He.normal})}}}),this.addConnectLine("solid",{attrs:He.normal}),this.addConnectLine("dash",{attrs:{"stroke-dasharray":"4, 2"}}),this.addConnectLine("wave",{attrs:{"stroke-linejoin":"round","stroke-linecap":"round"},pattern:n})}reset(){this.random.reset()}addDefs(t,e){t("sketch_font",()=>{const t=this.svg.el("style",null);return t.text("@font-face{font-family:"+Ne.name+';src:url("data:font/woff2;base64,'+Ne.woff2+'");}'),t}),super.addDefs(t,e)}vary(t,e=0){if(!t)return e;const n=this.random.nextFloat();return e+2*Math.asin(2*n-1)*t/Math.PI}lineNodes(t,e,{var1:n=1,var2:s=1,varX:r=1,varY:i=1,move:a=!0}){const o=Math.sqrt((e.x-t.x)*(e.x-t.x)+(e.y-t.y)*(e.y-t.y)),l=Math.min(.2*Math.sqrt(o),Ve),h=this.vary(n*r*l,t.x),d=this.vary(n*i*l,t.y),g=this.vary(s*r*l,e.x),c=this.vary(s*i*l,e.y),u=function(t,e,n){return Math.max(e,Math.min(n,t))}((d-c)/(Math.abs(h-g)+.001),-1,1)/6+.5,p=this.vary(.5,.5)*l,f=this.vary(.5,.5)*l,m=h*(1-u)+g*u-p*this.handedness;return{nodes:(a?"M"+h+" "+d:"")+"C"+m+" "+(d*(1-u)+c*u-f)+","+g+" "+c+","+g+" "+c,p1:{x:h,y:d},p2:{x:g,y:c}}}renderLine(t,e,n){const s=this.lineNodes(t,e,n);return this.svg.el("path").attrs({d:s.nodes,fill:"none","stroke-dasharray":n.dash?"6, 5":"none"}).attrs(n.attrs||(n.thick?He.thick:He.normal))}boxNodes({x:t,y:e,width:n,height:s}){const r=this.lineNodes({x:t,y:e},{x:t+n,y:e},{}),i=this.lineNodes({x:t+n,y:e+s},{x:t,y:e+s},{move:!1}),a=this.lineNodes(r.p2,i.p1,{var1:0,var2:0,move:!1}),o=this.lineNodes(i.p2,r.p1,{var1:0,var2:.3,move:!1});return r.nodes+a.nodes+i.nodes+o.nodes}renderBox(t,{fill:e=null,thick:n=!1,attrs:s=null}={}){return this.svg.el("path").attrs({d:this.boxNodes(t),fill:e||"#FFFFFF"}).attrs(s||(n?He.thick:He.normal))}renderNote({x:t,y:e,width:n,height:s}){const r=this.lineNodes({x:t,y:e},{x:t+n-5,y:e},{}),i=this.lineNodes(r.p2,{x:t+n,y:e+5},{move:!1,var1:0}),a=this.lineNodes({x:t+n,y:e+s},{x:t,y:e+s},{move:!1}),o=this.lineNodes(i.p2,a.p1,{var1:0,var2:0,move:!1}),l=this.lineNodes(a.p2,r.p1,{var1:0,var2:.3,move:!1}),h=this.lineNodes(i.p1,{x:t+n-5,y:e+5},{var1:.3}),d=this.lineNodes(h.p2,i.p2,{var1:0,move:!1});return this.svg.el("g").add(this.svg.el("path").attrs({d:r.nodes+i.nodes+o.nodes+a.nodes+l.nodes,fill:"#FFFFFF"}).attrs(He.normal),this.svg.el("path").attrs({d:h.nodes+d.nodes,fill:"none"}).attrs(He.normal))}renderLineDivider({x:t,y:e,labelWidth:n,width:s,height:r}){let i=null;const a=e+r/2;return i=n>0?this.svg.el("g").add(this.renderLine({x:t,y:a},{x:t+(s-n)/2,y:a},{}),this.renderLine({x:t+(s+n)/2,y:a},{x:t+s,y:a},{})):this.renderLine({x:t,y:a},{x:t+s,y:a},{}),{shape:i}}renderFlatConnect(t,e,{x1:n,y1:s,x2:r,y2:i}){if(t){const a=n+this.vary(.3),o=r+this.vary(.3),l=s+this.vary(1),h=i+this.vary(1);return{shape:this.svg.el("path").attr("d",this.svg.patternedLine(t).move(a,l).line(o,h).cap().asPath()).attrs(e),p1:{x:a,y:l},p2:{x:o,y:h}}}{const t=this.lineNodes({x:n,y:s},{x:r,y:i},{varX:.3});return{shape:this.svg.el("path").attr("d",t.nodes).attrs(e),p1:t.p1,p2:t.p2}}}renderRevConnect(t,e,{x1:n,y1:s,x2:r,y2:i,xR:a}){if(t){const o=n+this.vary(.3),l=r+this.vary(.3),h=s+this.vary(1),d=i+this.vary(1);return{shape:this.svg.el("path").attr("d",this.svg.patternedLine(t).move(o,h).line(a,s).arc(a,(s+i)/2,Math.PI).line(l,d).cap().asPath()).attrs(e),p1:{x:o,y:h},p2:{x:l,y:d}}}{const t=Math.min(.06*(a-n),3),o=Math.min(.5*(a-n),6),l=n+this.vary(t,-1),h=s+this.vary(t,-1),d=a-o*this.vary(.2,1),g=s-this.vary(1,2),c=a,u=s+this.vary(1,1),p=a,f=i+this.vary(2),m=r+this.vary(t,-1),b=i+this.vary(t,-1);return{shape:this.svg.el("path").attr("d","M"+l+" "+h+"C"+l+" "+h+","+d+" "+g+","+c+" "+u+"S"+p+" "+f+","+m+" "+b).attrs(e),p1:{x:l,y:h},p2:{x:m,y:b}}}}renderArrowHead(t,{x:e,y:n,width:s,height:r,dir:i}){const a=s*this.vary(.2,1),o=r*this.vary(.3,1),l=a*i.dx,h=a*i.dy,d=.5*o*i.dx,g=.5*-o*i.dy,c=this.lineNodes({x:e+l-g,y:n+h-d},{x:e,y:n},{var1:2,var2:.2}),u=this.lineNodes(c.p2,{x:e+l+g,y:n+h+d},{var1:0,var2:2,move:!1}),p="none"===t.fill?{nodes:""}:this.lineNodes(u.p2,c.p1,{var1:0,var2:0,move:!1});return this.svg.el("path").attr("d",c.nodes+u.nodes+p.nodes).attrs(t)}renderState({x:t,y:e,width:n,height:s}){const r=Math.min(.06*n,3),i=Math.min(.06*s,3),a=t+r*this.vary(.6,1),o=e+i*this.vary(.6,1),l=t+n-r*this.vary(.6,1),h=e+i*this.vary(.6,1),d=t+r*this.vary(.6,1),g=e+s-i*this.vary(.6,1),c=t+n-r*this.vary(.6,1),u=e+s-i*this.vary(.6,1),p=t+n/2,f=e+s/2,m=r*this.vary(.2,1.2),b=i*this.vary(.2,1.2),x=e-Math.min(.005*n,1),y=e+s-Math.min(.01*n,2),k=t-Math.min(.01*s,2)*this.handedness,w=k+n;return this.svg.el("path").attr("d","M"+a+" "+o+"C"+(a+m)+" "+(o-b)+","+(p-n*this.vary(.03,.3))+" "+x+","+p+" "+x+"S"+(l-m)+" "+(h-b)+","+l+" "+h+"S"+w+" "+(f-s*this.vary(.03,.3))+","+w+" "+f+"S"+(c+m)+" "+(u-b)+","+c+" "+u+"S"+(p+n*this.vary(.03,.3))+" "+y+","+p+" "+y+"S"+(d+m)+" "+(g+b)+","+d+" "+g+"S"+k+" "+(f+s*this.vary(.03,.3))+","+k+" "+f+"S"+(a-m)+" "+(o+b)+","+a+" "+o+"Z").attr("fill","#FFFFFF").attrs(He.normal)}renderRefBlock(t){const e=this.boxNodes(t);return{shape:this.svg.el("path").attrs({d:e,fill:"none"}).attrs(He.thick),mask:this.svg.el("path").attrs({d:e,fill:"#000000"}),fill:this.svg.el("path").attrs({d:e,fill:"#FFFFFF"})}}renderBlock(t){return this.renderBox(t,{fill:"none",thick:!0})}renderMinBlock(t){return this.renderRefBlock(t)}renderTag({x:t,y:e,width:n,height:s}){const r=t+n,i=e+s,a=this.lineNodes({x:r+3,y:e},{x:r-2,y:i},{}),o=this.lineNodes(a.p2,{x:t,y:i+1},{var1:0,move:!1}),l=a.nodes+o.nodes;return this.svg.el("g").add(this.svg.el("path").attrs({d:l+"L"+t+" "+e,fill:"#FFFFFF"}),this.svg.el("path").attrs({d:l,fill:"#FFFFFF"}).attrs(He.normal))}renderSeparator({x1:t,y1:e,x2:n,y2:s}){return this.renderLine({x:t,y:e},{x:n,y:s},{thick:!0,dash:!0})}renderBar({x:t,y:e,width:n,height:s}){return this.renderBox({x:t,y:e,width:n,height:s},{fill:"#000000"})}renderCross({x:t,y:e,radius:n}){const s=this.vary(.2,1)*n,r=this.lineNodes({x:t-s,y:e-s},{x:t+s,y:e+s},{}),i=this.vary(.2,1)*n,a=this.lineNodes({x:t+i,y:e-i},{x:t-i,y:e+i},{});return this.svg.el("path").attrs({d:r.nodes+a.nodes,fill:"none"}).attrs(He.normal)}renderAgentLine({x:t,y0:e,y1:n,width:s,className:r,options:i}){const a=this.optionsAttributes(this.agentLineAttrs,i);return s>0?this.renderBox({x:t-s/2,y:e,width:s,height:n-e},{fill:"none",attrs:a}).setClass(r):this.renderLine({x:t,y:e},{x:t,y:n},{varY:.3,attrs:a}).setClass(r)}}class We{constructor(t=qe){const e=t===qe;this.name=e?"sketch":"sketch left handed",this.handedness=t}build(t){return new Ue(t,this.handedness)}}Object.assign(We,{RIGHT:qe,LEFT:{}});const Xe=/^([ \t]*)(.*)$/,Qe={after:".!+",end:/[ \t\r\n]$/,start:/^[ \t\r\n:,]/},Je=/^"(\\.|[^"])*$/,Ze=/[\r\n:,"<>\-~]/,Ke=/["\\]/g,_e=[new class{constructor(){this.name="basic"}build(t){return new ut(t)}},new class{constructor(){this.name="monospace"}build(t){return new Ot(t)}},new class{constructor(){this.name="chunky"}build(t){return new xt(t)}},new We(We.RIGHT),new We(We.LEFT)],$e=new oe,tn=new Gt,en=$e.getCodeMirrorMode();class nn extends yt{constructor(t=null,e={}){super();let n=null;t&&"object"==typeof t?(n=t,this.code=n.code):(n=e,this.code=t),Object.assign(this,{exporter:new At,generator:tn,isInteractive:!1,latestProcessed:null,parser:$e,registerCodeMirrorMode:nt,renderer:new Le(Object.assign({document:function(t){return t?t.ownerDocument||null:"undefined"==typeof window?null:window.document}(n.container),themes:_e},n)),textSizerFactory:n.textSizerFactory||null}),this.renderer.addEventForwarding(this),n.container&&n.container.appendChild(this.dom()),n.interactive&&this.addInteractivity(),"string"==typeof this.code&&!1!==n.render&&this.render()}clone(t={}){const e=t.container||this.renderer.dom();return new nn(Object.assign({code:this.code,components:this.renderer.components,container:null,document:e.ownerDocument,interactive:this.isInteractive,namespace:null,textSizerFactory:this.textSizerFactory,themes:this.renderer.getThemes()},t))}set(t="",{render:e=!0}={}){this.code!==t&&(this.code=t,e&&this.render())}process(t){const e=this.parser.parse(t);return this.generator.generate(e)}addTheme(t){this.renderer.addTheme(t)}setHighlight(t){this.renderer.setHighlight(t)}isCollapsed(t){return this.renderer.isCollapsed(t)}setCollapsed(t,e=!0,{render:n=!0}={}){return!!this.renderer.setCollapsed(t,e)&&(n&&this.latestProcessed&&this.render(this.latestProcessed),!0)}collapse(t,e){return this.setCollapsed(t,!0,e)}expand(t,e){return this.setCollapsed(t,!1,e)}toggleCollapsed(t,e){return this.setCollapsed(t,!this.isCollapsed(t),e)}expandAll(t){return this.setCollapsed(null,!1,t)}getThemeNames(){return this.renderer.getThemeNames()}getThemes(){return this.renderer.getThemes()}_updateSize({width:t=null,height:e=null,zoom:n=null}){null!==t?(null===e?this.renderer.height*=t/this.renderer.width:this.renderer.height=e,this.renderer.width=t):null!==e?(this.renderer.width*=e/this.renderer.height,this.renderer.height=e):null!==n&&(this.renderer.width*=n,this.renderer.height*=n)}getSVGCodeSynchronous({size:t={}}={}){return this._updateSize(t),this.exporter.getSVGContent(this.renderer)}getSVGCode(t){return Promise.resolve(this.getSVGCodeSynchronous(t))}getSVGSynchronous({size:t={}}={}){return this._updateSize(t),this.exporter.getSVGURL(this.renderer)}getSVG({size:t={}}={}){return this._updateSize(t),Promise.resolve({latest:!0,url:this.getSVGSynchronous()})}getCanvas({resolution:t=1,size:e={}}={}){return this._updateSize(e),new Promise(e=>{this.exporter.getCanvas(this.renderer,t,e)})}getPNG({resolution:t=1,size:e={}}={}){return this._updateSize(e),new Promise(e=>{this.exporter.getPNGURL(this.renderer,t,(t,n)=>{e({latest:n,url:t})})})}getSize(){return{height:this.renderer.height,width:this.renderer.width}}_revertParent(t){const e=this.renderer.dom();e.parentNode!==t.originalParent&&(e.parentNode.removeChild(e),t.originalParent&&t.originalParent.appendChild(e))}_sendRenderError(t){this._revertParent(this.renderState),this.renderState.error=!0,this.trigger("error",[this,t])}optimisedRenderPreReflow(t=null){const e=this.renderer.dom();this.renderState={error:!1,originalParent:e.parentNode,processed:t};const n=this.renderState;e.isConnected||(n.originalParent&&n.originalParent.removeChild(e),e.ownerDocument.body.appendChild(e));try{n.processed||(n.processed=this.process(this.code)),this.renderer.optimisedRenderPreReflow(n.processed)}catch(t){this._sendRenderError(t)}}optimisedRenderReflow(){try{this.renderState.error||this.renderer.optimisedRenderReflow()}catch(t){this._sendRenderError(t)}}optimisedRenderPostReflow(){const t=this.renderState;try{t.error||this.renderer.optimisedRenderPostReflow(t.processed)}catch(t){this._sendRenderError(t)}this.renderState=null,t.error||(this._revertParent(t),this.latestProcessed=t.processed,this.trigger("render",[this]))}render(t=null){function e(t,e){n=e}let n=null;if(this.addEventListener("error",e),this.optimisedRenderPreReflow(t),this.optimisedRenderReflow(),this.optimisedRenderPostReflow(),this.removeEventListener("error",e),n)throw n}setContainer(t=null){const e=this.dom();e.parentNode&&e.parentNode.removeChild(e),t&&t.appendChild(e)}addInteractivity(){this.isInteractive||(this.isInteractive=!0,this.addEventListener("click",t=>{this.toggleCollapsed(t.ln)}))}extractCodeFromSVG(t){return st(t)}renderAll(t){return rt(t)}dom(){return this.renderer.dom()}}Object.assign(nn,{Exporter:At,Generator:Gt,Parser:oe,Renderer:Le,addTheme:function(t){_e.push(t)},convert:at,convertAll:function(t=null,e="sequence-diagram"){let n=null,s=null;"string"==typeof t?(n=null,s=t):(n=t,s=e);let r=null;r=n&&void 0!==n.length?n:(n||window.document).getElementsByClassName(s);const i=[];for(let t=0;t<r.length;++t)i.push(r[t]);at(i)},extractCodeFromSVG:st,getDefaultThemeNames:function(){return _e.map(t=>t.name)},registerCodeMirrorMode:nt,renderAll:rt,themes:_e});const sn={SequenceDiagram:nn};"undefined"!=typeof exports?Object.assign(exports,sn):window.define&&window.define.amd?(Object.assign(nn,sn),window.define(()=>nn)):(window.document.addEventListener("DOMContentLoaded",()=>{nn.convertAll()},{once:!0}),window.CodeMirror&&nn.registerCodeMirrorMode(window.CodeMirror),Object.assign(window,sn))}();
\ No newline at end of file
diff --git a/lib/sequence-diagram.js b/lib/sequence-diagram.js
index a8fd05a..02ae9ae 100644
--- a/lib/sequence-diagram.js
+++ b/lib/sequence-diagram.js
@@ -6984,6 +6984,8 @@
 		}
 	}
 
+	DOMWrapper.WrappedElement = WrappedElement;
+
 	function merge(state, newState) {
 		for(const k in state) {
 			if(Object.prototype.hasOwnProperty.call(state, k)) {
diff --git a/library.htm b/library.htm
index 46372fa..401ca58 100644
--- a/library.htm
+++ b/library.htm
@@ -14,6 +14,7 @@
 	img-src 'self';
 	form-action 'none';
 ">
+<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0">
 
 <title>Sequence Diagram Library</title>
 <link rel="icon" href="web/resources/favicon.png">
diff --git a/scripts/core/DOMWrapper.mjs b/scripts/core/DOMWrapper.mjs
index 21d543f..04b412c 100644
--- a/scripts/core/DOMWrapper.mjs
+++ b/scripts/core/DOMWrapper.mjs
@@ -204,3 +204,5 @@ export default class DOMWrapper {
 		return this.document.createTextNode(content);
 	}
 }
+
+DOMWrapper.WrappedElement = WrappedElement;
diff --git a/web/lib/editor.js b/web/lib/editor.js
index e8eb470..2a006f1 100644
--- a/web/lib/editor.js
+++ b/web/lib/editor.js
@@ -550,6 +550,8 @@
 		}
 	}
 
+	DOMWrapper.WrappedElement = WrappedElement;
+
 	/* eslint-disable max-lines */
 
 	const DELAY_AGENTCHANGE = 500;
@@ -636,14 +638,57 @@
 		return opts + uri + '.svg';
 	}
 
-	function makeSplit(require, nodes, options) {
+	function makeSplit(nodes, options) {
+		const filteredNodes = [];
+		const filteredOpts = {
+			direction: options.direction,
+			minSize: [],
+			sizes: [],
+			snapOffset: options.snapOffset,
+		};
+
+		let total = 0;
+		for(let i = 0; i < nodes.length; ++ i) {
+			if(nodes[i]) {
+				filteredNodes.push(nodes[i]);
+				filteredOpts.minSize.push(options.minSize[i]);
+				filteredOpts.sizes.push(options.sizes[i]);
+				total += options.sizes[i];
+			}
+		}
+		for(let i = 0; i < filteredNodes.length; ++ i) {
+			filteredOpts.minSize[i] *= 100 / total;
+			filteredOpts.sizes[i] *= 100 / total;
+
+			const percent = filteredOpts.sizes[i] + '%';
+			if(filteredOpts.direction === 'vertical') {
+				nodes[i].styles({
+					boxSizing: 'border-box',
+					height: percent,
+					width: '100%',
+				});
+			} else {
+				nodes[i].styles({
+					boxSizing: 'border-box',
+					display: 'inline-block',
+					height: '100%',
+					verticalAlign: 'top', // Safari fix
+					width: percent,
+				});
+			}
+		}
+
+		if(filteredNodes.length < 2) {
+			return;
+		}
+
 		// Load on demand for progressive enhancement
 		// (failure to load external module will not block functionality)
-		require(['split'], (Split) => {
+		options.require(['split'], (Split) => {
 			// Patches for:
 			// https://github.com/nathancahill/Split.js/issues/97
 			// https://github.com/nathancahill/Split.js/issues/111
-			const parent = nodes[0].parentNode;
+			const parent = nodes[0].element.parentNode;
 			const oldAEL = parent.addEventListener;
 			const oldREL = parent.removeEventListener;
 			parent.addEventListener = (event, callback) => {
@@ -662,25 +707,34 @@
 			};
 
 			let oldCursor = null;
-			const resolvedOptions = Object.assign({
-				cursor: (options.direction === 'vertical') ?
-					'row-resize' : 'col-resize',
-				direction: 'vertical',
-				gutterSize: 0,
-				onDragEnd: () => {
-					document.body.style.cursor = oldCursor;
-					oldCursor = null;
-				},
-				onDragStart: () => {
-					oldCursor = document.body.style.cursor;
-					document.body.style.cursor = resolvedOptions.cursor;
-				},
-			}, options);
+			const cursor = (filteredOpts.direction === 'vertical') ?
+				'row-resize' : 'col-resize';
 
-			return new Split(nodes, resolvedOptions);
+			return new Split(
+				filteredNodes.map((node) => node.element),
+				Object.assign({
+					cursor,
+					direction: 'vertical',
+					gutterSize: 0,
+					onDragEnd: () => {
+						document.body.style.cursor = oldCursor;
+						oldCursor = null;
+					},
+					onDragStart: () => {
+						oldCursor = document.body.style.cursor;
+						document.body.style.cursor = cursor;
+					},
+				}, filteredOpts)
+			);
 		});
 	}
 
+	DOMWrapper.WrappedElement.prototype.split = function(nodes, options) {
+		this.add(nodes);
+		makeSplit(nodes, options);
+		return this;
+	};
+
 	function hasDroppedFile(event, mime) {
 		if(!event.dataTransfer.items && event.dataTransfer.files.length === 0) {
 			// Work around Safari not supporting dataTransfer.items
@@ -714,6 +768,35 @@
 		});
 	}
 
+	DOMWrapper.WrappedElement.prototype.fastClick = function() {
+		const pt = {x: -1, y: 0};
+		return this
+			.on('touchstart', (e) => {
+				const [touch] = e.touches;
+				pt.x = touch.pageX;
+				pt.y = touch.pageY;
+			})
+			.on('touchend', (e) => {
+				if(
+					pt.x === -1 ||
+					e.touches.length !== 0 ||
+					e.changedTouches.length !== 1
+				) {
+					pt.x = -1;
+					return;
+				}
+				const [touch] = e.changedTouches;
+				if(
+					Math.abs(pt.x - touch.pageX) < 10 &&
+					Math.abs(pt.y - touch.pageY) < 10
+				) {
+					e.preventDefault();
+					e.target.click();
+				}
+				pt.x = -1;
+			});
+	};
+
 	class Interface {
 		constructor({
 			sequenceDiagram,
@@ -722,6 +805,7 @@
 			library = [],
 			links = [],
 			require = null,
+			touchUI = false,
 		}) {
 			this.diagram = sequenceDiagram;
 			this.defaultCode = defaultCode;
@@ -730,6 +814,7 @@
 			this.links = links;
 			this.minScale = 1.5;
 			this.require = require || (() => null);
+			this.touchUI = touchUI;
 
 			this.debounced = null;
 			this.latestSeq = null;
@@ -743,7 +828,6 @@
 			this._downloadPNGClick = this._downloadPNGClick.bind(this);
 			this._downloadPNGFocus = this._downloadPNGFocus.bind(this);
 			this._downloadURLClick = this._downloadURLClick.bind(this);
-			this._showDropStyle = this._showDropStyle.bind(this);
 			this._hideDropStyle = this._hideDropStyle.bind(this);
 
 			this.diagram
@@ -808,14 +892,21 @@
 				});
 
 			const copy = this.dom.el('button').setClass('copy')
-				.add('\uD83D\uDCCB')
 				.attr('title', 'Copy to clipboard')
+				.fastClick()
 				.on('click', () => {
+					if(this.touchUI) {
+						this.urlOutput.styles({display: 'block'});
+					}
 					this.urlOutput
 						.focus()
 						.select(0, this.urlOutput.element.value.length)
 						.element.ownerDocument.execCommand('copy');
 					copy.focus();
+					this.container.delClass('keyinput');
+					if(this.touchUI) {
+						this.urlOutput.styles({display: 'none'});
+					}
 					copied.styles({
 						'display': 'block',
 						'opacity': 1,
@@ -870,7 +961,7 @@
 				copied
 			);
 
-			this.urlBuilder = this.dom.el('div').setClass('urlbuilder')
+			const urlBuilder = this.dom.el('div').setClass('urlbuilder')
 				.styles({'display': 'none'})
 				.add(
 					this.dom.el('div').setClass('message')
@@ -887,17 +978,17 @@
 						path = relativePath;
 					}
 					this.renderService = new URL(path, window.location.href).href;
-					this.urlBuilder.empty().add(urlOpts);
+					urlBuilder.empty().add(urlOpts);
 					this._refreshURL();
 				})
 				.catch(() => {
-					this.urlBuilder.empty().add(
+					urlBuilder.empty().add(
 						this.dom.el('div').setClass('message')
 							.add('No online rendering service available.')
 					);
 				});
 
-			return this.urlBuilder;
+			return urlBuilder;
 		}
 
 		_refreshURL() {
@@ -913,22 +1004,33 @@
 				return;
 			}
 			this.builderVisible = true;
-			this.urlBuilder.styles({
-				'display': 'block',
-				'height': '0px',
-				'padding': '0px',
-				'width': this.optsHold.element.clientWidth + 'px',
-			});
+			if(this.touchUI) {
+				this.urlBuilder.styles({
+					'bottom': '-210px',
+					'display': 'block',
+				});
+			} else {
+				this.urlBuilder.styles({
+					'display': 'block',
+					'height': '0px',
+					'padding': '0px',
+					'width': this.optsHold.element.clientWidth + 'px',
+				});
+			}
 			clearTimeout(this.builderTm);
 			this.builderTm = setTimeout(() => {
-				this.urlBuilder.styles({
-					'height': '150px',
-					'padding': '10px',
-					'width': '400px',
-				});
-				this.optsHold.styles({
-					'box-shadow': '10px 10px 25px 12px rgba(0,0,0,0.3)',
-				});
+				if(this.touchUI) {
+					this.urlBuilder.styles({'bottom': 0});
+				} else {
+					this.urlBuilder.styles({
+						'height': '150px',
+						'padding': '10px',
+						'width': '400px',
+					});
+					this.optsHold.styles({
+						'box-shadow': '10px 10px 25px 12px rgba(0,0,0,0.3)',
+					});
+				}
 			}, 0);
 
 			this._refreshURL();
@@ -939,14 +1041,21 @@
 				return;
 			}
 			this.builderVisible = false;
-			this.urlBuilder.styles({
-				'height': '0px',
-				'padding': '0px',
-				'width': '0px',
-			});
-			this.optsHold.styles({
-				'box-shadow': 'none',
-			});
+			if(this.touchUI) {
+				this.urlBuilder.styles({
+					'bottom': (-this.urlBuilder.element.clientHeight - 60) + 'px',
+				});
+			} else {
+				this.urlBuilder.styles({
+					'height': '0px',
+					'padding': '0px',
+					'width': '0px',
+				});
+				this.optsHold.styles({
+					'box-shadow': 'none',
+				});
+			}
+			this.container.delClass('keyinput');
 			clearTimeout(this.builderTm);
 			this.builderTm = setTimeout(() => {
 				this.urlBuilder.styles({'display': 'none'});
@@ -955,12 +1064,14 @@
 
 		buildOptionsDownloads() {
 			this.downloadPNG = this.dom.el('a')
-				.text('Download PNG')
+				.text('Export PNG')
 				.attrs({
 					'download': 'SequenceDiagram.png',
 					'href': '#',
 				})
 				.on(['focus', 'mouseover', 'mousedown'], this._downloadPNGFocus)
+				// Exploit delay between touchend and click on mobile
+				.on('touchend', this._downloadPNGFocus)
 				.on('click', this._downloadPNGClick);
 
 			this.downloadSVG = this.dom.el('a')
@@ -969,18 +1080,22 @@
 					'download': 'SequenceDiagram.svg',
 					'href': '#',
 				})
+				.fastClick()
 				.on('click', this._downloadSVGClick);
 
 			this.downloadURL = this.dom.el('a')
 				.text('URL')
 				.attrs({'href': '#'})
+				.fastClick()
 				.on('click', this._downloadURLClick);
 
+			this.urlBuilder = this.buildURLBuilder();
+
 			this.optsHold = this.dom.el('div').setClass('options downloads').add(
 				this.downloadPNG,
 				this.downloadSVG,
 				this.downloadURL,
-				this.buildURLBuilder()
+				this.urlBuilder
 			);
 
 			return this.optsHold;
@@ -994,6 +1109,7 @@
 				const hold = this.dom.el('div')
 					.setClass('library-item')
 					.add(holdInner)
+					.fastClick()
 					.on('click', this.addCodeBlock.bind(this, lib.code))
 					.attach(container);
 
@@ -1017,10 +1133,33 @@
 			return container;
 		}
 
+		buildCodePane() {
+			this.code = this.dom.el('textarea')
+				.setClass('editor-simple')
+				.val(this.loadCode() || this.defaultCode)
+				.on('input', () => this.update(false));
+
+			return this.dom.el('div').setClass('pane-code')
+				.add(this.code);
+		}
+
+		buildLibPane() {
+			if(this.library.length === 0) {
+				return null;
+			}
+
+			return this.dom.el('div').setClass('pane-library')
+				.add(this.dom.el('div').setClass('pane-library-scroller')
+					.add(this.buildLibrary(
+						this.dom.el('div').setClass('pane-library-inner')
+					)));
+		}
+
 		buildViewPane() {
 			this.viewPaneInner = this.dom.el('div').setClass('pane-view-inner')
 				.add(this.diagram.dom())
-				.on('click', () => this._hideURLBuilder());
+				.on('touchstart', () => this._hideURLBuilder())
+				.on('mousedown', () => this._hideURLBuilder());
 
 			this.errorMsg = this.dom.el('div').setClass('msg-error');
 
@@ -1032,53 +1171,10 @@
 				);
 		}
 
-		buildLeftPanes() {
-			const container = this.dom.el('div').setClass('pane-side');
-
-			this.code = this.dom.el('textarea')
-				.setClass('editor-simple')
-				.val(this.loadCode() || this.defaultCode)
-				.on('input', () => this.update(false));
-
-			const codePane = this.dom.el('div').setClass('pane-code')
-				.add(this.code)
-				.attach(container);
-
-			if(this.library.length > 0) {
-				const libPane = this.dom.el('div').setClass('pane-library')
-					.add(this.dom.el('div').setClass('pane-library-scroller')
-						.add(this.buildLibrary(
-							this.dom.el('div').setClass('pane-library-inner')
-						)))
-					.attach(container);
-
-				makeSplit(this.require, [codePane.element, libPane.element], {
-					direction: 'vertical',
-					minSize: [100, 5],
-					sizes: [70, 30],
-					snapOffset: 5,
-				});
-			}
-
-			return container;
-		}
-
 		build(container) {
 			this.dom = new DOMWrapper(container.ownerDocument);
-			const lPane = this.buildLeftPanes();
-			const viewPane = this.buildViewPane();
 
 			this.container = this.dom.wrap(container)
-				.add(this.dom.el('div').setClass('pane-hold')
-					.add(
-						lPane,
-						viewPane,
-						this.dom.el('div').setClass('options links')
-							.add(this.links.map((link) => this.dom.el('a')
-								.attrs({'href': link.href, 'target': '_blank'})
-								.text(link.label))),
-						this.buildOptionsDownloads()
-					))
 				.on('dragover', (event) => {
 					event.preventDefault();
 					if(hasDroppedFile(event, 'image/svg+xml')) {
@@ -1097,14 +1193,66 @@
 					if(file) {
 						this.loadFile(file);
 					}
-				});
+				})
+				.on('focusin', () => this.container.addClass('keyinput'))
+				.on('focusout', () => this.container.delClass('keyinput'));
 
-			makeSplit(this.require, [lPane.element, viewPane.element], {
-				direction: 'horizontal',
-				minSize: [10, 10],
-				sizes: [30, 70],
-				snapOffset: 70,
-			});
+			const codePane = this.buildCodePane();
+			const libPane = this.buildLibPane();
+			const viewPane = this.buildViewPane();
+
+			const links = this.links.map((link) => this.dom.el('a')
+				.attrs({'href': link.href, 'target': '_blank'})
+				.text(this.touchUI ? link.touchLabel : link.label));
+
+			if(this.touchUI) {
+				this.buildOptionsDownloads();
+				this.container
+					.addClass('touch')
+					.add(
+						this.dom.el('div').setClass('pane-hold')
+							.split([viewPane, codePane], {
+								direction: 'vertical',
+								minSize: [10, 10],
+								require: this.require,
+								sizes: [80, 20],
+								snapOffset: 20,
+							}),
+						libPane.styles({'display': 'none', 'top': '100%'}),
+						this.urlBuilder,
+						this.dom.el('div').setClass('optbar')
+							.add(
+								...links,
+								this.downloadPNG.text('PNG'),
+								this.downloadSVG.text('SVG'),
+								this.downloadURL.text('URL')
+							)
+					);
+			} else {
+				this.container
+					.add(
+						this.dom.el('div').setClass('pane-hold')
+							.split([
+								this.dom.el('div').setClass('pane-side')
+									.split([codePane, libPane], {
+										direction: 'vertical',
+										minSize: [100, 5],
+										require: this.require,
+										sizes: [70, 30],
+										snapOffset: 5,
+									}),
+								viewPane,
+							], {
+								direction: 'horizontal',
+								minSize: [10, 10],
+								require: this.require,
+								sizes: [30, 70],
+								snapOffset: 70,
+							}),
+						this.dom.el('div').setClass('options links').add(links),
+						this.buildOptionsDownloads()
+					);
+			}
 
 			if(typeof window !== 'undefined') {
 				window.addEventListener('keydown', (e) => {
@@ -1389,6 +1537,8 @@
 					});
 				});
 
+				code.on('focus', () => this._hideURLBuilder());
+
 				code.on('cursorActivity', () => {
 					const from = code.getCursor('from').line;
 					const to = code.getCursor('to').line;
@@ -1468,9 +1618,11 @@
 		const linkElements = nav.getElementsByTagName('a');
 		const links = [];
 		for(let i = 0; i < linkElements.length; ++ i) {
+			const element = linkElements[i];
 			links.push({
-				href: linkElements[i].getAttribute('href'),
-				label: linkElements[i].textContent,
+				href: element.getAttribute('href'),
+				label: element.textContent,
+				touchLabel: element.dataset.touch,
 			});
 		}
 
@@ -1481,6 +1633,7 @@
 			localStorage: 'src',
 			require,
 			sequenceDiagram: new SequenceDiagram(),
+			touchUI: ('ontouchstart' in window),
 		});
 		loader.parentNode.removeChild(loader);
 		ui.build(window.document.body);
diff --git a/web/lib/editor.min.js b/web/lib/editor.min.js
index c957f97..805ec4a 100644
--- a/web/lib/editor.min.js
+++ b/web/lib/editor.min.js
@@ -1 +1 @@
-!function(){"use strict";function e(e){return null===e?null:e.element?e.element:e}function t(e){return e.length>0&&"\n"!==e.charAt(e.length-1)?e+"\n":e}function i(e,t){let i=0,n=0;for(;;){const s=e.indexOf("\n",i)+1;if(t<s||0===s)return{ch:t-i,line:n};i=s,++n}}function n(e,t){const i=e.toString(),n=i.indexOf(".");return-1===n||i.length-n-1<=t?i:e.toFixed(t)}function s(e,t,i){e(["split"],e=>{const n=t[0].parentNode,s=n.addEventListener,r=n.removeEventListener;n.addEventListener=((e,t)=>{"mousemove"===e||"touchmove"===e?window.addEventListener(e,t,{passive:!0}):s.call(n,e,t)}),n.removeEventListener=((e,t)=>{"mousemove"===e||"touchmove"===e?window.removeEventListener(e,t):r.call(n,e,t)});let o=null;const l=Object.assign({cursor:"vertical"===i.direction?"row-resize":"col-resize",direction:"vertical",gutterSize:0,onDragEnd:()=>{document.body.style.cursor=o,o=null},onDragStart:()=>{o=document.body.style.cursor,document.body.style.cursor=l.cursor}},i);return new e(t,l)})}var r=[{code:"{Agent1} -> {Agent2}: {Message}",title:"Simple arrow (synchronous)"},{code:"{Agent1} --\x3e {Agent2}: {Message}",title:"Arrow with dotted line (response)"},{code:"{Agent1} ->> {Agent2}: {Message}",title:"Open arrow (asynchronous)"},{code:"{Agent1} -x {Agent2}: {Message}",title:"Lost message"},{code:"{Agent1} ~> {Agent2}: {Message}",title:"Wavy line"},{code:"{Agent1} -> {Agent1}: {Message}",title:"Self-connection"},{code:"{Agent1} -> ...{id}\n...{id} -> {Agent2}: {Message}",preview:"begin A, B\nA -> ...x\n...x -> B: Message",title:"Asynchronous message"},{code:"* -> {Agent1}: {Message}",title:"Found message"},{code:"{Agent1} -> {Agent2}\n& {Agent1} -> {Agent3}: {Broadcast}",title:"Broadcast message"},{code:"{Agent1} -> +{Agent2}: {Request}\n{Agent1} <-- -{Agent2}: {Response}",title:"Request/response pair"},{code:"{Agent1} -> *{Agent2}: {Request}\n{Agent1} <-- !{Agent2}: {Response}",title:"Inline agent creation / destruction"},{code:"{Agent1} -> {Agent2}: {Request}\n{Agent1} <-- {Agent2}: {Response}\nend {Agent2}",preview:"begin A\n::\nA -> B: Request\nA <-- B: Response\nend B",title:"Agent creation / destruction"},{code:'autolabel "[<inc>] <label>"',preview:'autolabel "[<inc>] <label>"\nA -> B: Foo\nA <- B: Bar\nA -> B: Baz',title:"Numbered labels"},{code:"if {Condition1}\n  {Agent1} -> {Agent2}\nelse if {Condition2}\n  {Agent1} -> {Agent2}\nelse\n  {Agent1} -> {Agent2}\nend",preview:"begin A, B\nif Condition1\n  A -> B\nelse if Condition2\n  A -> B\nelse\n  A -> B\nend",title:"Conditional blocks"},{code:"repeat {Condition}\n  {Agent1} -> {Agent2}\nend",preview:"begin A, B\nrepeat Condition\n  A -> B\nend",title:"Repeated block"},{code:"begin reference: {Label} as {Name}\n{Agent1} -> {Name}\nend {Name}",preview:'begin A\nbegin reference: "See 1.3" as myRef\nA -> myRef\nmyRef -> A\nend myRef',title:"Reference"},{code:"begin reference over {Covered}: {Label} as {Name}\n{Agent1} -> {Name}\nend {Name}",preview:'begin A, B, C\nbegin reference over B, C: "See 1.3" as myRef\nA -> myRef\nmyRef -> A\nend myRef',title:"Reference over agents"},{code:"group {Label}\n  {Agent1} -> {Agent2}\nend",preview:"begin A, B\ngroup Label\n  A -> B\nend",title:"Group"},{code:"note over {Agent1}: {Message}",title:"Note over agent"},{code:"note over {Agent1}, {Agent2}: {Message}",title:"Note over multiple agents"},{code:"note left of {Agent1}: {Message}",title:"Note left of agent"},{code:"note right of {Agent1}: {Message}",title:"Note right of agent"},{code:"note between {Agent1}, {Agent2}: {Message}",title:"Note between agents"},{code:"{Agent1} -> {Agent2}\n& note right of {Agent2}: {Message}",title:"Inline note"},{code:"state over {Agent1}: {State}",title:"State over agent"},{code:"[ -> {Agent1}: {Message1}\n{Agent1} -> ]: {Message2}",title:"Arrows to/from the sides"},{code:"text right: {Message}",preview:'A -> B\nsimultaneously:\ntext right: "Message\\non the\\nside"',title:"Text beside the diagram"},{code:"divider space with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider space with height 30: message",title:"Vertical space divider"},{code:"divider line with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider line with height 30: message",title:"Line divider"},{code:"divider delay with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider delay with height 30: message",title:"Delay divider"},{code:"divider tear with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider tear with height 30: message",title:"Tear divider"},{code:"title {Title}",preview:"headers box\ntitle Title\nA -> B",title:"Title"},{code:"**{text}**",preview:"A -> B: **bold**",title:"Bold markdown"},{code:"_{text}_",preview:"A -> B: _italic_",title:"Italic markdown"},{code:"~{text}~",preview:"A -> B: ~strikeout~",title:"Strikeout markdown"},{code:"<u>{text}</u>",preview:"A -> B: <u>underline</u>",title:"Underline markdown"},{code:"<o>{text}</o>",preview:"A -> B: <o>overline</o>",title:"Overline markdown"},{code:"<sup>{text}</sup>",preview:"A -> B: super<sup>script</sup>",title:"Superscript markdown"},{code:"<sub>{text}</sub>",preview:"A -> B: sub<sub>script</sub>",title:"Subscript markdown"},{code:"`{text}`",preview:"A -> B: `mono`",title:"Monospace markdown"},{code:"<red>{text}</red>",preview:"A -> B: <red>red</red>",title:"Red markdown"},{code:"<highlight>{text}</highlight>",preview:"A -> B: <highlight>highlight</highlight>",title:"Highlight markdown"},{code:"{Agent} is red",preview:"headers box\nA is red\nbegin A",title:"Red agent line"},{code:"{Agent} is a database",preview:"headers box\nA is a database\nbegin A",title:"Database indicator"},{code:"theme monospace",preview:"headers box\ntitle mono\ntheme monospace\nA -> B",title:"Monospace theme"},{code:"theme chunky",preview:"headers box\ntitle chunky\ntheme chunky\nA -> B",title:"Chunky theme"},{code:"theme sketch",preview:"headers box\ntitle sketch\ntheme sketch\nA -> B",title:"Sketch theme"},{code:"terminators cross",preview:"begin A\nterminators cross",title:"Cross terminators"},{code:"terminators fade",preview:"begin A\nterminators fade",title:"Fade terminators"},{code:"terminators bar",preview:"begin A\nterminators bar",title:"Bar terminators"},{code:"terminators box",preview:"begin A\nterminators box",title:"Box terminators"}];class o{constructor(e){this.element=e}addBefore(t=null,i=null){if(null===t)return this;if(Array.isArray(t))for(const e of t)this.addBefore(e,i);else{const n=function(e,t){return"string"==typeof e?t.createTextNode(e):"number"==typeof e?t.createTextNode(e.toString(10)):"object"==typeof e&&e.element?e.element:e}(t,this.element.ownerDocument);this.element.insertBefore(n,e(i))}return this}add(...e){return this.addBefore(e,null)}del(t=null){return null!==t&&this.element.removeChild(e(t)),this}attr(e,t){return this.element.setAttribute(e,t),this}attrs(e){for(const t in e)Object.prototype.hasOwnProperty.call(e,t)&&this.element.setAttribute(t,e[t]);return this}styles(e){for(const t in e)Object.prototype.hasOwnProperty.call(e,t)&&(this.element.style[t]=e[t]);return this}setClass(e){return this.attr("class",e)}addClass(e){const t=this.element.getAttribute("class");if(!t)return this.setClass(e);const i=t.split(" ");return i.includes(e)?this:(i.push(e),this.attr("class",i.join(" ")))}delClass(e){const t=this.element.getAttribute("class");if(!t)return this;const i=t.split(" "),n=i.indexOf(e);return-1!==n&&(i.splice(n,1),this.attr("class",i.join(" "))),this}text(e){return this.element.textContent=e,this}on(e,t,i={}){if(Array.isArray(e))for(const n of e)this.on(n,t,i);else this.element.addEventListener(e,t,i);return this}off(e,t,i={}){if(Array.isArray(e))for(const n of e)this.off(n,t,i);else this.element.removeEventListener(e,t,i);return this}val(e){return this.element.value=e,this}select(e,t=null){return this.element.selectionStart=e,this.element.selectionEnd=null===t?e:t,this}focus(){return this.element.focus(),this}focussed(){return this.element===this.element.ownerDocument.activeElement}empty(){for(;this.element.childNodes.length>0;)this.element.removeChild(this.element.lastChild);return this}attach(t){return e(t).appendChild(this.element),this}detach(){return this.element.parentNode&&this.element.parentNode.removeChild(this.element),this}}class l{constructor(e){if(!e)throw new Error("Missing document!");this.document=e,this.wrap=this.wrap.bind(this),this.el=this.el.bind(this),this.txt=this.txt.bind(this)}wrap(e){return e.element?e:new o(e)}el(e,t=null){let i=null;return i=null===t?this.document.createElement(e):this.document.createElementNS(t,e),new o(i)}txt(e=""){return this.document.createTextNode(e)}}const d=500,a=250,h=4;var c=window.SequenceDiagram;const u=window.requirejs,m={},g={},p=window.document.getElementsByTagName("meta");for(let e=0;e<p.length;++e){const t=p[e],i=t.getAttribute("name");if(i&&i.startsWith("cdn-")){const e=i.substr("cdn-".length);let n=t.getAttribute("content");n.endsWith(".mjs")?n=n.substr(0,n.length-".mjs".length):n.endsWith(".js")&&(n=n.substr(0,n.length-".js".length)),m[e]=n;const s=t.getAttribute("data-integrity");s&&(g[e]=s)}}u.config({hashes:g,onNodeCreated:(e,t,i)=>{t.hashes[i]&&(e.setAttribute("integrity",t.hashes[i]),e.setAttribute("crossorigin","anonymous"))},paths:m});window.addEventListener("load",()=>{const e=window.document.getElementById("loader"),[o]=e.getElementsByTagName("nav"),m=o.getElementsByTagName("a"),g=[];for(let e=0;e<m.length;++e)g.push({href:m[e].getAttribute("href"),label:m[e].textContent});const p=new class{constructor({sequenceDiagram:e,defaultCode:t="",localStorage:i="",library:n=[],links:s=[],require:r=null}){this.diagram=e,this.defaultCode=t,this.localStorage=i,this.library=n,this.links=s,this.minScale=1.5,this.require=r||(()=>null),this.debounced=null,this.latestSeq=null,this.renderedSeq=null,this.pngDirty=!0,this.updatingPNG=!1,this.marker=null,this._downloadSVGClick=this._downloadSVGClick.bind(this),this._downloadPNGClick=this._downloadPNGClick.bind(this),this._downloadPNGFocus=this._downloadPNGFocus.bind(this),this._downloadURLClick=this._downloadURLClick.bind(this),this._showDropStyle=this._showDropStyle.bind(this),this._hideDropStyle=this._hideDropStyle.bind(this),this.diagram.on("render",()=>{this.updateMinSize(this.diagram.getSize()),this.pngDirty=!0}).on("mouseover",e=>{this.marker&&this.marker.clear(),void 0!==e.ln&&this.code.markText&&(this.marker=this.code.markText({ch:0,line:e.ln},{ch:0,line:e.ln+1},{className:"hover",clearOnEnter:!0,inclusiveLeft:!1,inclusiveRight:!1}))}).on("mouseout",()=>{this.marker&&(this.marker.clear(),this.marker=null)}).on("click",e=>{this.marker&&(this.marker.clear(),this.marker=null),void 0!==e.ln&&this.code.setSelection&&(this.code.setSelection({ch:0,line:e.ln},{ch:0,line:e.ln+1},{bias:-1,origin:"+focus"}),this.code.focus()),this._hideURLBuilder()}).on("dblclick",e=>{this.diagram.toggleCollapsed(e.ln),this._hideURLBuilder()})}buildURLBuilder(){const e=this.dom.el("div").setClass("copied").add("Copied to Clipboard");this.urlOutput=this.dom.el("input").setClass("output").attr("readonly","readonly").on("focus",()=>{this.urlOutput.select(0,this.urlOutput.element.value.length)});const t=this.dom.el("button").setClass("copy").add("📋").attr("title","Copy to clipboard").on("click",()=>{this.urlOutput.focus().select(0,this.urlOutput.element.value.length).element.ownerDocument.execCommand("copy"),t.focus(),e.styles({display:"block",opacity:1,transition:"none"}),setTimeout(()=>e.styles({opacity:0,transition:"opacity 0.5s linear"}),1e3),setTimeout(()=>e.styles({display:"none"}),1500)});this.urlWidth=this.dom.el("input").attrs({min:0,placeholder:"auto",step:"any",type:"number"}).on("input",()=>{this.urlZoom.val("1"),this._refreshURL()}),this.urlHeight=this.dom.el("input").attrs({min:0,placeholder:"auto",step:"any",type:"number"}).on("input",()=>{this.urlZoom.val("1"),this._refreshURL()}),this.urlZoom=this.dom.el("input").attrs({min:0,step:"any",type:"number",value:1}).on("input",()=>{this.urlWidth.val(""),this.urlHeight.val(""),this._refreshURL()});const i=this.dom.el("div").setClass("config").add(this.dom.el("label").add("width ",this.urlWidth),", ",this.dom.el("label").add("height ",this.urlHeight),this.dom.el("span").setClass("or").add("or"),this.dom.el("label").add("zoom ",this.urlZoom),this.urlOutput,t,e);return this.urlBuilder=this.dom.el("div").setClass("urlbuilder").styles({display:"none"}).add(this.dom.el("div").setClass("message").add("Loading…")),this.renderService="",function(e){return"undefined"==typeof fetch?Promise.reject(new Error):fetch(e).then(e=>{if(!e.ok)throw new Error(e.statusText);return e})}("render/").then(e=>e.text()).then(e=>{let t=e.trim();t&&!t.startsWith("<svg")||(t="render/"),this.renderService=new URL(t,window.location.href).href,this.urlBuilder.empty().add(i),this._refreshURL()}).catch(()=>{this.urlBuilder.empty().add(this.dom.el("div").setClass("message").add("No online rendering service available."))}),this.urlBuilder}_refreshURL(){this.urlOutput.val(this.renderService+function(e,{height:t,width:i,zoom:s}){const r=e.split("\n").map(encodeURIComponent).filter(e=>""!==e).join("/");let o="";return Number.isNaN(i)&&Number.isNaN(t)?Number.isNaN(s)||1===s||(o+="z"+n(Math.max(s,0),4),o+="/"):(Number.isNaN(i)||(o+="w"+n(Math.max(i,0),4)),Number.isNaN(t)||(o+="h"+n(Math.max(t,0),4)),o+="/"),o+r+".svg"}(this.value(),{height:Number.parseFloat(this.urlHeight.element.value),width:Number.parseFloat(this.urlWidth.element.value),zoom:Number.parseFloat(this.urlZoom.element.value||"1")}))}_showURLBuilder(){this.builderVisible||(this.builderVisible=!0,this.urlBuilder.styles({display:"block",height:"0px",padding:"0px",width:this.optsHold.element.clientWidth+"px"}),clearTimeout(this.builderTm),this.builderTm=setTimeout(()=>{this.urlBuilder.styles({height:"150px",padding:"10px",width:"400px"}),this.optsHold.styles({"box-shadow":"10px 10px 25px 12px rgba(0,0,0,0.3)"})},0),this._refreshURL())}_hideURLBuilder(){this.builderVisible&&(this.builderVisible=!1,this.urlBuilder.styles({height:"0px",padding:"0px",width:"0px"}),this.optsHold.styles({"box-shadow":"none"}),clearTimeout(this.builderTm),this.builderTm=setTimeout(()=>{this.urlBuilder.styles({display:"none"})},200))}buildOptionsDownloads(){return this.downloadPNG=this.dom.el("a").text("Download PNG").attrs({download:"SequenceDiagram.png",href:"#"}).on(["focus","mouseover","mousedown"],this._downloadPNGFocus).on("click",this._downloadPNGClick),this.downloadSVG=this.dom.el("a").text("SVG").attrs({download:"SequenceDiagram.svg",href:"#"}).on("click",this._downloadSVGClick),this.downloadURL=this.dom.el("a").text("URL").attrs({href:"#"}).on("click",this._downloadURLClick),this.optsHold=this.dom.el("div").setClass("options downloads").add(this.downloadPNG,this.downloadSVG,this.downloadURL,this.buildURLBuilder()),this.optsHold}buildLibrary(e){const t=this.library.map(t=>{const i=this.dom.el("div").attr("title",t.title||t.code),n=this.dom.el("div").setClass("library-item").add(i).on("click",this.addCodeBlock.bind(this,t.code)).attach(e);return this.diagram.clone({code:function(e){return"headers fade\nterminators fade\n"+e.replace(/\{Agent([0-9]*)\}/g,(e,t)=>void 0===t?"A":String.fromCharCode("A".charCodeAt(0)+Number(t)-1)).replace(/[{}]/g,"")}(t.preview||t.code),container:i.element,render:!1}).on("error",(e,s)=>{window.console.warn("Failed to render preview",s),n.attr("class","library-item broken"),i.text(t.code)})});try{this.diagram.renderAll(t)}catch(e){}return e}buildViewPane(){return this.viewPaneInner=this.dom.el("div").setClass("pane-view-inner").add(this.diagram.dom()).on("click",()=>this._hideURLBuilder()),this.errorMsg=this.dom.el("div").setClass("msg-error"),this.dom.el("div").setClass("pane-view").add(this.dom.el("div").setClass("pane-view-scroller").add(this.viewPaneInner),this.errorMsg)}buildLeftPanes(){const e=this.dom.el("div").setClass("pane-side");this.code=this.dom.el("textarea").setClass("editor-simple").val(this.loadCode()||this.defaultCode).on("input",()=>this.update(!1));const t=this.dom.el("div").setClass("pane-code").add(this.code).attach(e);if(this.library.length>0){const i=this.dom.el("div").setClass("pane-library").add(this.dom.el("div").setClass("pane-library-scroller").add(this.buildLibrary(this.dom.el("div").setClass("pane-library-inner")))).attach(e);s(this.require,[t.element,i.element],{direction:"vertical",minSize:[100,5],sizes:[70,30],snapOffset:5})}return e}build(e){this.dom=new l(e.ownerDocument);const t=this.buildLeftPanes(),i=this.buildViewPane();this.container=this.dom.wrap(e).add(this.dom.el("div").setClass("pane-hold").add(t,i,this.dom.el("div").setClass("options links").add(this.links.map(e=>this.dom.el("a").attrs({href:e.href,target:"_blank"}).text(e.label))),this.buildOptionsDownloads())).on("dragover",e=>{e.preventDefault(),function(e,t){if(!e.dataTransfer.items&&0===e.dataTransfer.files.length)return[...e.dataTransfer.types].includes("Files");const i=e.dataTransfer.items||e.dataTransfer.files;return 1===i.length&&i[0].type===t}(e,"image/svg+xml")?(e.dataTransfer.dropEffect="copy",this._showDropStyle()):e.dataTransfer.dropEffect="none"}).on("dragleave",this._hideDropStyle).on("dragend",this._hideDropStyle).on("drop",e=>{e.preventDefault(),this._hideDropStyle();const t=function(e,t){const i=e.dataTransfer.items||e.dataTransfer.files;if(1!==i.length||i[0].type!==t)return null;const[n]=i;return n.getAsFile?n.getAsFile():n}(e,"image/svg+xml");t&&this.loadFile(t)}),s(this.require,[t.element,i.element],{direction:"horizontal",minSize:[10,10],sizes:[30,70],snapOffset:70}),"undefined"!=typeof window&&window.addEventListener("keydown",e=>{27===e.keyCode&&this._hideURLBuilder()}),setTimeout(this.update.bind(this),0),this._enhanceEditor()}addCodeBlock(e){const i=e.split("\n").length;if(this.code.getCursor){const n=this.code.getCursor("head"),s={ch:0,line:n.line+(n.ch>0?1:0)};this.code.replaceRange(t(e),s,null,"library"),this.code.setCursor({ch:0,line:s.line+i})}else{const i=this.value(),n=this.code.element.selectionStart,s=("\n"+i+"\n").indexOf("\n",n),r=t(i.substr(0,s))+t(e);this.code.val(r+i.substr(s)).select(r.length),this.update(!1)}this.code.focus()}updateMinSize({width:e,height:t}){this.viewPaneInner.styles({minHeight:Math.ceil(t*this.minScale)+"px",minWidth:Math.ceil(e*this.minScale)+"px"})}redrawDebounced(e,t){t<=0?this.redraw(e):(clearTimeout(this.debounced),this.latestSeq=e,this.debounced=setTimeout(()=>this.redraw(e),t))}redraw(e){clearTimeout(this.debounced),this.debounced=null,this.renderedSeq=e,this.diagram.render(e)}saveCode(e){if(this.localStorage)try{window.localStorage.setItem(this.localStorage,e)}catch(e){}}loadCode(){if(!this.localStorage)return"";try{return window.localStorage.getItem(this.localStorage)||""}catch(e){return""}}markError(e){"object"==typeof e&&e.message?this.errorMsg.text(e.message):this.errorMsg.text(e),this.errorMsg.addClass("error")}markOK(){this.errorMsg.text("").delClass("error")}value(){return this.code.getDoc?this.code.getDoc().getValue():this.code.element.value}setValue(e){if(this.code.getDoc){const t=this.code.getDoc();t.setValue(e),t.clearHistory()}else this.code.val(e);this.diagram.expandAll({render:!1}),this.update(!0),this.diagram.setHighlight(null)}loadFile(e){return function(e){return new Promise(t=>{const i=new FileReader;i.addEventListener("loadend",()=>{t(i.result)},{once:!0}),i.readAsText(e)})}(e).then(e=>{const t=this.diagram.extractCodeFromSVG(e);t&&this.setValue(t)})}update(e=!0){this._hideURLBuilder();const t=this.value();this.saveCode(t);let i=null;try{i=this.diagram.process(t)}catch(e){return void this.markError(e)}this.markOK();let n=0;if(!e&&this.renderedSeq){const e=this.renderedSeq;i.agents.length!==e.agents.length?n=d:i.stages.length!==e.stages.length&&(n=a)}this.redrawDebounced(i,n)}forceRender(){this.debounced&&(clearTimeout(this.debounced),this.redraw(this.latestSeq))}updatePNGLink(){return this.forceRender(),!(this.updatingPNG||!this.pngDirty||(this.pngDirty=!1,this.updatingPNG=!0,this.diagram.getPNG({resolution:h}).then(({url:e,latest:t})=>{t&&(this.downloadPNG.attr("href",e),this.updatingPNG=!1)}),0))}_showDropStyle(){this.container.addClass("drop-target")}_hideDropStyle(){this.container.delClass("drop-target")}_downloadPNGFocus(){this.updatePNGLink()}_downloadPNGClick(e){this.updatingPNG?e.preventDefault():this.updatePNGLink()&&e.preventDefault(),this._hideURLBuilder()}_downloadSVGClick(){this.forceRender();const e=this.diagram.getSVGSynchronous();this.downloadSVG.attr("href",e),this._hideURLBuilder()}_downloadURLClick(e){e.preventDefault(),this.builderVisible?this._hideURLBuilder():this._showURLBuilder()}_enhanceEditor(){this.require(["cm/lib/codemirror","cm/addon/hint/show-hint","cm/addon/edit/trailingspace","cm/addon/comment/comment"],e=>{this.diagram.registerCodeMirrorMode(e);const t=this.code.element.selectionStart,n=this.code.element.selectionEnd,s=this.code.element.value,r=this.code.focussed(),o=new e(this.code.element.parentNode,{extraKeys:{"Cmd-/":e=>e.toggleComment({padding:""}),"Cmd-Enter":"autocomplete","Ctrl-/":e=>e.toggleComment({padding:""}),"Ctrl-Enter":"autocomplete","Ctrl-Space":"autocomplete","Shift-Tab":e=>e.execCommand("indentLess"),Tab:e=>e.execCommand("indentMore")},globals:{themes:this.diagram.getThemeNames()},lineNumbers:!0,mode:"sequence",showTrailingSpace:!0,value:s});this.code.detach(),o.getDoc().setSelection(i(s,t),i(s,n));let l=0;o.on("keydown",(e,t)=>{l=t.keyCode}),o.on("change",(t,i)=>{if(this.update(!1),"+input"===i.origin){if(13===l)return void(l=0)}else if("complete"!==i.origin)return;e.commands.autocomplete(t,null,{completeSingle:!1})}),o.on("cursorActivity",()=>{const e=o.getCursor("from").line,t=o.getCursor("to").line;this.diagram.setHighlight(Math.min(e,t))}),r&&o.focus(),this.code=o})}}({defaultCode:'title Labyrinth\n\nBowie -> Goblin: You remind me of the babe\nGoblin -> Bowie: What babe?\nBowie -> Goblin: The babe with the power\nGoblin -> Bowie: What power?\nnote right of Bowie, Goblin: Most people get muddled here!\nBowie -> Goblin: "The power of voodoo"\nGoblin -> Bowie: "Who-do?"\nBowie -> Goblin: You do!\nGoblin -> Bowie: Do what?\nBowie -> Goblin: Remind me of the babe!\n\nBowie -> Audience: Sings\n\nterminators box\n',library:r,links:g,localStorage:"src",require:u,sequenceDiagram:new c});e.parentNode.removeChild(e),p.build(window.document.body)})}();
\ No newline at end of file
+!function(){"use strict";function e(e){return null===e?null:e.element?e.element:e}function t(e){return e.length>0&&"\n"!==e.charAt(e.length-1)?e+"\n":e}function i(e,t){let i=0,s=0;for(;;){const n=e.indexOf("\n",i)+1;if(t<n||0===n)return{ch:t-i,line:s};i=n,++s}}function s(e,t){const i=e.toString(),s=i.indexOf(".");return-1===s||i.length-s-1<=t?i:e.toFixed(t)}var n=[{code:"{Agent1} -> {Agent2}: {Message}",title:"Simple arrow (synchronous)"},{code:"{Agent1} --\x3e {Agent2}: {Message}",title:"Arrow with dotted line (response)"},{code:"{Agent1} ->> {Agent2}: {Message}",title:"Open arrow (asynchronous)"},{code:"{Agent1} -x {Agent2}: {Message}",title:"Lost message"},{code:"{Agent1} ~> {Agent2}: {Message}",title:"Wavy line"},{code:"{Agent1} -> {Agent1}: {Message}",title:"Self-connection"},{code:"{Agent1} -> ...{id}\n...{id} -> {Agent2}: {Message}",preview:"begin A, B\nA -> ...x\n...x -> B: Message",title:"Asynchronous message"},{code:"* -> {Agent1}: {Message}",title:"Found message"},{code:"{Agent1} -> {Agent2}\n& {Agent1} -> {Agent3}: {Broadcast}",title:"Broadcast message"},{code:"{Agent1} -> +{Agent2}: {Request}\n{Agent1} <-- -{Agent2}: {Response}",title:"Request/response pair"},{code:"{Agent1} -> *{Agent2}: {Request}\n{Agent1} <-- !{Agent2}: {Response}",title:"Inline agent creation / destruction"},{code:"{Agent1} -> {Agent2}: {Request}\n{Agent1} <-- {Agent2}: {Response}\nend {Agent2}",preview:"begin A\n::\nA -> B: Request\nA <-- B: Response\nend B",title:"Agent creation / destruction"},{code:'autolabel "[<inc>] <label>"',preview:'autolabel "[<inc>] <label>"\nA -> B: Foo\nA <- B: Bar\nA -> B: Baz',title:"Numbered labels"},{code:"if {Condition1}\n  {Agent1} -> {Agent2}\nelse if {Condition2}\n  {Agent1} -> {Agent2}\nelse\n  {Agent1} -> {Agent2}\nend",preview:"begin A, B\nif Condition1\n  A -> B\nelse if Condition2\n  A -> B\nelse\n  A -> B\nend",title:"Conditional blocks"},{code:"repeat {Condition}\n  {Agent1} -> {Agent2}\nend",preview:"begin A, B\nrepeat Condition\n  A -> B\nend",title:"Repeated block"},{code:"begin reference: {Label} as {Name}\n{Agent1} -> {Name}\nend {Name}",preview:'begin A\nbegin reference: "See 1.3" as myRef\nA -> myRef\nmyRef -> A\nend myRef',title:"Reference"},{code:"begin reference over {Covered}: {Label} as {Name}\n{Agent1} -> {Name}\nend {Name}",preview:'begin A, B, C\nbegin reference over B, C: "See 1.3" as myRef\nA -> myRef\nmyRef -> A\nend myRef',title:"Reference over agents"},{code:"group {Label}\n  {Agent1} -> {Agent2}\nend",preview:"begin A, B\ngroup Label\n  A -> B\nend",title:"Group"},{code:"note over {Agent1}: {Message}",title:"Note over agent"},{code:"note over {Agent1}, {Agent2}: {Message}",title:"Note over multiple agents"},{code:"note left of {Agent1}: {Message}",title:"Note left of agent"},{code:"note right of {Agent1}: {Message}",title:"Note right of agent"},{code:"note between {Agent1}, {Agent2}: {Message}",title:"Note between agents"},{code:"{Agent1} -> {Agent2}\n& note right of {Agent2}: {Message}",title:"Inline note"},{code:"state over {Agent1}: {State}",title:"State over agent"},{code:"[ -> {Agent1}: {Message1}\n{Agent1} -> ]: {Message2}",title:"Arrows to/from the sides"},{code:"text right: {Message}",preview:'A -> B\nsimultaneously:\ntext right: "Message\\non the\\nside"',title:"Text beside the diagram"},{code:"divider space with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider space with height 30: message",title:"Vertical space divider"},{code:"divider line with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider line with height 30: message",title:"Line divider"},{code:"divider delay with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider delay with height 30: message",title:"Delay divider"},{code:"divider tear with height 10: {message}",preview:"begin A, B, C, D, E, F\ndivider tear with height 30: message",title:"Tear divider"},{code:"title {Title}",preview:"headers box\ntitle Title\nA -> B",title:"Title"},{code:"**{text}**",preview:"A -> B: **bold**",title:"Bold markdown"},{code:"_{text}_",preview:"A -> B: _italic_",title:"Italic markdown"},{code:"~{text}~",preview:"A -> B: ~strikeout~",title:"Strikeout markdown"},{code:"<u>{text}</u>",preview:"A -> B: <u>underline</u>",title:"Underline markdown"},{code:"<o>{text}</o>",preview:"A -> B: <o>overline</o>",title:"Overline markdown"},{code:"<sup>{text}</sup>",preview:"A -> B: super<sup>script</sup>",title:"Superscript markdown"},{code:"<sub>{text}</sub>",preview:"A -> B: sub<sub>script</sub>",title:"Subscript markdown"},{code:"`{text}`",preview:"A -> B: `mono`",title:"Monospace markdown"},{code:"<red>{text}</red>",preview:"A -> B: <red>red</red>",title:"Red markdown"},{code:"<highlight>{text}</highlight>",preview:"A -> B: <highlight>highlight</highlight>",title:"Highlight markdown"},{code:"{Agent} is red",preview:"headers box\nA is red\nbegin A",title:"Red agent line"},{code:"{Agent} is a database",preview:"headers box\nA is a database\nbegin A",title:"Database indicator"},{code:"theme monospace",preview:"headers box\ntitle mono\ntheme monospace\nA -> B",title:"Monospace theme"},{code:"theme chunky",preview:"headers box\ntitle chunky\ntheme chunky\nA -> B",title:"Chunky theme"},{code:"theme sketch",preview:"headers box\ntitle sketch\ntheme sketch\nA -> B",title:"Sketch theme"},{code:"terminators cross",preview:"begin A\nterminators cross",title:"Cross terminators"},{code:"terminators fade",preview:"begin A\nterminators fade",title:"Fade terminators"},{code:"terminators bar",preview:"begin A\nterminators bar",title:"Bar terminators"},{code:"terminators box",preview:"begin A\nterminators box",title:"Box terminators"}];class o{constructor(e){this.element=e}addBefore(t=null,i=null){if(null===t)return this;if(Array.isArray(t))for(const e of t)this.addBefore(e,i);else{const s=function(e,t){return"string"==typeof e?t.createTextNode(e):"number"==typeof e?t.createTextNode(e.toString(10)):"object"==typeof e&&e.element?e.element:e}(t,this.element.ownerDocument);this.element.insertBefore(s,e(i))}return this}add(...e){return this.addBefore(e,null)}del(t=null){return null!==t&&this.element.removeChild(e(t)),this}attr(e,t){return this.element.setAttribute(e,t),this}attrs(e){for(const t in e)Object.prototype.hasOwnProperty.call(e,t)&&this.element.setAttribute(t,e[t]);return this}styles(e){for(const t in e)Object.prototype.hasOwnProperty.call(e,t)&&(this.element.style[t]=e[t]);return this}setClass(e){return this.attr("class",e)}addClass(e){const t=this.element.getAttribute("class");if(!t)return this.setClass(e);const i=t.split(" ");return i.includes(e)?this:(i.push(e),this.attr("class",i.join(" ")))}delClass(e){const t=this.element.getAttribute("class");if(!t)return this;const i=t.split(" "),s=i.indexOf(e);return-1!==s&&(i.splice(s,1),this.attr("class",i.join(" "))),this}text(e){return this.element.textContent=e,this}on(e,t,i={}){if(Array.isArray(e))for(const s of e)this.on(s,t,i);else this.element.addEventListener(e,t,i);return this}off(e,t,i={}){if(Array.isArray(e))for(const s of e)this.off(s,t,i);else this.element.removeEventListener(e,t,i);return this}val(e){return this.element.value=e,this}select(e,t=null){return this.element.selectionStart=e,this.element.selectionEnd=null===t?e:t,this}focus(){return this.element.focus(),this}focussed(){return this.element===this.element.ownerDocument.activeElement}empty(){for(;this.element.childNodes.length>0;)this.element.removeChild(this.element.lastChild);return this}attach(t){return e(t).appendChild(this.element),this}detach(){return this.element.parentNode&&this.element.parentNode.removeChild(this.element),this}}class r{constructor(e){if(!e)throw new Error("Missing document!");this.document=e,this.wrap=this.wrap.bind(this),this.el=this.el.bind(this),this.txt=this.txt.bind(this)}wrap(e){return e.element?e:new o(e)}el(e,t=null){let i=null;return i=null===t?this.document.createElement(e):this.document.createElementNS(t,e),new o(i)}txt(e=""){return this.document.createTextNode(e)}}r.WrappedElement=o;const l=500,d=250,a=4;r.WrappedElement.prototype.split=function(e,t){return this.add(e),function(e,t){const i=[],s={direction:t.direction,minSize:[],sizes:[],snapOffset:t.snapOffset};let n=0;for(let o=0;o<e.length;++o)e[o]&&(i.push(e[o]),s.minSize.push(t.minSize[o]),s.sizes.push(t.sizes[o]),n+=t.sizes[o]);for(let t=0;t<i.length;++t){s.minSize[t]*=100/n,s.sizes[t]*=100/n;const i=s.sizes[t]+"%";"vertical"===s.direction?e[t].styles({boxSizing:"border-box",height:i,width:"100%"}):e[t].styles({boxSizing:"border-box",display:"inline-block",height:"100%",verticalAlign:"top",width:i})}i.length<2||t.require(["split"],t=>{const n=e[0].element.parentNode,o=n.addEventListener,r=n.removeEventListener;n.addEventListener=((e,t)=>{"mousemove"===e||"touchmove"===e?window.addEventListener(e,t,{passive:!0}):o.call(n,e,t)}),n.removeEventListener=((e,t)=>{"mousemove"===e||"touchmove"===e?window.removeEventListener(e,t):r.call(n,e,t)});let l=null;const d="vertical"===s.direction?"row-resize":"col-resize";return new t(i.map(e=>e.element),Object.assign({cursor:d,direction:"vertical",gutterSize:0,onDragEnd:()=>{document.body.style.cursor=l,l=null},onDragStart:()=>{l=document.body.style.cursor,document.body.style.cursor=d}},s))})}(e,t),this},r.WrappedElement.prototype.fastClick=function(){const e={x:-1,y:0};return this.on("touchstart",t=>{const[i]=t.touches;e.x=i.pageX,e.y=i.pageY}).on("touchend",t=>{if(-1===e.x||0!==t.touches.length||1!==t.changedTouches.length)return void(e.x=-1);const[i]=t.changedTouches;Math.abs(e.x-i.pageX)<10&&Math.abs(e.y-i.pageY)<10&&(t.preventDefault(),t.target.click()),e.x=-1})};var h=window.SequenceDiagram;const c=window.requirejs,u={},m={},g=window.document.getElementsByTagName("meta");for(let e=0;e<g.length;++e){const t=g[e],i=t.getAttribute("name");if(i&&i.startsWith("cdn-")){const e=i.substr("cdn-".length);let s=t.getAttribute("content");s.endsWith(".mjs")?s=s.substr(0,s.length-".mjs".length):s.endsWith(".js")&&(s=s.substr(0,s.length-".js".length)),u[e]=s;const n=t.getAttribute("data-integrity");n&&(m[e]=n)}}c.config({hashes:m,onNodeCreated:(e,t,i)=>{t.hashes[i]&&(e.setAttribute("integrity",t.hashes[i]),e.setAttribute("crossorigin","anonymous"))},paths:u});window.addEventListener("load",()=>{const e=window.document.getElementById("loader"),[o]=e.getElementsByTagName("nav"),u=o.getElementsByTagName("a"),m=[];for(let e=0;e<u.length;++e){const t=u[e];m.push({href:t.getAttribute("href"),label:t.textContent,touchLabel:t.dataset.touch})}const g=new class{constructor({sequenceDiagram:e,defaultCode:t="",localStorage:i="",library:s=[],links:n=[],require:o=null,touchUI:r=!1}){this.diagram=e,this.defaultCode=t,this.localStorage=i,this.library=s,this.links=n,this.minScale=1.5,this.require=o||(()=>null),this.touchUI=r,this.debounced=null,this.latestSeq=null,this.renderedSeq=null,this.pngDirty=!0,this.updatingPNG=!1,this.marker=null,this._downloadSVGClick=this._downloadSVGClick.bind(this),this._downloadPNGClick=this._downloadPNGClick.bind(this),this._downloadPNGFocus=this._downloadPNGFocus.bind(this),this._downloadURLClick=this._downloadURLClick.bind(this),this._hideDropStyle=this._hideDropStyle.bind(this),this.diagram.on("render",()=>{this.updateMinSize(this.diagram.getSize()),this.pngDirty=!0}).on("mouseover",e=>{this.marker&&this.marker.clear(),void 0!==e.ln&&this.code.markText&&(this.marker=this.code.markText({ch:0,line:e.ln},{ch:0,line:e.ln+1},{className:"hover",clearOnEnter:!0,inclusiveLeft:!1,inclusiveRight:!1}))}).on("mouseout",()=>{this.marker&&(this.marker.clear(),this.marker=null)}).on("click",e=>{this.marker&&(this.marker.clear(),this.marker=null),void 0!==e.ln&&this.code.setSelection&&(this.code.setSelection({ch:0,line:e.ln},{ch:0,line:e.ln+1},{bias:-1,origin:"+focus"}),this.code.focus()),this._hideURLBuilder()}).on("dblclick",e=>{this.diagram.toggleCollapsed(e.ln),this._hideURLBuilder()})}buildURLBuilder(){const e=this.dom.el("div").setClass("copied").add("Copied to Clipboard");this.urlOutput=this.dom.el("input").setClass("output").attr("readonly","readonly").on("focus",()=>{this.urlOutput.select(0,this.urlOutput.element.value.length)});const t=this.dom.el("button").setClass("copy").attr("title","Copy to clipboard").fastClick().on("click",()=>{this.touchUI&&this.urlOutput.styles({display:"block"}),this.urlOutput.focus().select(0,this.urlOutput.element.value.length).element.ownerDocument.execCommand("copy"),t.focus(),this.container.delClass("keyinput"),this.touchUI&&this.urlOutput.styles({display:"none"}),e.styles({display:"block",opacity:1,transition:"none"}),setTimeout(()=>e.styles({opacity:0,transition:"opacity 0.5s linear"}),1e3),setTimeout(()=>e.styles({display:"none"}),1500)});this.urlWidth=this.dom.el("input").attrs({min:0,placeholder:"auto",step:"any",type:"number"}).on("input",()=>{this.urlZoom.val("1"),this._refreshURL()}),this.urlHeight=this.dom.el("input").attrs({min:0,placeholder:"auto",step:"any",type:"number"}).on("input",()=>{this.urlZoom.val("1"),this._refreshURL()}),this.urlZoom=this.dom.el("input").attrs({min:0,step:"any",type:"number",value:1}).on("input",()=>{this.urlWidth.val(""),this.urlHeight.val(""),this._refreshURL()});const i=this.dom.el("div").setClass("config").add(this.dom.el("label").add("width ",this.urlWidth),", ",this.dom.el("label").add("height ",this.urlHeight),this.dom.el("span").setClass("or").add("or"),this.dom.el("label").add("zoom ",this.urlZoom),this.urlOutput,t,e),s=this.dom.el("div").setClass("urlbuilder").styles({display:"none"}).add(this.dom.el("div").setClass("message").add("Loading…"));return this.renderService="",function(e){return"undefined"==typeof fetch?Promise.reject(new Error):fetch(e).then(e=>{if(!e.ok)throw new Error(e.statusText);return e})}("render/").then(e=>e.text()).then(e=>{let t=e.trim();t&&!t.startsWith("<svg")||(t="render/"),this.renderService=new URL(t,window.location.href).href,s.empty().add(i),this._refreshURL()}).catch(()=>{s.empty().add(this.dom.el("div").setClass("message").add("No online rendering service available."))}),s}_refreshURL(){this.urlOutput.val(this.renderService+function(e,{height:t,width:i,zoom:n}){const o=e.split("\n").map(encodeURIComponent).filter(e=>""!==e).join("/");let r="";return Number.isNaN(i)&&Number.isNaN(t)?Number.isNaN(n)||1===n||(r+="z"+s(Math.max(n,0),4),r+="/"):(Number.isNaN(i)||(r+="w"+s(Math.max(i,0),4)),Number.isNaN(t)||(r+="h"+s(Math.max(t,0),4)),r+="/"),r+o+".svg"}(this.value(),{height:Number.parseFloat(this.urlHeight.element.value),width:Number.parseFloat(this.urlWidth.element.value),zoom:Number.parseFloat(this.urlZoom.element.value||"1")}))}_showURLBuilder(){this.builderVisible||(this.builderVisible=!0,this.touchUI?this.urlBuilder.styles({bottom:"-210px",display:"block"}):this.urlBuilder.styles({display:"block",height:"0px",padding:"0px",width:this.optsHold.element.clientWidth+"px"}),clearTimeout(this.builderTm),this.builderTm=setTimeout(()=>{this.touchUI?this.urlBuilder.styles({bottom:0}):(this.urlBuilder.styles({height:"150px",padding:"10px",width:"400px"}),this.optsHold.styles({"box-shadow":"10px 10px 25px 12px rgba(0,0,0,0.3)"}))},0),this._refreshURL())}_hideURLBuilder(){this.builderVisible&&(this.builderVisible=!1,this.touchUI?this.urlBuilder.styles({bottom:-this.urlBuilder.element.clientHeight-60+"px"}):(this.urlBuilder.styles({height:"0px",padding:"0px",width:"0px"}),this.optsHold.styles({"box-shadow":"none"})),this.container.delClass("keyinput"),clearTimeout(this.builderTm),this.builderTm=setTimeout(()=>{this.urlBuilder.styles({display:"none"})},200))}buildOptionsDownloads(){return this.downloadPNG=this.dom.el("a").text("Export PNG").attrs({download:"SequenceDiagram.png",href:"#"}).on(["focus","mouseover","mousedown"],this._downloadPNGFocus).on("touchend",this._downloadPNGFocus).on("click",this._downloadPNGClick),this.downloadSVG=this.dom.el("a").text("SVG").attrs({download:"SequenceDiagram.svg",href:"#"}).fastClick().on("click",this._downloadSVGClick),this.downloadURL=this.dom.el("a").text("URL").attrs({href:"#"}).fastClick().on("click",this._downloadURLClick),this.urlBuilder=this.buildURLBuilder(),this.optsHold=this.dom.el("div").setClass("options downloads").add(this.downloadPNG,this.downloadSVG,this.downloadURL,this.urlBuilder),this.optsHold}buildLibrary(e){const t=this.library.map(t=>{const i=this.dom.el("div").attr("title",t.title||t.code),s=this.dom.el("div").setClass("library-item").add(i).fastClick().on("click",this.addCodeBlock.bind(this,t.code)).attach(e);return this.diagram.clone({code:function(e){return"headers fade\nterminators fade\n"+e.replace(/\{Agent([0-9]*)\}/g,(e,t)=>void 0===t?"A":String.fromCharCode("A".charCodeAt(0)+Number(t)-1)).replace(/[{}]/g,"")}(t.preview||t.code),container:i.element,render:!1}).on("error",(e,n)=>{window.console.warn("Failed to render preview",n),s.attr("class","library-item broken"),i.text(t.code)})});try{this.diagram.renderAll(t)}catch(e){}return e}buildCodePane(){return this.code=this.dom.el("textarea").setClass("editor-simple").val(this.loadCode()||this.defaultCode).on("input",()=>this.update(!1)),this.dom.el("div").setClass("pane-code").add(this.code)}buildLibPane(){return 0===this.library.length?null:this.dom.el("div").setClass("pane-library").add(this.dom.el("div").setClass("pane-library-scroller").add(this.buildLibrary(this.dom.el("div").setClass("pane-library-inner"))))}buildViewPane(){return this.viewPaneInner=this.dom.el("div").setClass("pane-view-inner").add(this.diagram.dom()).on("touchstart",()=>this._hideURLBuilder()).on("mousedown",()=>this._hideURLBuilder()),this.errorMsg=this.dom.el("div").setClass("msg-error"),this.dom.el("div").setClass("pane-view").add(this.dom.el("div").setClass("pane-view-scroller").add(this.viewPaneInner),this.errorMsg)}build(e){this.dom=new r(e.ownerDocument),this.container=this.dom.wrap(e).on("dragover",e=>{e.preventDefault(),function(e,t){if(!e.dataTransfer.items&&0===e.dataTransfer.files.length)return[...e.dataTransfer.types].includes("Files");const i=e.dataTransfer.items||e.dataTransfer.files;return 1===i.length&&i[0].type===t}(e,"image/svg+xml")?(e.dataTransfer.dropEffect="copy",this._showDropStyle()):e.dataTransfer.dropEffect="none"}).on("dragleave",this._hideDropStyle).on("dragend",this._hideDropStyle).on("drop",e=>{e.preventDefault(),this._hideDropStyle();const t=function(e,t){const i=e.dataTransfer.items||e.dataTransfer.files;if(1!==i.length||i[0].type!==t)return null;const[s]=i;return s.getAsFile?s.getAsFile():s}(e,"image/svg+xml");t&&this.loadFile(t)}).on("focusin",()=>this.container.addClass("keyinput")).on("focusout",()=>this.container.delClass("keyinput"));const t=this.buildCodePane(),i=this.buildLibPane(),s=this.buildViewPane(),n=this.links.map(e=>this.dom.el("a").attrs({href:e.href,target:"_blank"}).text(this.touchUI?e.touchLabel:e.label));this.touchUI?(this.buildOptionsDownloads(),this.container.addClass("touch").add(this.dom.el("div").setClass("pane-hold").split([s,t],{direction:"vertical",minSize:[10,10],require:this.require,sizes:[80,20],snapOffset:20}),i.styles({display:"none",top:"100%"}),this.urlBuilder,this.dom.el("div").setClass("optbar").add(...n,this.downloadPNG.text("PNG"),this.downloadSVG.text("SVG"),this.downloadURL.text("URL")))):this.container.add(this.dom.el("div").setClass("pane-hold").split([this.dom.el("div").setClass("pane-side").split([t,i],{direction:"vertical",minSize:[100,5],require:this.require,sizes:[70,30],snapOffset:5}),s],{direction:"horizontal",minSize:[10,10],require:this.require,sizes:[30,70],snapOffset:70}),this.dom.el("div").setClass("options links").add(n),this.buildOptionsDownloads()),"undefined"!=typeof window&&window.addEventListener("keydown",e=>{27===e.keyCode&&this._hideURLBuilder()}),setTimeout(this.update.bind(this),0),this._enhanceEditor()}addCodeBlock(e){const i=e.split("\n").length;if(this.code.getCursor){const s=this.code.getCursor("head"),n={ch:0,line:s.line+(s.ch>0?1:0)};this.code.replaceRange(t(e),n,null,"library"),this.code.setCursor({ch:0,line:n.line+i})}else{const i=this.value(),s=this.code.element.selectionStart,n=("\n"+i+"\n").indexOf("\n",s),o=t(i.substr(0,n))+t(e);this.code.val(o+i.substr(n)).select(o.length),this.update(!1)}this.code.focus()}updateMinSize({width:e,height:t}){this.viewPaneInner.styles({minHeight:Math.ceil(t*this.minScale)+"px",minWidth:Math.ceil(e*this.minScale)+"px"})}redrawDebounced(e,t){t<=0?this.redraw(e):(clearTimeout(this.debounced),this.latestSeq=e,this.debounced=setTimeout(()=>this.redraw(e),t))}redraw(e){clearTimeout(this.debounced),this.debounced=null,this.renderedSeq=e,this.diagram.render(e)}saveCode(e){if(this.localStorage)try{window.localStorage.setItem(this.localStorage,e)}catch(e){}}loadCode(){if(!this.localStorage)return"";try{return window.localStorage.getItem(this.localStorage)||""}catch(e){return""}}markError(e){"object"==typeof e&&e.message?this.errorMsg.text(e.message):this.errorMsg.text(e),this.errorMsg.addClass("error")}markOK(){this.errorMsg.text("").delClass("error")}value(){return this.code.getDoc?this.code.getDoc().getValue():this.code.element.value}setValue(e){if(this.code.getDoc){const t=this.code.getDoc();t.setValue(e),t.clearHistory()}else this.code.val(e);this.diagram.expandAll({render:!1}),this.update(!0),this.diagram.setHighlight(null)}loadFile(e){return function(e){return new Promise(t=>{const i=new FileReader;i.addEventListener("loadend",()=>{t(i.result)},{once:!0}),i.readAsText(e)})}(e).then(e=>{const t=this.diagram.extractCodeFromSVG(e);t&&this.setValue(t)})}update(e=!0){this._hideURLBuilder();const t=this.value();this.saveCode(t);let i=null;try{i=this.diagram.process(t)}catch(e){return void this.markError(e)}this.markOK();let s=0;if(!e&&this.renderedSeq){const e=this.renderedSeq;i.agents.length!==e.agents.length?s=l:i.stages.length!==e.stages.length&&(s=d)}this.redrawDebounced(i,s)}forceRender(){this.debounced&&(clearTimeout(this.debounced),this.redraw(this.latestSeq))}updatePNGLink(){return this.forceRender(),!(this.updatingPNG||!this.pngDirty||(this.pngDirty=!1,this.updatingPNG=!0,this.diagram.getPNG({resolution:a}).then(({url:e,latest:t})=>{t&&(this.downloadPNG.attr("href",e),this.updatingPNG=!1)}),0))}_showDropStyle(){this.container.addClass("drop-target")}_hideDropStyle(){this.container.delClass("drop-target")}_downloadPNGFocus(){this.updatePNGLink()}_downloadPNGClick(e){this.updatingPNG?e.preventDefault():this.updatePNGLink()&&e.preventDefault(),this._hideURLBuilder()}_downloadSVGClick(){this.forceRender();const e=this.diagram.getSVGSynchronous();this.downloadSVG.attr("href",e),this._hideURLBuilder()}_downloadURLClick(e){e.preventDefault(),this.builderVisible?this._hideURLBuilder():this._showURLBuilder()}_enhanceEditor(){this.require(["cm/lib/codemirror","cm/addon/hint/show-hint","cm/addon/edit/trailingspace","cm/addon/comment/comment"],e=>{this.diagram.registerCodeMirrorMode(e);const t=this.code.element.selectionStart,s=this.code.element.selectionEnd,n=this.code.element.value,o=this.code.focussed(),r=new e(this.code.element.parentNode,{extraKeys:{"Cmd-/":e=>e.toggleComment({padding:""}),"Cmd-Enter":"autocomplete","Ctrl-/":e=>e.toggleComment({padding:""}),"Ctrl-Enter":"autocomplete","Ctrl-Space":"autocomplete","Shift-Tab":e=>e.execCommand("indentLess"),Tab:e=>e.execCommand("indentMore")},globals:{themes:this.diagram.getThemeNames()},lineNumbers:!0,mode:"sequence",showTrailingSpace:!0,value:n});this.code.detach(),r.getDoc().setSelection(i(n,t),i(n,s));let l=0;r.on("keydown",(e,t)=>{l=t.keyCode}),r.on("change",(t,i)=>{if(this.update(!1),"+input"===i.origin){if(13===l)return void(l=0)}else if("complete"!==i.origin)return;e.commands.autocomplete(t,null,{completeSingle:!1})}),r.on("focus",()=>this._hideURLBuilder()),r.on("cursorActivity",()=>{const e=r.getCursor("from").line,t=r.getCursor("to").line;this.diagram.setHighlight(Math.min(e,t))}),o&&r.focus(),this.code=r})}}({defaultCode:'title Labyrinth\n\nBowie -> Goblin: You remind me of the babe\nGoblin -> Bowie: What babe?\nBowie -> Goblin: The babe with the power\nGoblin -> Bowie: What power?\nnote right of Bowie, Goblin: Most people get muddled here!\nBowie -> Goblin: "The power of voodoo"\nGoblin -> Bowie: "Who-do?"\nBowie -> Goblin: You do!\nGoblin -> Bowie: Do what?\nBowie -> Goblin: Remind me of the babe!\n\nBowie -> Audience: Sings\n\nterminators box\n',library:n,links:m,localStorage:"src",require:c,sequenceDiagram:new h,touchUI:"ontouchstart"in window});e.parentNode.removeChild(e),g.build(window.document.body)})}();
\ No newline at end of file
diff --git a/web/scripts/editor.mjs b/web/scripts/editor.mjs
index d2c2fdd..d1be57b 100644
--- a/web/scripts/editor.mjs
+++ b/web/scripts/editor.mjs
@@ -28,9 +28,11 @@ window.addEventListener('load', () => {
 	const linkElements = nav.getElementsByTagName('a');
 	const links = [];
 	for(let i = 0; i < linkElements.length; ++ i) {
+		const element = linkElements[i];
 		links.push({
-			href: linkElements[i].getAttribute('href'),
-			label: linkElements[i].textContent,
+			href: element.getAttribute('href'),
+			label: element.textContent,
+			touchLabel: element.dataset.touch,
 		});
 	}
 
@@ -41,6 +43,7 @@ window.addEventListener('load', () => {
 		localStorage: 'src',
 		require,
 		sequenceDiagram: new SequenceDiagram(),
+		touchUI: ('ontouchstart' in window),
 	});
 	loader.parentNode.removeChild(loader);
 	ui.build(window.document.body);
diff --git a/web/scripts/interface/Interface.mjs b/web/scripts/interface/Interface.mjs
index 9138f77..a6494b4 100644
--- a/web/scripts/interface/Interface.mjs
+++ b/web/scripts/interface/Interface.mjs
@@ -86,14 +86,57 @@ function makeURL(code, {height, width, zoom}) {
 	return opts + uri + '.svg';
 }
 
-function makeSplit(require, nodes, options) {
+function makeSplit(nodes, options) {
+	const filteredNodes = [];
+	const filteredOpts = {
+		direction: options.direction,
+		minSize: [],
+		sizes: [],
+		snapOffset: options.snapOffset,
+	};
+
+	let total = 0;
+	for(let i = 0; i < nodes.length; ++ i) {
+		if(nodes[i]) {
+			filteredNodes.push(nodes[i]);
+			filteredOpts.minSize.push(options.minSize[i]);
+			filteredOpts.sizes.push(options.sizes[i]);
+			total += options.sizes[i];
+		}
+	}
+	for(let i = 0; i < filteredNodes.length; ++ i) {
+		filteredOpts.minSize[i] *= 100 / total;
+		filteredOpts.sizes[i] *= 100 / total;
+
+		const percent = filteredOpts.sizes[i] + '%';
+		if(filteredOpts.direction === 'vertical') {
+			nodes[i].styles({
+				boxSizing: 'border-box',
+				height: percent,
+				width: '100%',
+			});
+		} else {
+			nodes[i].styles({
+				boxSizing: 'border-box',
+				display: 'inline-block',
+				height: '100%',
+				verticalAlign: 'top', // Safari fix
+				width: percent,
+			});
+		}
+	}
+
+	if(filteredNodes.length < 2) {
+		return;
+	}
+
 	// Load on demand for progressive enhancement
 	// (failure to load external module will not block functionality)
-	require(['split'], (Split) => {
+	options.require(['split'], (Split) => {
 		// Patches for:
 		// https://github.com/nathancahill/Split.js/issues/97
 		// https://github.com/nathancahill/Split.js/issues/111
-		const parent = nodes[0].parentNode;
+		const parent = nodes[0].element.parentNode;
 		const oldAEL = parent.addEventListener;
 		const oldREL = parent.removeEventListener;
 		parent.addEventListener = (event, callback) => {
@@ -112,25 +155,34 @@ function makeSplit(require, nodes, options) {
 		};
 
 		let oldCursor = null;
-		const resolvedOptions = Object.assign({
-			cursor: (options.direction === 'vertical') ?
-				'row-resize' : 'col-resize',
-			direction: 'vertical',
-			gutterSize: 0,
-			onDragEnd: () => {
-				document.body.style.cursor = oldCursor;
-				oldCursor = null;
-			},
-			onDragStart: () => {
-				oldCursor = document.body.style.cursor;
-				document.body.style.cursor = resolvedOptions.cursor;
-			},
-		}, options);
+		const cursor = (filteredOpts.direction === 'vertical') ?
+			'row-resize' : 'col-resize';
 
-		return new Split(nodes, resolvedOptions);
+		return new Split(
+			filteredNodes.map((node) => node.element),
+			Object.assign({
+				cursor,
+				direction: 'vertical',
+				gutterSize: 0,
+				onDragEnd: () => {
+					document.body.style.cursor = oldCursor;
+					oldCursor = null;
+				},
+				onDragStart: () => {
+					oldCursor = document.body.style.cursor;
+					document.body.style.cursor = cursor;
+				},
+			}, filteredOpts)
+		);
 	});
 }
 
+DOMWrapper.WrappedElement.prototype.split = function(nodes, options) {
+	this.add(nodes);
+	makeSplit(nodes, options);
+	return this;
+};
+
 function hasDroppedFile(event, mime) {
 	if(!event.dataTransfer.items && event.dataTransfer.files.length === 0) {
 		// Work around Safari not supporting dataTransfer.items
@@ -164,6 +216,35 @@ function getFileContent(file) {
 	});
 }
 
+DOMWrapper.WrappedElement.prototype.fastClick = function() {
+	const pt = {x: -1, y: 0};
+	return this
+		.on('touchstart', (e) => {
+			const [touch] = e.touches;
+			pt.x = touch.pageX;
+			pt.y = touch.pageY;
+		})
+		.on('touchend', (e) => {
+			if(
+				pt.x === -1 ||
+				e.touches.length !== 0 ||
+				e.changedTouches.length !== 1
+			) {
+				pt.x = -1;
+				return;
+			}
+			const [touch] = e.changedTouches;
+			if(
+				Math.abs(pt.x - touch.pageX) < 10 &&
+				Math.abs(pt.y - touch.pageY) < 10
+			) {
+				e.preventDefault();
+				e.target.click();
+			}
+			pt.x = -1;
+		});
+};
+
 export default class Interface {
 	constructor({
 		sequenceDiagram,
@@ -172,6 +253,7 @@ export default class Interface {
 		library = [],
 		links = [],
 		require = null,
+		touchUI = false,
 	}) {
 		this.diagram = sequenceDiagram;
 		this.defaultCode = defaultCode;
@@ -180,6 +262,7 @@ export default class Interface {
 		this.links = links;
 		this.minScale = 1.5;
 		this.require = require || (() => null);
+		this.touchUI = touchUI;
 
 		this.debounced = null;
 		this.latestSeq = null;
@@ -193,7 +276,6 @@ export default class Interface {
 		this._downloadPNGClick = this._downloadPNGClick.bind(this);
 		this._downloadPNGFocus = this._downloadPNGFocus.bind(this);
 		this._downloadURLClick = this._downloadURLClick.bind(this);
-		this._showDropStyle = this._showDropStyle.bind(this);
 		this._hideDropStyle = this._hideDropStyle.bind(this);
 
 		this.diagram
@@ -258,14 +340,21 @@ export default class Interface {
 			});
 
 		const copy = this.dom.el('button').setClass('copy')
-			.add('\uD83D\uDCCB')
 			.attr('title', 'Copy to clipboard')
+			.fastClick()
 			.on('click', () => {
+				if(this.touchUI) {
+					this.urlOutput.styles({display: 'block'});
+				}
 				this.urlOutput
 					.focus()
 					.select(0, this.urlOutput.element.value.length)
 					.element.ownerDocument.execCommand('copy');
 				copy.focus();
+				this.container.delClass('keyinput');
+				if(this.touchUI) {
+					this.urlOutput.styles({display: 'none'});
+				}
 				copied.styles({
 					'display': 'block',
 					'opacity': 1,
@@ -320,7 +409,7 @@ export default class Interface {
 			copied
 		);
 
-		this.urlBuilder = this.dom.el('div').setClass('urlbuilder')
+		const urlBuilder = this.dom.el('div').setClass('urlbuilder')
 			.styles({'display': 'none'})
 			.add(
 				this.dom.el('div').setClass('message')
@@ -337,17 +426,17 @@ export default class Interface {
 					path = relativePath;
 				}
 				this.renderService = new URL(path, window.location.href).href;
-				this.urlBuilder.empty().add(urlOpts);
+				urlBuilder.empty().add(urlOpts);
 				this._refreshURL();
 			})
 			.catch(() => {
-				this.urlBuilder.empty().add(
+				urlBuilder.empty().add(
 					this.dom.el('div').setClass('message')
 						.add('No online rendering service available.')
 				);
 			});
 
-		return this.urlBuilder;
+		return urlBuilder;
 	}
 
 	_refreshURL() {
@@ -363,22 +452,33 @@ export default class Interface {
 			return;
 		}
 		this.builderVisible = true;
-		this.urlBuilder.styles({
-			'display': 'block',
-			'height': '0px',
-			'padding': '0px',
-			'width': this.optsHold.element.clientWidth + 'px',
-		});
+		if(this.touchUI) {
+			this.urlBuilder.styles({
+				'bottom': '-210px',
+				'display': 'block',
+			});
+		} else {
+			this.urlBuilder.styles({
+				'display': 'block',
+				'height': '0px',
+				'padding': '0px',
+				'width': this.optsHold.element.clientWidth + 'px',
+			});
+		}
 		clearTimeout(this.builderTm);
 		this.builderTm = setTimeout(() => {
-			this.urlBuilder.styles({
-				'height': '150px',
-				'padding': '10px',
-				'width': '400px',
-			});
-			this.optsHold.styles({
-				'box-shadow': '10px 10px 25px 12px rgba(0,0,0,0.3)',
-			});
+			if(this.touchUI) {
+				this.urlBuilder.styles({'bottom': 0});
+			} else {
+				this.urlBuilder.styles({
+					'height': '150px',
+					'padding': '10px',
+					'width': '400px',
+				});
+				this.optsHold.styles({
+					'box-shadow': '10px 10px 25px 12px rgba(0,0,0,0.3)',
+				});
+			}
 		}, 0);
 
 		this._refreshURL();
@@ -389,14 +489,21 @@ export default class Interface {
 			return;
 		}
 		this.builderVisible = false;
-		this.urlBuilder.styles({
-			'height': '0px',
-			'padding': '0px',
-			'width': '0px',
-		});
-		this.optsHold.styles({
-			'box-shadow': 'none',
-		});
+		if(this.touchUI) {
+			this.urlBuilder.styles({
+				'bottom': (-this.urlBuilder.element.clientHeight - 60) + 'px',
+			});
+		} else {
+			this.urlBuilder.styles({
+				'height': '0px',
+				'padding': '0px',
+				'width': '0px',
+			});
+			this.optsHold.styles({
+				'box-shadow': 'none',
+			});
+		}
+		this.container.delClass('keyinput');
 		clearTimeout(this.builderTm);
 		this.builderTm = setTimeout(() => {
 			this.urlBuilder.styles({'display': 'none'});
@@ -405,12 +512,14 @@ export default class Interface {
 
 	buildOptionsDownloads() {
 		this.downloadPNG = this.dom.el('a')
-			.text('Download PNG')
+			.text('Export PNG')
 			.attrs({
 				'download': 'SequenceDiagram.png',
 				'href': '#',
 			})
 			.on(['focus', 'mouseover', 'mousedown'], this._downloadPNGFocus)
+			// Exploit delay between touchend and click on mobile
+			.on('touchend', this._downloadPNGFocus)
 			.on('click', this._downloadPNGClick);
 
 		this.downloadSVG = this.dom.el('a')
@@ -419,18 +528,22 @@ export default class Interface {
 				'download': 'SequenceDiagram.svg',
 				'href': '#',
 			})
+			.fastClick()
 			.on('click', this._downloadSVGClick);
 
 		this.downloadURL = this.dom.el('a')
 			.text('URL')
 			.attrs({'href': '#'})
+			.fastClick()
 			.on('click', this._downloadURLClick);
 
+		this.urlBuilder = this.buildURLBuilder();
+
 		this.optsHold = this.dom.el('div').setClass('options downloads').add(
 			this.downloadPNG,
 			this.downloadSVG,
 			this.downloadURL,
-			this.buildURLBuilder()
+			this.urlBuilder
 		);
 
 		return this.optsHold;
@@ -444,6 +557,7 @@ export default class Interface {
 			const hold = this.dom.el('div')
 				.setClass('library-item')
 				.add(holdInner)
+				.fastClick()
 				.on('click', this.addCodeBlock.bind(this, lib.code))
 				.attach(container);
 
@@ -467,10 +581,33 @@ export default class Interface {
 		return container;
 	}
 
+	buildCodePane() {
+		this.code = this.dom.el('textarea')
+			.setClass('editor-simple')
+			.val(this.loadCode() || this.defaultCode)
+			.on('input', () => this.update(false));
+
+		return this.dom.el('div').setClass('pane-code')
+			.add(this.code);
+	}
+
+	buildLibPane() {
+		if(this.library.length === 0) {
+			return null;
+		}
+
+		return this.dom.el('div').setClass('pane-library')
+			.add(this.dom.el('div').setClass('pane-library-scroller')
+				.add(this.buildLibrary(
+					this.dom.el('div').setClass('pane-library-inner')
+				)));
+	}
+
 	buildViewPane() {
 		this.viewPaneInner = this.dom.el('div').setClass('pane-view-inner')
 			.add(this.diagram.dom())
-			.on('click', () => this._hideURLBuilder());
+			.on('touchstart', () => this._hideURLBuilder())
+			.on('mousedown', () => this._hideURLBuilder());
 
 		this.errorMsg = this.dom.el('div').setClass('msg-error');
 
@@ -482,53 +619,10 @@ export default class Interface {
 			);
 	}
 
-	buildLeftPanes() {
-		const container = this.dom.el('div').setClass('pane-side');
-
-		this.code = this.dom.el('textarea')
-			.setClass('editor-simple')
-			.val(this.loadCode() || this.defaultCode)
-			.on('input', () => this.update(false));
-
-		const codePane = this.dom.el('div').setClass('pane-code')
-			.add(this.code)
-			.attach(container);
-
-		if(this.library.length > 0) {
-			const libPane = this.dom.el('div').setClass('pane-library')
-				.add(this.dom.el('div').setClass('pane-library-scroller')
-					.add(this.buildLibrary(
-						this.dom.el('div').setClass('pane-library-inner')
-					)))
-				.attach(container);
-
-			makeSplit(this.require, [codePane.element, libPane.element], {
-				direction: 'vertical',
-				minSize: [100, 5],
-				sizes: [70, 30],
-				snapOffset: 5,
-			});
-		}
-
-		return container;
-	}
-
 	build(container) {
 		this.dom = new DOMWrapper(container.ownerDocument);
-		const lPane = this.buildLeftPanes();
-		const viewPane = this.buildViewPane();
 
 		this.container = this.dom.wrap(container)
-			.add(this.dom.el('div').setClass('pane-hold')
-				.add(
-					lPane,
-					viewPane,
-					this.dom.el('div').setClass('options links')
-						.add(this.links.map((link) => this.dom.el('a')
-							.attrs({'href': link.href, 'target': '_blank'})
-							.text(link.label))),
-					this.buildOptionsDownloads()
-				))
 			.on('dragover', (event) => {
 				event.preventDefault();
 				if(hasDroppedFile(event, 'image/svg+xml')) {
@@ -547,14 +641,66 @@ export default class Interface {
 				if(file) {
 					this.loadFile(file);
 				}
-			});
+			})
+			.on('focusin', () => this.container.addClass('keyinput'))
+			.on('focusout', () => this.container.delClass('keyinput'));
 
-		makeSplit(this.require, [lPane.element, viewPane.element], {
-			direction: 'horizontal',
-			minSize: [10, 10],
-			sizes: [30, 70],
-			snapOffset: 70,
-		});
+		const codePane = this.buildCodePane();
+		const libPane = this.buildLibPane();
+		const viewPane = this.buildViewPane();
+
+		const links = this.links.map((link) => this.dom.el('a')
+			.attrs({'href': link.href, 'target': '_blank'})
+			.text(this.touchUI ? link.touchLabel : link.label));
+
+		if(this.touchUI) {
+			this.buildOptionsDownloads();
+			this.container
+				.addClass('touch')
+				.add(
+					this.dom.el('div').setClass('pane-hold')
+						.split([viewPane, codePane], {
+							direction: 'vertical',
+							minSize: [10, 10],
+							require: this.require,
+							sizes: [80, 20],
+							snapOffset: 20,
+						}),
+					libPane.styles({'display': 'none', 'top': '100%'}),
+					this.urlBuilder,
+					this.dom.el('div').setClass('optbar')
+						.add(
+							...links,
+							this.downloadPNG.text('PNG'),
+							this.downloadSVG.text('SVG'),
+							this.downloadURL.text('URL')
+						)
+				);
+		} else {
+			this.container
+				.add(
+					this.dom.el('div').setClass('pane-hold')
+						.split([
+							this.dom.el('div').setClass('pane-side')
+								.split([codePane, libPane], {
+									direction: 'vertical',
+									minSize: [100, 5],
+									require: this.require,
+									sizes: [70, 30],
+									snapOffset: 5,
+								}),
+							viewPane,
+						], {
+							direction: 'horizontal',
+							minSize: [10, 10],
+							require: this.require,
+							sizes: [30, 70],
+							snapOffset: 70,
+						}),
+					this.dom.el('div').setClass('options links').add(links),
+					this.buildOptionsDownloads()
+				);
+		}
 
 		if(typeof window !== 'undefined') {
 			window.addEventListener('keydown', (e) => {
@@ -839,6 +985,8 @@ export default class Interface {
 				});
 			});
 
+			code.on('focus', () => this._hideURLBuilder());
+
 			code.on('cursorActivity', () => {
 				const from = code.getCursor('from').line;
 				const to = code.getCursor('to').line;
diff --git a/web/styles/editor.css b/web/styles/editor.css
index e5af7a9..6c41f0f 100644
--- a/web/styles/editor.css
+++ b/web/styles/editor.css
@@ -2,6 +2,15 @@ html, body {
 	margin: 0;
 	padding: 0;
 	font: 1em sans-serif;
+
+	text-size-adjust: none;
+	-webkit-text-size-adjust: none;
+
+	/* disable whole-page elastic scrolling in iOS */
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	overflow: hidden;
 }
 
 #loader {
@@ -63,32 +72,22 @@ html, body {
 }
 
 .pane-side {
-	display: inline-block;
-	width: 30%;
-	height: 100%;
 	border-right: 1px solid #808080;
-	box-sizing: border-box;
-	vertical-align: top; /* Safari fix */
-}
-
-.pane-code {
-	height: 70%;
 }
 
 .pane-library {
 	background: #EEEEEE;
 	user-select: none;
-	height: 30%;
+	-webkit-user-select: none;
 	border-top: 1px solid #808080;
-	box-sizing: border-box;
+	overscroll-behavior: contain;
+	-webkit-overflow-scrolling: touch;
 }
 
 .pane-view {
-	display: inline-block;
-	width: 70%;
-	height: 100%;
 	position: relative;
-	vertical-align: top; /* Safari fix */
+	overscroll-behavior: contain;
+	-webkit-overflow-scrolling: touch;
 }
 
 .gutter {
@@ -266,6 +265,7 @@ html, body {
 	position: absolute;
 	background: #FFFFFF;
 	user-select: none;
+	-webkit-user-select: none;
 	z-index: 30;
 }
 
@@ -369,6 +369,10 @@ html, body {
 	box-sizing: border-box;
 }
 
+.urlbuilder .copy:before {
+	content: "\1F4CB";
+}
+
 .urlbuilder .copy:active {
 	background: #EEEEEE;
 	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
@@ -393,6 +397,127 @@ svg a:active, svg a:hover {
 	fill: #0080CC;
 }
 
+.touch .pane-hold {
+	bottom: 50px;
+}
+
+.touch.keyinput .pane-hold {
+	bottom: 0;
+}
+
+.touch .pane-code {
+	border-top: 1px solid #808080;
+}
+
+.touch .pane-library {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	transition: top 0.2s ease;
+}
+
+.touch .urlbuilder {
+	position: absolute;
+	width: 100%;
+	height: 160px;
+	margin-bottom: 50px;
+	max-height: 100%;
+	left: 0;
+	transition: bottom 0.2s ease;
+	border-top: 1px solid #808080;
+	font-size: 1em;
+	background: #FFFFFF;
+	z-index: 10;
+}
+
+.touch.keyinput .urlbuilder {
+	margin-bottom: 0;
+	height: 180px;
+}
+
+.touch .urlbuilder input[type=number] {
+	text-align: left;
+}
+
+.touch .urlbuilder .output {
+	display: none;
+}
+
+.touch .urlbuilder .copy {
+	width: auto;
+	left: 10px;
+	height: 36px;
+	border-radius: 100px;
+	padding: 0;
+	line-height: 34px;
+}
+
+.touch.keyinput .copy {
+	bottom: 30px;
+}
+
+.touch .urlbuilder .copy:before {
+	content: "Copy URL to Clipboard \1F4CB";
+}
+
+.touch .urlbuilder .copy:active {
+	background: #FFFFFF;
+	box-shadow: none;
+	padding-top: 0;
+}
+
+.touch .urlbuilder .copied {
+	height: 36px;
+	border-radius: 100px;
+	line-height: 34px;
+}
+
+.touch.keyinput .copied {
+	bottom: 30px;
+}
+
+.touch .options {
+	display: none;
+}
+
+.optbar {
+	display: block;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 50px;
+	box-sizing: border-box;
+	border-top: 1px solid #AAAAAA;
+	background: #FAFAFA;
+	font-size: 1.5em;
+	font-weight: 100;
+	z-index: 11;
+}
+
+.touch.keyinput .optbar {
+	display: none;
+}
+
+.optbar a:link, .optbar a:visited {
+	color: #5577FF;
+	text-decoration: none;
+	cursor: pointer;
+}
+
+.optbar a:active, .optbar a:hover {
+	color: #2244CC;
+}
+
+.optbar a {
+	display: inline-block;
+	width: 20%;
+	height: 49px;
+	line-height: 49px;
+	text-align: center;
+}
+
 @media print {
 	.drop-target:after {
 		display: none;
diff --git a/web/styles/library.css b/web/styles/library.css
index 300c8a3..8f8d13f 100644
--- a/web/styles/library.css
+++ b/web/styles/library.css
@@ -1,9 +1,12 @@
 body {
 	background: rgb(140, 185, 231);
-	margin: 30px 30px 80px;
+	margin: 30px 0 80px;
 	padding: 0;
 	font-family: sans-serif;
 	line-height: 1.5;
+
+	text-size-adjust: none;
+	-webkit-text-size-adjust: none;
 }
 
 article {
@@ -21,6 +24,7 @@ article > header {
 	padding: 10px 20px;
 	background: linear-gradient(#DDEEFF, #FFFFFF);
 	border-radius: 2px;
+	text-align: center;
 	page-break-inside: avoid;
 	break-inside: avoid;
 }
@@ -30,11 +34,11 @@ article > header > h1 {
 	padding: 0;
 	font: 3.5em 'Vollkorn', serif;
 	clear: both;
-	text-align: center;
 }
 
 article > header > .sequence-diagram {
 	filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
+	text-align: left;
 }
 
 article > h2 {
@@ -128,6 +132,7 @@ a:hover, a:active {
 .sequence-diagram[data-sd-interactive] .region.expanded {
 	cursor: pointer;
 	user-select: none;
+	-webkit-user-select: none;
 }
 
 .sequence-diagram[data-sd-interactive] .region.collapsed:hover .outline,
@@ -171,6 +176,115 @@ nav a:hover {
 	background: #EEEEEE;
 }
 
+@media (max-width: 860px) {
+	body {
+		background: transparent;
+		margin: 0;
+	}
+
+	article {
+		max-width: 100%;
+		background: transparent;
+		box-shadow: none;
+		margin: 0px;
+		padding: 10px;
+		border-radius: 0;
+		padding-bottom: 80px;
+	}
+
+	article > header {
+		margin: -10px -10px 0;
+		border-radius: 0;
+	}
+
+	article > header > h1 {
+		font-size: 3em;
+	}
+
+	article > header > .sequence-diagram {
+		max-height: 200px;
+	}
+
+	article > h2 {
+		margin: 15px -10px 5px;
+		padding: 5px 10px 0;
+	}
+
+	article h3 {
+		margin: 10px -10px 5px;
+		padding: 5px 10px 0;
+	}
+
+	article h4 {
+		margin: 5px -10px 5px;
+		padding: 5px 10px 0;
+	}
+
+	.sequence-diagram {
+		max-height: calc(100vh - 100px);
+	}
+
+	pre.example {
+		padding: 5px;
+	}
+
+	nav {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		margin: 0;
+		border-bottom-left-radius: 0;
+		border-bottom-right-radius: 0;
+	}
+}
+
+@media (max-width: 800px) {
+	article {
+		font-size: 0.9em;
+	}
+}
+
+@media (max-width: 700px) {
+	pre {
+		box-shadow: none;
+	}
+
+	pre.example {
+		padding: 5px;
+		width: calc(100% - 205px);
+		box-sizing: border-box;
+	}
+
+	.example-diagram {
+		max-width: none;
+		width: 200px;
+		box-sizing: border-box;
+		margin-left: 0;
+		background: #FFFFFF;
+		box-shadow: none;
+	}
+}
+
+@media (max-width: 470px) {
+	article > header > h1 {
+		font-size: 2.5em;
+	}
+
+	pre.example {
+		width: auto;
+		margin: 5px -5px;
+	}
+
+	.example-diagram {
+		display: block;
+		float: none;
+		margin: 0 auto 10px;
+		width: 300px;
+		max-width: 80%;
+	}
+}
+
 @media print {
 	body {
 		background: transparent;
@@ -237,7 +351,6 @@ nav a:hover {
 		font-size: 0.8em;
 		width: 50%;
 		box-sizing: border-box;
-		display: inline-block;
 	}
 
 	.example-diagram {