From 9aeabc6ea13529fc700bdb3e05cec2f1bb14b210 Mon Sep 17 00:00:00 2001
From: andy bunce <bunce.andy@gmail.com>
Date: Wed, 19 May 2021 22:06:59 +0100
Subject: [PATCH] [add] html files

---
 html/app.css                   | 172 ++++++++++++++++++++++++++++
 html/app.html                  |  80 +++++++++++++
 html/state.js                  |  64 +++++++++++
 media/icon.png                 | Bin 0 -> 904 bytes
 media/quodatum.gif             | Bin 0 -> 4108 bytes
 media/vue-poc.svg              | 200 +++++++++++++++++++++++++++++++++
 {code => xquery}/diag-xqdoc.xq |   0
 {code => xquery}/graphviz.xqm  |   0
 8 files changed, 516 insertions(+)
 create mode 100644 html/app.css
 create mode 100644 html/app.html
 create mode 100644 html/state.js
 create mode 100644 media/icon.png
 create mode 100644 media/quodatum.gif
 create mode 100644 media/vue-poc.svg
 rename {code => xquery}/diag-xqdoc.xq (100%)
 rename {code => xquery}/graphviz.xqm (100%)

diff --git a/html/app.css b/html/app.css
new file mode 100644
index 0000000..d2ac37a
--- /dev/null
+++ b/html/app.css
@@ -0,0 +1,172 @@
+/* app.css */
+
+/* page scroll bar off */
+html { overflow-y: auto }
+
+pre {
+ white-space: pre-wrap;       /* css-3 */
+ white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+ white-space: -pre-wrap;      /* Opera 4-6 */
+ white-space: -o-pre-wrap;    /* Opera 7 */
+ word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
+/* http://tobiasahlin.com/spinkit/ */
+.spinner {
+  margin: 100px auto;
+  width: 100px;
+  height: 80px;
+  text-align: center;
+  font-size: 16px;
+}
+
+.spinner > div {
+  background-color: #0000a0;
+  height: 100%;
+  width: 16px;
+  display: inline-block;
+  
+  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
+  animation: sk-stretchdelay 1.2s infinite ease-in-out;
+}
+
+.spinner .rect2 {
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
+}
+
+.spinner .rect3 {
+  -webkit-animation-delay: -1.0s;
+  animation-delay: -1.0s;
+}
+
+.spinner .rect4 {
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
+}
+
+.spinner .rect5 {
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
+}
+
+@-webkit-keyframes sk-stretchdelay {
+  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
+  20% { -webkit-transform: scaleY(1.0) }
+}
+
+@keyframes sk-stretchdelay {
+  0%, 40%, 100% { 
+    transform: scaleY(0.4);
+    -webkit-transform: scaleY(0.4);
+  }  20% { 
+    transform: scaleY(1.0);
+    -webkit-transform: scaleY(1.0);
+  }
+}
+.fade-enter-active, .fade-leave-active {
+  transition-property: opacity;
+  transition-duration: .25s;
+}
+
+.fade-enter-active {
+  transition-delay: .25s;
+}
+
+.fade-enter, .fade-leave-active {
+  opacity: 0
+}
+
+.child-view {
+  position: absolute;
+  transition: all .5s cubic-bezier(.55,0,.1,1);
+}
+.slide-left-enter, .slide-right-leave-active {
+  opacity: 0;
+  -webkit-transform: translate(30px, 0);
+  transform: translate(30px, 0);
+}
+.slide-left-leave-active, .slide-right-enter {
+  opacity: 0;
+  -webkit-transform: translate(-30px, 0);
+  transform: translate(-30px, 0);
+}
+
+td.vtop {
+ vertical-align:top;	
+}
+/*
+.ace_editor { height: 200px; }
+*/
+ .acewrap{
+  top:0px;
+  left:0px;
+  bottom:0px;
+  right:0px;
+  height:100%;
+ }
+
+.ace_gutter-cell.ace_breakpoint{
+    border-radius: 20px 0px 0px 20px;
+    box-shadow: 0px 0px 1px 1px red inset;
+}
+.ace_editor_wrapper { 
+       height: 100%
+}
+ 
+.ace_editor {
+height: 100%;
+} 
+
+.multiline-ellipsis {
+    display: block;
+    display: -webkit-box;
+    max-height: 110px;
+    margin: 0 auto;
+    line-height: 1.4;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+} 
+.qd-active {
+	  background-color: green;
+}
+.selcard {
+	 background-color: green;
+	 border: thick double #32a1ce;
+}
+
+.contain {
+  object-fit: contain;
+}
+.canvas {
+  overflow: hidden;
+}
+.canvas .wrapper.outer > .background {
+  fill: #000000;
+}
+.canvas .wrapper.inner > .background {
+  fill: #CCCCCC;
+  cursor: move;
+}
+.canvas .background {
+  fill: #F6F6F6;
+  stroke: #333333;
+  cursor: move;
+}
+.canvas .panCanvas {
+  cursor: move;
+}
+
+.canvas .minimap .frame {
+  pointer-events: all;
+}
+.canvas .minimap .frame .background {
+  stroke: #111111;
+  stroke-width: 4px;
+  fill-opacity: 0.1;
+  fill: #000000;
+  fill: url(#minimapGradient_qwpyza);
+  filter: url(#minimapDropShadow_qwpyza);
+  cursor: move;
+}
\ No newline at end of file
diff --git a/html/app.html b/html/app.html
new file mode 100644
index 0000000..bd2dfb4
--- /dev/null
+++ b/html/app.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html  lang="en" >
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<meta name="description" content="Vue poc" />
+	<meta name="author" content="andy bunce." />
+	<title>Vue Router Test</title>
+	<link rel="shortcut icon" href="/vue-poc/ui/icon.png"/>
+	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"/>
+	<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons"/>
+	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" >
+	<link rel="stylesheet" href="//unpkg.com/vuetify@2.4.11/dist/vuetify.min.css" type="text/css"/>
+	<link rel="stylesheet" href="//unpkg.com/@riophae/vue-treeselect@0.0.29/dist/vue-treeselect.min.css"/>
+	<link rel="stylesheet" href="/vue-poc/ui/prism/prism.css" type="text/css"/> 
+	<link rel="stylesheet" href="//unpkg.com/leaflet@1.6.0/dist/leaflet.css"/>
+	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@koumoul/vjsf@1.14.0/dist/main.css">
+	<link href="/vue-poc/ui/app.css" rel="stylesheet" type="text/css"/>
+	<link href="/vue-poc/ui/svg/d3-svg.css" rel="stylesheet" type="text/css"/>
+	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/vis/4.20.1/vis-timeline-graph2d.min.css" />
+</head>
+
+<body >
+<div id="app">
+<h1>vue-poc</h1>
+
+<div class="spinner">
+  <div class="rect1"></div>
+  <div class="rect2"></div>
+  <div class="rect3"></div>
+  <div class="rect4"></div>
+  <div class="rect5"></div>
+  <span>Loading, please wait...</span>
+</div>
+</div>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"  crossorigin="anonymous"></script>
+<script src="//unpkg.com/vue-router@3.4.9/dist/vue-router.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.js" crossorigin="anonymous"></script>
+<script src="//unpkg.com/vuex@3.6.0/dist/vuex.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/qs/6.4.0/qs.js" crossorigin="anonymous" ></script>
+<script src="//unpkg.com/vuetify@2.4.11/dist/vuetify.min.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js"  crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-language_tools.js"  crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-linking.js" crossorigin="anonymous" charset="utf-8"></script>
+
+<script src="//cdnjs.cloudflare.com/ajax/libs/js-beautify/1.9.0/beautify.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/js-beautify/1.9.0/beautify-css.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/js-beautify/1.9.0/beautify-html.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/localforage/1.7.1/localforage.js" crossorigin="anonymous"></script>
+
+<script src="//cdn.jsdelivr.net/npm/luxon@1.25.0/build/global/luxon.min.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/vis/4.20.1/vis-timeline-graph2d.min.js" crossorigin="anonymous"></script>
+<script src="//unpkg.com/vue-clip@1.0.0/dist/vue-clip.js" crossorigin="anonymous"></script>
+<script src="//unpkg.com/@riophae/vue-treeselect@0.0.29/dist/vue-treeselect.min.js" crossorigin="anonymous"></script>
+
+<script src="/vue-poc/ui/prism/prism.js" crossorigin="anonymous"></script>
+<script src="//unpkg.com/vue-prism-component@1.1.1/dist/vue-prism-component.min.js" crossorigin="anonymous"></script>
+<script src="//cdn.jsdelivr.net/npm/vue-markdown@2.2.4/dist/vue-markdown.js" crossorigin="anonymous"></script>
+<script src="//unpkg.com/leaflet@1.6.0/dist/leaflet.js"  crossorigin="anonymous"></script>
+<script src="//unpkg.com/vue2-leaflet@2.5.2/dist/vue2-leaflet.min.js"  crossorigin="anonymous"></script>
+
+<script src="//cdn.jsdelivr.net/npm/@koumoul/vjsf@1.16.0/dist/main.js" crossorigin="anonymous"></script>
+
+<script src="//unpkg.com/vue-native-websocket@2.0.8/dist/build.js" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/d3/5.16.0/d3.min.js"  crossorigin="anonymous"></script>
+<script src="/vue-poc/ui/svg/d3-svg.js"></script>
+<script src="/vue-poc/ui/state.js"></script>
+<script src="/vue-poc/ui/app-gen.js" type="module" ></script>
+<script>
+
+if('serviceWorker' in navigator && false) {
+  navigator.serviceWorker
+           .register('/vue-poc/ui/serviceworker.js')
+           .then(function() { console.log("Service Worker Registered"); });
+}
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/html/state.js b/html/state.js
new file mode 100644
index 0000000..2cfb52c
--- /dev/null
+++ b/html/state.js
@@ -0,0 +1,64 @@
+// 
+const store = new Vuex.Store({
+  state: {
+	     count: 92,
+        
+         edit:{ 
+        	 currentId: "?",
+             query: "todo edit/query"
+         },      
+         "features":{
+            "serviceworker": false
+          },
+         "images": {
+        	 thumbtask :`<thumbnail>
+  <size width="200" height="200"/>
+  <filters>             
+      <colorize color="green" alpha=".5"/>      
+      <caption position="CENTER">Some Text here</caption>
+      <rotate angle="15"/>
+      <canvas height="300" width="300" position="TOP_LEFT" color="yellow"/> 
+  </filters>
+  <output format="gif"/>         
+  </thumbnail>
+  `
+       },
+       "settings": {
+	      "ace": {
+		     theme: "github",
+		     themeDark: "chaos",
+		     keybinding: "ace",
+		     fontsize: 16,
+		     enableSnippets:true,
+		     enableBasicAutocompletion:true,
+		     enableLiveAutocompletion:true
+		     },
+		  "dark": false
+		  },
+	 "markdown":{
+	   "toc": true
+	 }
+  },
+  
+  mutations: {
+    increment (state) {
+      state.count++
+    },
+    initialiseStore(state) {
+		// Check if the ID exists
+    	var s=localStorage.getItem('store')
+		if(s) {
+			// Replace the state object with the stored item
+			this.replaceState(
+				Object.assign(state, JSON.parse(s))
+			);
+		}
+    	//console.log("initialiseStore: ",s)
+	}
+  }
+})
+store.subscribe((mutation, state) => {
+	// Store the state object as a JSON string
+	localStorage.setItem('store', JSON.stringify(state));
+	//console.log("store subscribe")
+});
\ No newline at end of file
diff --git a/media/icon.png b/media/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1dd5ba4c8d0ec6d7c76a4ce3dc061b105c21c042
GIT binary patch
literal 904
zcmV;319$w1P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D02y>eSaefwW^{L9
za%BK;VQFr3E^cLXAT%y8E-^MlX|MGF00Q_)L_t(&L+zSNXcIvgfa41V52BZX(wiOx
z5h0sL+hlipP)vP9kU)D#wxJk`R@8bZ+O$h%ec-(wq{WjStf)vHy8(-rp1gYS=0WJG
z;7t*&U1#ebSlfT6bPwH~bw2o@Y?B#2!lX01jR^z-fj}S-gqm#oUN`*sf6#9kwqlYG
z@h6o%a4Fh2!5tN|_5dzN7k99uY8k&|i)7)~(PMpZN7W)r>3RJSyev9kv2N)nUXR(a
z9q@Ag!6Mg7qgUlNslZ$K1`G63Z5!X^rg0qJ$|uT;DKw5HUEiOS_xe5<f-e%elAS7D
zvDGF)<5()DF$cr&gA?4bck%`r#*(h@-?C|3gyF)EJ9y23lAWEsgT}E`P2+32F?j@r
z4KEvl!Q|z#t-R6EIF?GAEYkJ88-@=bSghOh=%}r>w!XgQ7MX@A!UYzInR#>@4P!~y
z_fMszr(vpafW>)wUbE$ARWyzz4gV6KpEv+h2FuCQ#r^b)>N6VXVRCT9R_ir1jwL;Y
zzNS-#W1E^NXs4uH@dp;@WzYCEyWiZ}`gXRdG<+DQ4IU}4-NNEnW@jeQIF_nOzRC6K
zF_<=BbbTjXukWxpPxHgJ@^TuDV@W^pk4IbA_rlD<A`O<i(Kv?bv8!m<X3A!51f~s!
zL|&W0f;^==H2LXWG=?QTh%BcT?svho+fV$Gc1FsTR?sL9d-a=W%qFfVmT?xQ-F{A7
z80wM+ipyA#m#K2a=P8RkhG_$!P}n7%D=lC_p7Q(!g$6Oq@ct(Vi^A*~AM>@zP|cbK
zQ-uR8&TVqY=Qh$JujugMyW5FHuIU^Uo^yUsz`$brd>#ceO_G9P!;3rA?_poDYEv*=
z_;Esg-_EhfBHed~_jV3OcFx}oyS}&jVHkohuplq#I_2w@ECv>aNjLek@D{$o;@oom
zSOo)%bo~3^tjhO;GmH(P&ZAK?B9BHf{*5Kkdiae2p-Y*@!-H@s+Q^Lv{{xFaAP@)y
e0)fC6vDhE}3J@Q*XIl*b0000<MNUMnLSTY#K%;a3

literal 0
HcmV?d00001

diff --git a/media/quodatum.gif b/media/quodatum.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3ca03c996a737136dc6ef32ceba959fc09274c5a
GIT binary patch
literal 4108
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

literal 0
HcmV?d00001

diff --git a/media/vue-poc.svg b/media/vue-poc.svg
new file mode 100644
index 0000000..e019f0b
--- /dev/null
+++ b/media/vue-poc.svg
@@ -0,0 +1,200 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000px"
+   height="700px"
+   viewBox="0 0 214.95504 163.40485"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="vue-poc.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6340">
+      <stop
+         style="stop-color:#aae418;stop-opacity:1;"
+         offset="0"
+         id="stop6336" />
+      <stop
+         style="stop-color:#aae418;stop-opacity:0;"
+         offset="1"
+         id="stop6338" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6306"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#aae418;stop-opacity:1;"
+         offset="0"
+         id="stop6304" />
+    </linearGradient>
+    <style
+       id="style4792">.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6340"
+       id="linearGradient6342"
+       x1="-1.6441965"
+       y1="90.247025"
+       x2="213.31087"
+       y2="90.247025"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.0000254,0,0,0.959177,-0.00268836,0.20964985)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="256.09065"
+     inkscape:cy="432.63847"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(1.6441965,-5.0700892)"
+     style="display:inline">
+    <g
+       id="g10"
+       transform="matrix(0.34330717,-0.00308857,-0.00306839,-0.34556479,4.721666,171.7052)">
+      <g
+         id="g12"
+         transform="translate(178.0626,235.0086)">
+        <path
+           d="M 0,0 -22.669,-39.264 -45.338,0 h -75.491 L -22.669,-170.017 75.491,0 Z"
+           style="fill:#4dba87;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path14"
+           inkscape:connector-curvature="0" />
+      </g>
+      <g
+         id="g16"
+         transform="translate(178.0626,235.0086)">
+        <path
+           d="M 0,0 -22.669,-39.264 -45.338,0 H -81.565 L -22.669,-102.01 36.227,0 Z"
+           style="fill:#435466;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path18"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+    <rect
+       style="opacity:1;fill:url(#linearGradient6342);fill-opacity:1;fill-rule:nonzero;stroke:#004a00;stroke-width:0.25912979;stroke-opacity:1"
+       id="rect4844"
+       width="214.69592"
+       height="163.14572"
+       x="-1.5146316"
+       y="5.1996541"
+       rx="2.4568441"
+       ry="2.4568441" />
+    <g
+       id="g4816"
+       transform="matrix(0.26458333,0,0,0.26458333,5.5302908,20.580775)">
+      <polyline
+         id="polyline4798"
+         points="131.67 3 71.55 3 131.67 145.1"
+         class="cls-1"
+         style="fill:#1697f6" />
+      <polyline
+         id="polyline4800"
+         points="131.67 186.81 131.67 297.1 3 45.89 70.4 45.89"
+         class="cls-2"
+         style="fill:#7bc6ff" />
+      <polyline
+         id="polyline4802"
+         points="131.67 3 191.79 3 131.67 145.1"
+         class="cls-3"
+         style="fill:#1867c0" />
+      <polyline
+         id="polyline4804"
+         points="131.67 186.81 131.67 297.1 260.34 45.89 192.94 45.89"
+         class="cls-4"
+         style="fill:#aeddff" />
+    </g>
+    <g
+       id="g10-9"
+       transform="matrix(1.9498076,0,0,-2.4535824,77.384423,332.0942)">
+      <g
+         id="g12-4"
+         transform="scale(0.1)">
+        <path
+           inkscape:connector-curvature="0"
+           d="m 493.23291,1111.6167 c 3.47269,-0.9434 8.24049,-2.2912 12.31024,-4.7334 0,0 61.05511,66.7922 74.71754,80.5117 9.59708,9.6366 20.31366,18.0527 32.04878,25.0463 8.9078,5.3123 18.18878,9.4303 28.91852,9.1185 7.12976,-0.2106 20.70878,-0.1755 27.84731,-0.1844 5.58879,-0.01 13.06098,7.5338 13.06537,13.162 0.0176,16.1517 0.0132,32.3034 0,48.4595 -0.005,5.7337 -7.19122,12.9469 -12.9161,12.9513 H 418.50089 c -5.70732,0 -13.48112,-7.2615 -13.49473,-12.7317 -0.0413,-16.4459 -0.0294,-32.8961 0,-49.342 -0.0207,-6.8576 3.6079,-12.4156 11.59112,-12.4507 l 44.10482,-0.04 c 13.16985,0.07 13.92497,-10.8351 9.06058,-16.279 l -95.97553,-98.7581 -77.37804,94.6664 c -8.29843,11.1117 -2.19511,20.3707 4.93903,20.5771 l 39.32384,-0.08 c 9.07683,0 13.69361,6.3614 13.72785,13.2717 0.009,15.9585 0.007,31.9169 0.002,47.8755 -0.004,6.1376 -7.07926,13.2936 -13.17424,13.2849 -13.01794,-0.014 -26.03765,-0.08 -39.05779,-0.075 -80.17857,0.017 -166.10703,0.3599 -246.287348,0.3863 -6.124037,0 -14.37462,-7.1605 -14.378045,-13.263 -0.0069,-15.5678 0.133771,-31.456 0,-47.0238 0,-8.7234 5.60959,-14.2551 13.856704,-14.2595 8.61414,0 22.976554,-0.3951 31.591089,-0.4434 11.260094,-0.061 21.92707,-2.5859 32.50975,-6.5371 14.83945,-5.5405 22.95789,-14.9005 31.92716,-25.2966 10.53658,-12.2136 85.00081,-105.019 90.98251,-112.4666 l 5.82234,14.3144 c 0,0 -89.29534,111.898 -99.007,120.5073 -9.01185,7.9903 -20.59945,12.6395 -32.17915,16.3318 -11.93752,3.8062 -24.315807,4.7678 -36.764779,4.9697 -4.30595,0.07 -14.364171,0.2985 -18.672097,0.3205 -4.539467,0.017 -7.197627,2.6956 -7.202765,7.2746 -0.0137,12.2356 -0.01198,24.4757 0,36.7113 0.0034,4.7765 2.639283,7.4326 7.394838,7.4238 8.015442,-0.014 21.77973,-0.4127 29.793679,-0.4127 75.578904,-0.01 151.158244,0 226.737164,-0.014 5.87018,0 11.7439,-0.2854 17.60706,-0.1186 4.19664,0.1186 6.68503,-2.8756 6.71224,-6.0585 0.11503,-12.9205 0.0878,-25.8453 0.0224,-38.7659 -0.0189,-3.477 -1.79737,-6.6555 -6.41371,-6.6555 l -35.90252,-0.022 c -14.54093,0 -26.40995,-19.1371 -15.78249,-34.6215 11.09941,-13.917 88.59202,-110.793 88.59202,-110.793 18.58654,19.5757 104.14578,105.5116 107.49992,113.0452 6.65122,8.2712 5.15414,29.9811 -13.82048,32.5757 l -43.18638,-0.1801 c -4.03859,0.049 -6.85975,2.7659 -6.87512,6.7566 -0.0448,12.6308 -0.0396,25.2571 -0.002,37.8879 0.0101,3.9248 2.86902,6.7126 6.82024,6.7653 0,0 166.88103,0.061 239.22345,0 5.42195,0 7.61707,-2.1425 7.61707,-7.5337 0.005,-12.0424 0.009,-24.0848 0,-36.1273 -0.005,-4.8029 -2.58586,-7.3581 -7.33171,-7.4282 -6.54585,-0.1011 -19.55414,0.07 -26.05609,-0.5181 -5.01804,-0.461 -10.08878,-1.4664 -14.87853,-3.0204 -9.16244,-2.9811 -17.3239,-8.0299 -25.16926,-13.5747 -19.06683,-13.4737 -35.04731,-30.2883 -50.86974,-47.239 -13.47805,-14.4378 -50.42633,-54.4298 -52.86731,-57.1549"
+           style="fill:#4f4c4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path14-9" />
+        <path
+           inkscape:connector-curvature="0"
+           d="M 197.92543,904.7538 102.12902,805.18442 C 93.926295,795.97369 84.6642,791.83369 73.870349,791.1273 l -13.133147,-0.062 c -6.271506,-0.45614 -7.423944,-4.68878 -7.425656,-9.64492 -0.0086,-12.13477 -0.0086,-22.55303 0.0017,-34.69135 0.0034,-4.78124 2.608418,-7.42399 7.341627,-7.42913 82.601937,-0.12173 234.101297,-0.0566 239.858227,0.0926 4.21507,0 6.58537,2.59471 6.58537,6.70372 0.0396,12.62708 0.0413,25.2525 0.002,37.88279 0.0443,4.15361 -2.32903,6.7759 -6.58712,6.8018 l -43.41555,0.003 c -20.96825,0 -31.59438,23.0198 -19.94444,39.92575 0,0 76.5992,89.34143 82.80393,96.0348 1.47161,-4.3301 4.284,-12.2378 4.284,-12.2378 L 249.5694,827.15258 c -11.40936,-13.45873 -0.10317,-24.96599 9.77181,-24.96599 l 46.66828,0.0619 c 6.6354,0.14049 12.85858,-5.63707 12.85858,-12.67507 0.0536,-16.64034 0.0979,-32.85667 -0.0891,-49.49674 0,-6.54931 -5.93165,-12.48474 -12.39891,-12.48474 0,0 -241.394685,-0.0172 -251.574561,-0.0274 -7.362217,0 -13.117562,4.94418 -13.117562,13.36107 -0.01198,16.05353 -0.123454,32.0435 -0.114893,48.09906 0.0034,5.94395 4.702345,12.2839 13.042094,13.13122 10.269041,0.0927 -2.188272,-0.14093 8.077389,0.0927 19.591545,-0.91756 24.557787,3.78834 36.785491,16.80453 l 83.114322,85.70061 h 15.33336"
+           style="fill:#4f4c4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path16" />
+        <path
+           inkscape:connector-curvature="0"
+           d="m 371.78607,904.7538 h 13.52721 l 67.4776,-80.35329 c 9.65327,-12.3976 5.40219,-34.0055 -17.4442,-33.91814 l -47.87252,0.15762 c -3.33877,-0.13171 -5.87721,-1.43518 -5.88907,-6.77064 0.079,1.23498 0.11503,-38.19494 0.11503,-38.19494 0.0101,-4.35077 1.93258,-6.99694 6.32809,-7.0055 l 275.62514,0.21095 c 4.3244,-0.0138 6.69513,2.15394 6.69951,6.94892 0.009,12.1435 -0.0395,25.1873 -0.0483,37.32584 0,5.59405 -1.47073,7.65175 -6.18145,7.72726 -14.14976,0.0259 -29.73512,-0.0755 -35.03415,1.25035 -14.27706,3.75409 -18.72438,7.98629 -27.92633,19.47116 0,0 -87.83998,105.84963 -88.5029,106.71715 4.10926,2.05112 6.82244,4.2515 10.22927,7.31765 3.06438,-3.76594 88.09899,-107.89328 88.09899,-107.89328 8.98683,-10.28986 18.00878,-15.23722 32.9356,-15.51864 h 25.41512 c 9.87366,-0.009 12.74488,-5.45707 12.75804,-15.59414 0.0439,-16.54212 0.079,-30.85498 -0.0526,-47.39728 0.005,-7.35023 -4.61853,-12.06975 -11.66926,-12.0646 0,0 -278.86383,0.0617 -286.69427,0.0652 -9.30863,0 -14.3214,4.59261 -14.3214,14.14653 -0.0118,16.15131 -0.0136,34.08097 0,50.23223 0,6.28683 5.02507,10.67707 12.16229,10.61209 l 46.91939,0.0342 c 16.91253,0.26737 17.4442,9.47502 10.00493,20.0116 l -66.65969,82.48169"
+           style="fill:#4f4c4c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path18-1" />
+        <g
+           id="g20"
+           transform="matrix(4.3902427,0,0,4.3902427,23.248656,727.17025)">
+          <g
+             id="text22"
+             style="font-variant:normal;font-weight:600;font-size:70.24369812px;font-family:'Metric Semibold';-inkscape-font-specification:Metric-Semibold;writing-mode:lr-tb;fill:#aa1818;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             transform="matrix(1,0,0,-1,0,42.7367)">
+            <path
+               inkscape:connector-curvature="0"
+               id="path3029"
+               d="m 29.501973,-22.266966 c 1.619943,-0.582407 2.963334,-1.665316 4.030179,-3.24873 1.066778,-1.583363 1.61994,-3.544305 1.659488,-5.882833 -0.04394,-3.869173 -1.343428,-6.7901 -3.898476,-8.762789 -2.555111,-1.97261 -6.102368,-2.961861 -10.641783,-2.967757 H 4.1443248 V 0 H 22.056237 c 4.536488,-0.01317042 8.072038,-1.0580311 10.606662,-3.1345852 2.534559,-2.0765478 3.822342,-5.1057651 3.863354,-9.0876608 -0.03808,-2.394095 -0.699538,-4.48967 -1.98436,-6.286731 -1.284891,-1.797024 -2.964863,-3.049686 -5.03992,-3.757989 z m -16.717785,-3.160925 v -10.114963 h 7.305251 c 2.146772,-0.0073 3.771134,0.393688 4.873092,1.202909 1.101909,0.809289 1.655071,2.070731 1.659488,3.78433 -0.0044,1.719514 -0.557579,3.00437 -1.659487,3.854572 -1.101957,0.850256 -2.72632,1.27464 -4.873093,1.273152 z m 0,7.024279 h 8.499379 c 2.113113,0.01465 3.716988,0.494643 4.81163,1.439976 1.094589,0.945367 1.644824,2.268272 1.650707,3.968719 -0.0059,1.669741 -0.556116,2.983866 -1.650707,3.9423764 -1.094643,0.958529 -2.698518,1.4473014 -4.81163,1.4663189 h -8.499379 z" />
+            <path
+               inkscape:connector-curvature="0"
+               id="path3031"
+               d="M 55.112494,-43.129075 38.605438,0 h 8.991077 l 3.793111,-10.395933 H 67.545469 L 71.408823,0 h 9.131563 L 64.033329,-43.129075 Z m 4.355054,10.81739 5.268209,14.32953 H 54.199338 Z" />
+            <path
+               inkscape:connector-curvature="0"
+               id="path3033"
+               d="m 84.087721,-2.9501973 c 1.57168,1.0126685 3.556037,1.8672879 5.953078,2.56386089 2.397024,0.69657371 5.048686,1.0594948 7.954996,1.08876435 4.676975,-0.001463 8.546175,-1.06973824 11.607625,-3.20482804 3.06138,-2.1350847 4.64769,-5.3282017 4.75895,-9.5793609 0.0131,-3.175544 -0.83856,-5.797939 -2.55509,-7.867192 -1.71658,-2.069214 -4.37703,-3.70821 -7.98133,-4.916996 l -6.743312,-2.318012 c -1.520479,-0.459478 -2.694118,-1.033127 -3.52092,-1.72095 -0.826827,-0.687764 -1.245357,-1.682869 -1.25559,-2.985317 0.04243,-1.469214 0.695101,-2.552123 1.958019,-3.248732 1.262892,-0.696538 2.881401,-1.041897 4.855532,-1.036079 2.481891,0.01613 4.770631,0.422956 6.866231,1.220468 2.09555,0.797583 4.0682,1.889272 5.91796,3.275071 v -8.780349 c -1.75171,-1.062382 -3.70973,-1.887735 -5.87406,-2.476061 -2.16437,-0.58824 -4.56141,-0.886771 -7.191102,-0.895593 -4.325797,0.01468 -7.931591,1.074172 -10.81739,3.178486 -2.885813,2.104395 -4.384325,5.165807 -4.495539,9.184245 0.04244,3.526801 1.0112,6.25456 2.906295,8.183285 1.895085,1.928771 4.461872,3.392162 7.700367,4.390175 l 6.321849,2.107284 c 1.62435,0.557567 2.87115,1.198531 3.74043,1.922895 0.86923,0.724394 1.30825,1.769255 1.31705,3.134586 -0.0468,1.671203 -0.77854,2.8770362 -2.19508,3.6175033 -1.41659,0.7404833 -3.23705,1.1034044 -5.461381,1.0887643 -2.514122,-0.019017 -4.949203,-0.455107 -7.305251,-1.3082725 -2.356066,-0.8531489 -4.510176,-2.0092271 -6.462337,-3.4682371 z" />
+            <path
+               inkscape:connector-curvature="0"
+               id="path3035"
+               d="M 120.78993,-43.129075 V 0 h 29.29125 V -7.9374357 H 129.64052 V -18.192884 h 18.5441 v -7.656464 h -18.5441 v -9.412534 h 20.44066 v -7.867193 z" />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/code/diag-xqdoc.xq b/xquery/diag-xqdoc.xq
similarity index 100%
rename from code/diag-xqdoc.xq
rename to xquery/diag-xqdoc.xq
diff --git a/code/graphviz.xqm b/xquery/graphviz.xqm
similarity index 100%
rename from code/graphviz.xqm
rename to xquery/graphviz.xqm