diff --git a/docs/src/js/uml.js b/docs/src/js/uml.js
index 0fa039dfc..139ef215d 100644
--- a/docs/src/js/uml.js
+++ b/docs/src/js/uml.js
@@ -12,7 +12,7 @@
  * @param {string} className is the name of the class to target.
  * @return {void}
  */
-export default className => {
+export default async className => {
 
   // Custom element to encapsulate Mermaid content.
   class MermaidDiv extends HTMLElement {
@@ -118,30 +118,26 @@ export default className => {
     surrogate.appendChild(temp)
 
     try {
-      mermaid.mermaidAPI.render(
-        `_diagram_${i}`,
-        getFromCode(parentEl),
-        (content, fn) => {
-          const el = document.createElement("div")
-          el.className = className
-          el.innerHTML = content
-          if (fn) {
-            fn(el)
-          }
+      const res = await mermaid.render(`_diagram_${i}`, getFromCode(parentEl), temp)
+      const content = res.svg
+      const fn = res.bindFunctions
+      const el = document.createElement("div")
+      el.className = className
+      el.innerHTML = content
+      if (fn) {
+        fn(el)
+      }
 
-          // Insert the render where we want it and remove the original text source.
-          // Mermaid will clean up the temporary element.
-          const shadow = document.createElement("diagram-div")
-          shadow.shadowRoot.appendChild(el)
-          block.parentNode.insertBefore(shadow, block)
-          parentEl.style.display = "none"
-          shadow.shadowRoot.appendChild(parentEl)
-          if (parentEl !== block) {
-            block.parentNode.removeChild(block)
-          }
-        },
-        temp
-      )
+      // Insert the render where we want it and remove the original text source.
+      // Mermaid will clean up the temporary element.
+      const shadow = document.createElement("diagram-div")
+      shadow.shadowRoot.appendChild(el)
+      block.parentNode.insertBefore(shadow, block)
+      parentEl.style.display = "none"
+      shadow.shadowRoot.appendChild(parentEl)
+      if (parentEl !== block) {
+        block.parentNode.removeChild(block)
+      }
     } catch (err) {} // eslint-disable-line no-empty
 
     if (surrogate.contains(temp)) {
diff --git a/docs/src/markdown/extras/mermaid.md b/docs/src/markdown/extras/mermaid.md
index 166402575..f052457fe 100644
--- a/docs/src/markdown/extras/mermaid.md
+++ b/docs/src/markdown/extras/mermaid.md
@@ -332,7 +332,7 @@ and provide the configuration. We also have the custom loader that is runs when
     end</code></pre>
 
 <!-- Include Mermaid script and user config -->
-<script src="https://unpkg.com/mermaid@9.4.0/dist/mermaid.min.js"></script>
+<script src="https://unpkg.com/mermaid@10.6.1/dist/mermaid.min.js"></script>
 <script>
 window.mermaidConfig = {
   startOnLoad: false,
@@ -356,7 +356,7 @@ window.mermaidConfig = {
 
 /// tab | JS
 ```{.js .md-max-height}
-const uml = className => {
+const uml = async className => {
 
   // Custom element to encapsulate Mermaid content.
   class MermaidDiv extends HTMLElement {
@@ -434,7 +434,7 @@ const uml = className => {
 
   // Find all of our Mermaid sources and render them.
   const blocks = document.querySelectorAll(`pre.${className}, diagram-div`)
-  const surrogate = document.querySelector("html")
+  const surrogate = document.querySelector("html body")
   for (let i = 0; i < blocks.length; i++) {
     const block = blocks[i]
     const parentEl = (block.tagName.toLowerCase() === "diagram-div") ?
@@ -453,27 +453,26 @@ const uml = className => {
     surrogate.appendChild(temp)
 
     try {
-      mermaid.mermaidAPI.render(
-        `_diagram_${i}`,
-        getFromCode(parentEl),
-        content => {
-          const el = document.createElement("div")
-          el.className = className
-          el.innerHTML = content
-
-          // Insert the render where we want it and remove the original text source.
-          // Mermaid will clean up the temporary element.
-          const shadow = document.createElement("diagram-div")
-          shadow.shadowRoot.appendChild(el)
-          block.parentNode.insertBefore(shadow, block)
-          parentEl.style.display = "none"
-          shadow.shadowRoot.appendChild(parentEl)
-          if (parentEl !== block) {
-            block.parentNode.removeChild(block)
-          }
-        },
-        temp
-      )
+      const res = await mermaid.render(`_diagram_${i}`, getFromCode(parentEl), temp)
+      const content = res.svg
+      const fn = res.bindFunctions
+      const el = document.createElement("div")
+      el.className = className
+      el.innerHTML = content
+      if (fn) {
+        fn(el)
+      }
+
+      // Insert the render where we want it and remove the original text source.
+      // Mermaid will clean up the temporary element.
+      const shadow = document.createElement("diagram-div")
+      shadow.shadowRoot.appendChild(el)
+      block.parentNode.insertBefore(shadow, block)
+      parentEl.style.display = "none"
+      shadow.shadowRoot.appendChild(parentEl)
+      if (parentEl !== block) {
+        block.parentNode.removeChild(block)
+      }
     } catch (err) {} // eslint-disable-line no-empty
 
     if (surrogate.contains(temp)) {
@@ -507,7 +506,7 @@ markdown_extensions:
 
 extra_javascript:
   - optionalConfig.js
-  - https://unpkg.com/mermaid@9.4.0/dist/mermaid.min.js
+  - https://unpkg.com/mermaid@10.6.1/dist/mermaid.min.js
   - extra-loader.js
 ```
 
diff --git a/docs/src/mkdocs.yml b/docs/src/mkdocs.yml
index 79e97ba7b..4563d77f9 100644
--- a/docs/src/mkdocs.yml
+++ b/docs/src/mkdocs.yml
@@ -209,7 +209,7 @@ extra_css:
   # - https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css
   - assets/pymdownx-extras/extra.css
 extra_javascript:
-  - https://unpkg.com/mermaid@9.4.0/dist/mermaid.min.js
+  - https://unpkg.com/mermaid@10.6.1/dist/mermaid.min.js
   # - https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
diff --git a/docs/theme/assets/pymdownx-extras/extra-loader-MCFnu0Wd.js b/docs/theme/assets/pymdownx-extras/extra-loader-MCFnu0Wd.js
new file mode 100644
index 000000000..2b2b95be0
--- /dev/null
+++ b/docs/theme/assets/pymdownx-extras/extra-loader-MCFnu0Wd.js
@@ -0,0 +1,2 @@
+function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}!function(){"use strict";function t(){t=function(){return r};var e,r={},n=Object.prototype,o=n.hasOwnProperty,i=Object.defineProperty||function(t,e,r){t[e]=r.value},a="function"==typeof Symbol?Symbol:{},c=a.iterator||"@@iterator",u=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag";function f(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{f({},"")}catch(e){f=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=e&&e.prototype instanceof g?e:g,a=Object.create(o.prototype),c=new N(n||[]);return i(a,"_invoke",{value:S(t,r,c)}),a}function h(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}r.wrap=s;var d="suspendedStart",p="suspendedYield",y="executing",m="completed",v={};function g(){}function b(){}function w(){}var x={};f(x,c,(function(){return this}));var E=Object.getPrototypeOf,L=E&&E(E(C([])));L&&L!==n&&o.call(L,c)&&(x=L);var O=w.prototype=g.prototype=Object.create(x);function _(t){["next","throw","return"].forEach((function(e){f(t,e,(function(t){return this._invoke(e,t)}))}))}function j(t,e){function r(n,i,a,c){var u=h(t[n],t,i);if("throw"!==u.type){var l=u.arg,f=l.value;return f&&"object"==_typeof(f)&&o.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(f).then((function(t){l.value=t,a(l)}),(function(t){return r("throw",t,a,c)}))}c(u.arg)}var n;i(this,"_invoke",{value:function(t,o){function i(){return new e((function(e,n){r(t,o,e,n)}))}return n=n?n.then(i,i):i()}})}function S(t,r,n){var o=d;return function(i,a){if(o===y)throw new Error("Generator is already running");if(o===m){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=P(c,n);if(u){if(u===v)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===d)throw o=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=y;var l=h(t,r,n);if("normal"===l.type){if(o=n.done?m:p,l.arg===v)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(o=m,n.method="throw",n.arg=l.arg)}}}function P(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,P(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),v;var i=h(o,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,v;var a=i.arg;return a?a.done?(r[t.resultName]=a.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function k(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function M(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function N(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(k,this),this.reset(!0)}function C(t){if(t||""===t){var r=t[c];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function r(){for(;++n<t.length;)if(o.call(t,n))return r.value=t[n],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}throw new TypeError(_typeof(t)+" is not iterable")}return b.prototype=w,i(O,"constructor",{value:w,configurable:!0}),i(w,"constructor",{value:b,configurable:!0}),b.displayName=f(w,l,"GeneratorFunction"),r.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===b||"GeneratorFunction"===(e.displayName||e.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,f(t,l,"GeneratorFunction")),t.prototype=Object.create(O),t},r.awrap=function(t){return{__await:t}},_(j.prototype),f(j.prototype,u,(function(){return this})),r.AsyncIterator=j,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new j(s(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},_(O),f(O,l,"Generator"),f(O,c,(function(){return this})),f(O,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function t(){for(;r.length;){var n=r.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=C,N.prototype={constructor:N,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(M),!t)for(var r in this)"t"===r.charAt(0)&&o.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function n(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return n("end");if(a.tryLoc<=this.prev){var u=o.call(a,"catchLoc"),l=o.call(a,"finallyLoc");if(u&&l){if(this.prev<a.catchLoc)return n(a.catchLoc,!0);if(this.prev<a.finallyLoc)return n(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return n(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return n(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&o.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var i=n;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),M(r),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;M(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:C(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},r}function e(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}function r(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(o=n.key,i=void 0,i=function(t,e){if("object"!==_typeof(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(o,"string"),"symbol"===_typeof(i)?i:String(i)),n)}var o,i}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&a(t,e)}function i(t){return i=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},i(t)}function a(t,e){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},a(t,e)}function c(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function u(t,e,r){return u=c()?Reflect.construct.bind():function(t,e,r){var n=[null];n.push.apply(n,e);var o=new(Function.bind.apply(t,n));return r&&a(o,r.prototype),o},u.apply(null,arguments)}function l(t){var e="function"==typeof Map?new Map:void 0;return l=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(e){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return u(t,arguments,i(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),a(r,t)},l(t)}function f(t,e){if(e&&("object"===_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}var s,h,d,p,y=function(){var a,u=(a=t().mark((function e(a){var u,s,h,d,p,y,m,v,g,b,w,x,E,L,O,_;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:u=function(t){o(d,t);var e,a,u,l,s,h=(e=d,a=c(),function(){var t,r=i(e);if(a){var n=i(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return f(this,t)});function d(){var t;r(this,d);var e=(t=h.call(this)).attachShadow({mode:"open"}),n=document.createElement("style");return n.textContent="\n      :host {\n        display: block;\n        line-height: initial;\n        font-size: 16px;\n      }\n      div.diagram {\n        margin: 0;\n        overflow: visible;\n      }",e.appendChild(n),t}return u=d,l&&n(u.prototype,l),s&&n(u,s),Object.defineProperty(u,"prototype",{writable:!1}),u}(l(HTMLElement)),void 0===customElements.get("diagram-div")&&customElements.define("diagram-div",u),s=function(t){for(var e="",r=0;r<t.childNodes.length;r++){var n=t.childNodes[r];if("code"===n.tagName.toLowerCase())for(var o=0;o<n.childNodes.length;o++){var i=n.childNodes[o];if("#text"===i.nodeName&&!/^\s*$/.test(i.nodeValue)){e=i.nodeValue;break}}}return e},h={startOnLoad:!1,theme:"default",flowchart:{htmlLabels:!1},er:{useMaxWidth:!1},sequence:{useMaxWidth:!1,noteFontWeight:"14px",actorFontSize:"14px",messageFontSize:"16px"}},mermaid.mermaidAPI.globalReset(),d=null;try{d=document.querySelector("[data-md-color-scheme]").getAttribute("data-md-color-scheme")}catch(t){d="default"}p="undefined"==typeof mermaidConfig?h:mermaidConfig[d]||mermaidConfig.default||h,mermaid.initialize(p),y=document.querySelectorAll("pre.".concat(a,", diagram-div")),m=document.querySelector("html body"),v=0;case 12:if(!(v<y.length)){t.next=47;break}return g=y[v],b="diagram-div"===g.tagName.toLowerCase()?g.shadowRoot.querySelector("pre.".concat(a)):g,(w=document.createElement("div")).style.visibility="hidden",w.style.display="display",w.style.padding="0",w.style.margin="0",w.style.lineHeight="initial",w.style.fontSize="16px",m.appendChild(w),t.prev=23,t.next=26,mermaid.render("_diagram_".concat(v),s(b),w);case 26:x=t.sent,E=x.svg,L=x.bindFunctions,(O=document.createElement("div")).className=a,O.innerHTML=E,L&&L(O),(_=document.createElement("diagram-div")).shadowRoot.appendChild(O),g.parentNode.insertBefore(_,g),b.style.display="none",_.shadowRoot.appendChild(b),b!==g&&g.parentNode.removeChild(g),t.next=43;break;case 41:t.prev=41,t.t0=t.catch(23);case 43:m.contains(w)&&m.removeChild(w);case 44:v++,t.next=12;break;case 47:case"end":return t.stop()}}),e,null,[[23,41]])})),function(){var t=this,r=arguments;return new Promise((function(n,o){var i=a.apply(t,r);function c(t){e(i,n,o,c,u,"next",t)}function u(t){e(i,n,o,c,u,"throw",t)}c(void 0)}))});return function(t){return u.apply(this,arguments)}}(),m=function(t,e){if("katex"===e)for(var r=document.querySelectorAll(".".concat(t)),n=0;n<r.length;n++){var o=r[n].textContent||r[n].innerText;o.startsWith("\\(")&&o.endsWith("\\)")?katex.render(o.slice(2,-2),r[n],{displayMode:!1}):o.startsWith("\\[")&&o.endsWith("\\]")&&katex.render(o.slice(2,-2),r[n],{displayMode:!0})}else"mathjax"===e&&(MathJax.startup.output.clearCache(),MathJax.typesetClear(),MathJax.texReset(),MathJax.typesetPromise())};s=Promise.resolve(),h=Promise.resolve(),d=new MutationObserver((function(t){t.forEach((function(t){if("attributes"===t.type){var e=t.target.getAttribute("data-md-color-scheme");e||(e="default"),localStorage.setItem("data-md-color-scheme",e),"undefined"!=typeof mermaid&&y("diagram")}}))})),p=function(){d.observe(document.querySelector("body"),{attributeFilter:["data-md-color-scheme"]}),"undefined"!=typeof mermaid&&(s=s.then((function(){y("diagram")})).catch((function(t){console.log("UML loading failed...".concat(t))}))),"undefined"!=typeof katex?h=h.then((function(){m("arithmatex","katex")})).catch((function(t){console.log("Math loading failed...".concat(t))})):"undefined"!=typeof MathJax&&"typesetPromise"in MathJax&&(h=h.then((function(){m("arithmatex","mathjax")})).catch((function(t){console.log("Math loading failed...".concat(t))})))},window.document$?window.document$.subscribe(p):document.addEventListener("DOMContentLoaded",p)}();
+//# sourceMappingURL=extra-loader-MCFnu0Wd.js.map
diff --git a/docs/theme/assets/pymdownx-extras/extra-loader-MCFnu0Wd.js.map b/docs/theme/assets/pymdownx-extras/extra-loader-MCFnu0Wd.js.map
new file mode 100644
index 000000000..60bfe5c42
--- /dev/null
+++ b/docs/theme/assets/pymdownx-extras/extra-loader-MCFnu0Wd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"extra-loader-MCFnu0Wd.js","sources":["uml.js","extra-loader.js","arithmatex.js"],"sourcesContent":["/* Notes (as of Mermaid 8.7.0):\n * - Gantt: width is always relative to the parent, if you have a small parent, the chart will be squashed.\n *   Can't help it.\n * - Journey: Suffers from the same issues that Gantt does.\n * - Pie: These charts have no default height or width. Good luck pinning them down to a reasonable size.\n * - Git: The render portion is agnostic to the size of the parent element. But padding of the SVG is relative\n *   to the parent element. You will never find a happy size.\n */\n\n/**\n * Targets special code or div blocks and converts them to UML.\n * @param {string} className is the name of the class to target.\n * @return {void}\n */\nexport default async className => {\n\n  // Custom element to encapsulate Mermaid content.\n  class MermaidDiv extends HTMLElement {\n\n    /**\n    * Creates a special Mermaid div shadow DOM.\n    * Works around issues of shared IDs.\n    * @return {void}\n    */\n    constructor() {\n      super()\n\n      // Create the Shadow DOM and attach style\n      const shadow = this.attachShadow({mode: \"open\"})\n      const style = document.createElement(\"style\")\n      style.textContent = `\n      :host {\n        display: block;\n        line-height: initial;\n        font-size: 16px;\n      }\n      div.diagram {\n        margin: 0;\n        overflow: visible;\n      }`\n      shadow.appendChild(style)\n    }\n  }\n\n  if (typeof customElements.get(\"diagram-div\") === \"undefined\") {\n    customElements.define(\"diagram-div\", MermaidDiv)\n  }\n\n  const getFromCode = parent => {\n    // Handles <pre><code> text extraction.\n    let text = \"\"\n    for (let j = 0; j < parent.childNodes.length; j++) {\n      const subEl = parent.childNodes[j]\n      if (subEl.tagName.toLowerCase() === \"code\") {\n        for (let k = 0; k < subEl.childNodes.length; k++) {\n          const child = subEl.childNodes[k]\n          const whitespace = /^\\s*$/\n          if (child.nodeName === \"#text\" && !(whitespace.test(child.nodeValue))) {\n            text = child.nodeValue\n            break\n          }\n        }\n      }\n    }\n    return text\n  }\n\n  // We use this to determine if we want the dark or light theme.\n  // This is specific for our MkDocs Material environment.\n  // You should load your configs based on your own environment's needs.\n  const defaultConfig = {\n    startOnLoad: false,\n    theme: \"default\",\n    flowchart: {\n      htmlLabels: false\n    },\n    er: {\n      useMaxWidth: false\n    },\n    sequence: {\n      useMaxWidth: false,\n      noteFontWeight: \"14px\",\n      actorFontSize: \"14px\",\n      messageFontSize: \"16px\"\n    }\n  }\n  mermaid.mermaidAPI.globalReset()\n  // Non Material themes should just use \"default\"\n  let scheme = null\n  try {\n    scheme = document.querySelector(\"[data-md-color-scheme]\").getAttribute(\"data-md-color-scheme\")\n  } catch (err) {\n    scheme = \"default\"\n  }\n  const config = (typeof mermaidConfig === \"undefined\") ?\n    defaultConfig :\n    mermaidConfig[scheme] || (mermaidConfig.default || defaultConfig)\n  mermaid.initialize(config)\n\n  // Find all of our Mermaid sources and render them.\n  const blocks = document.querySelectorAll(`pre.${className}, diagram-div`)\n  const surrogate = document.querySelector(\"html body\")\n  for (let i = 0; i < blocks.length; i++) {\n    const block = blocks[i]\n    const parentEl = (block.tagName.toLowerCase() === \"diagram-div\") ?\n      block.shadowRoot.querySelector(`pre.${className}`) :\n      block\n\n    // Create a temporary element with the typeset and size we desire.\n    // Insert it at the end of our parent to render the SVG.\n    const temp = document.createElement(\"div\")\n    temp.style.visibility = \"hidden\"\n    temp.style.display = \"display\"\n    temp.style.padding = \"0\"\n    temp.style.margin = \"0\"\n    temp.style.lineHeight = \"initial\"\n    temp.style.fontSize = \"16px\"\n    surrogate.appendChild(temp)\n\n    try {\n      const res = await mermaid.render(`_diagram_${i}`, getFromCode(parentEl), temp)\n      const content = res.svg\n      const fn = res.bindFunctions\n      const el = document.createElement(\"div\")\n      el.className = className\n      el.innerHTML = content\n      if (fn) {\n        fn(el)\n      }\n\n      // Insert the render where we want it and remove the original text source.\n      // Mermaid will clean up the temporary element.\n      const shadow = document.createElement(\"diagram-div\")\n      shadow.shadowRoot.appendChild(el)\n      block.parentNode.insertBefore(shadow, block)\n      parentEl.style.display = \"none\"\n      shadow.shadowRoot.appendChild(parentEl)\n      if (parentEl !== block) {\n        block.parentNode.removeChild(block)\n      }\n    } catch (err) {} // eslint-disable-line no-empty\n\n    if (surrogate.contains(temp)) {\n      surrogate.removeChild(temp)\n    }\n  }\n}\n","import uml from \"./uml\"\nimport arithmatex from \"./arithmatex\"\n\n// Main function\n(() => {\n  let umlPromise = Promise.resolve()\n  let mathPromise = Promise.resolve()\n\n  const observer = new MutationObserver(mutations => {\n    mutations.forEach(mutation => {\n      if (mutation.type === \"attributes\") {\n        let scheme = mutation.target.getAttribute(\"data-md-color-scheme\")\n        if (!scheme) {\n          scheme = \"default\"\n        }\n        localStorage.setItem(\"data-md-color-scheme\", scheme)\n        if (typeof mermaid !== \"undefined\") {\n          uml(\"diagram\")\n        }\n      }\n    })\n  })\n\n  const main = () => {\n    observer.observe(document.querySelector(\"body\"), {attributeFilter: [\"data-md-color-scheme\"]})\n\n    if (typeof mermaid !== \"undefined\") {\n      umlPromise = umlPromise.then(() => {\n        uml(\"diagram\")\n      }).catch(err => {\n        console.log(`UML loading failed...${err}`) // eslint-disable-line no-console\n      })\n    }\n\n    if (typeof katex !== \"undefined\") {\n      mathPromise = mathPromise.then(() => {\n        arithmatex(\"arithmatex\", \"katex\")\n      }).catch(err => {\n        console.log(`Math loading failed...${err}`) // eslint-disable-line no-console\n      })\n    } else if (typeof MathJax !== \"undefined\" && 'typesetPromise' in MathJax) {\n      mathPromise = mathPromise.then(() => {\n        arithmatex(\"arithmatex\", \"mathjax\")\n      }).catch(err => {\n        console.log(`Math loading failed...${err}`) // eslint-disable-line no-console\n      })\n    }\n  }\n\n  if (window.document$) {\n    // Material specific hook\n    window.document$.subscribe(main)\n  } else {\n    // Normal non-Material specific hook\n    document.addEventListener(\"DOMContentLoaded\", main)\n  }\n})()\n","export default (className, mode) => {\n  if (mode === 'katex') {\n    const maths = document.querySelectorAll(`.${className}`)\n\n    for (let i = 0; i < maths.length; i++) {\n      const tex = maths[i].textContent || maths[i].innerText\n\n      if (tex.startsWith('\\\\(') && tex.endsWith('\\\\)')) {\n        katex.render(tex.slice(2, -2), maths[i], {'displayMode': false})\n      } else if (tex.startsWith('\\\\[') && tex.endsWith('\\\\]')) {\n        katex.render(tex.slice(2, -2), maths[i], {'displayMode': true})\n      }\n    }\n  } else if (mode === 'mathjax') {\n    MathJax.startup.output.clearCache()\n    MathJax.typesetClear()\n    MathJax.texReset()\n    MathJax.typesetPromise()\n  }\n}\n"],"names":["umlPromise","mathPromise","observer","main","uml","_ref","_regeneratorRuntime","mark","_callee","className","MermaidDiv","getFromCode","defaultConfig","scheme","config","blocks","surrogate","i","block","parentEl","temp","res","content","fn","el","shadow","wrap","_context","prev","next","_HTMLElement","_inherits","_super","_this","_classCallCheck","call","this","attachShadow","mode","style","document","createElement","textContent","appendChild","_wrapNativeSuper","HTMLElement","customElements","get","define","parent","text","j","childNodes","length","subEl","tagName","toLowerCase","k","child","nodeName","test","nodeValue","startOnLoad","theme","flowchart","htmlLabels","er","useMaxWidth","sequence","noteFontWeight","actorFontSize","messageFontSize","mermaid","mermaidAPI","globalReset","querySelector","getAttribute","err","mermaidConfig","initialize","querySelectorAll","concat","shadowRoot","visibility","display","padding","margin","lineHeight","fontSize","render","sent","svg","bindFunctions","innerHTML","parentNode","insertBefore","removeChild","t0","contains","stop","_x","apply","arguments","arithmatex","maths","tex","innerText","startsWith","endsWith","katex","slice","displayMode","MathJax","startup","output","clearCache","typesetClear","texReset","typesetPromise","Promise","resolve","MutationObserver","mutations","forEach","mutation","type","target","localStorage","setItem","observe","attributeFilter","then","console","log","window","document$","subscribe","addEventListener"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/theme/assets/pymdownx-extras/extra-loader-ytLRhgzw.js b/docs/theme/assets/pymdownx-extras/extra-loader-ytLRhgzw.js
deleted file mode 100644
index d511f6eda..000000000
--- a/docs/theme/assets/pymdownx-extras/extra-loader-ytLRhgzw.js
+++ /dev/null
@@ -1,2 +0,0 @@
-function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}!function(){"use strict";function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,(r=o.key,i=void 0,i=function(e,t){if("object"!==_typeof(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(r,"string"),"symbol"===_typeof(i)?i:String(i)),o)}var r,i}function t(e){return t=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},t(e)}function n(e,t){return n=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},n(e,t)}function o(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function r(e,t,i){return r=o()?Reflect.construct.bind():function(e,t,o){var r=[null];r.push.apply(r,t);var i=new(Function.bind.apply(e,r));return o&&n(i,o.prototype),i},r.apply(null,arguments)}function i(e){var o="function"==typeof Map?new Map:void 0;return i=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==o){if(o.has(e))return o.get(e);o.set(e,i)}function i(){return r(e,arguments,t(this).constructor)}return i.prototype=Object.create(e.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),n(i,e)},i(e)}function a(e,t){if(t&&("object"===_typeof(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}var c,u,l,d,f=function(r){var c=function(r){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&n(e,t)}(s,r);var i,c,u,l,d,f=(i=s,c=o(),function(){var e,n=t(i);if(c){var o=t(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return a(this,e)});function s(){var e;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s);var t=(e=f.call(this)).attachShadow({mode:"open"}),n=document.createElement("style");return n.textContent="\n      :host {\n        display: block;\n        line-height: initial;\n        font-size: 16px;\n      }\n      div.diagram {\n        margin: 0;\n        overflow: visible;\n      }",t.appendChild(n),e}return u=s,l&&e(u.prototype,l),d&&e(u,d),Object.defineProperty(u,"prototype",{writable:!1}),u}(i(HTMLElement));void 0===customElements.get("diagram-div")&&customElements.define("diagram-div",c);var u={startOnLoad:!1,theme:"default",flowchart:{htmlLabels:!1},er:{useMaxWidth:!1},sequence:{useMaxWidth:!1,noteFontWeight:"14px",actorFontSize:"14px",messageFontSize:"16px"}};mermaid.mermaidAPI.globalReset();var l=null;try{l=document.querySelector("[data-md-color-scheme]").getAttribute("data-md-color-scheme")}catch(e){l="default"}var d="undefined"==typeof mermaidConfig?u:mermaidConfig[l]||mermaidConfig.default||u;mermaid.initialize(d);for(var f=document.querySelectorAll("pre.".concat(r,", diagram-div")),s=document.querySelector("html body"),p=function(){var e=f[m],t="diagram-div"===e.tagName.toLowerCase()?e.shadowRoot.querySelector("pre.".concat(r)):e,n=document.createElement("div");n.style.visibility="hidden",n.style.display="display",n.style.padding="0",n.style.margin="0",n.style.lineHeight="initial",n.style.fontSize="16px",s.appendChild(n);try{mermaid.mermaidAPI.render("_diagram_".concat(m),function(e){for(var t="",n=0;n<e.childNodes.length;n++){var o=e.childNodes[n];if("code"===o.tagName.toLowerCase())for(var r=0;r<o.childNodes.length;r++){var i=o.childNodes[r];if("#text"===i.nodeName&&!/^\s*$/.test(i.nodeValue)){t=i.nodeValue;break}}}return t}(t),(function(n,o){var i=document.createElement("div");i.className=r,i.innerHTML=n,o&&o(i);var a=document.createElement("diagram-div");a.shadowRoot.appendChild(i),e.parentNode.insertBefore(a,e),t.style.display="none",a.shadowRoot.appendChild(t),t!==e&&e.parentNode.removeChild(e)}),n)}catch(e){}s.contains(n)&&s.removeChild(n)},m=0;m<f.length;m++)p()},s=function(e,t){if("katex"===t)for(var n=document.querySelectorAll(".".concat(e)),o=0;o<n.length;o++){var r=n[o].textContent||n[o].innerText;r.startsWith("\\(")&&r.endsWith("\\)")?katex.render(r.slice(2,-2),n[o],{displayMode:!1}):r.startsWith("\\[")&&r.endsWith("\\]")&&katex.render(r.slice(2,-2),n[o],{displayMode:!0})}else"mathjax"===t&&(MathJax.startup.output.clearCache(),MathJax.typesetClear(),MathJax.texReset(),MathJax.typesetPromise())};c=Promise.resolve(),u=Promise.resolve(),l=new MutationObserver((function(e){e.forEach((function(e){if("attributes"===e.type){var t=e.target.getAttribute("data-md-color-scheme");t||(t="default"),localStorage.setItem("data-md-color-scheme",t),"undefined"!=typeof mermaid&&f("diagram")}}))})),d=function(){l.observe(document.querySelector("body"),{attributeFilter:["data-md-color-scheme"]}),"undefined"!=typeof mermaid&&(c=c.then((function(){f("diagram")})).catch((function(e){console.log("UML loading failed...".concat(e))}))),"undefined"!=typeof katex?u=u.then((function(){s("arithmatex","katex")})).catch((function(e){console.log("Math loading failed...".concat(e))})):"undefined"!=typeof MathJax&&"typesetPromise"in MathJax&&(u=u.then((function(){s("arithmatex","mathjax")})).catch((function(e){console.log("Math loading failed...".concat(e))})))},window.document$?window.document$.subscribe(d):document.addEventListener("DOMContentLoaded",d)}();
-//# sourceMappingURL=extra-loader-ytLRhgzw.js.map
diff --git a/docs/theme/assets/pymdownx-extras/extra-loader-ytLRhgzw.js.map b/docs/theme/assets/pymdownx-extras/extra-loader-ytLRhgzw.js.map
deleted file mode 100644
index e7431fb0a..000000000
--- a/docs/theme/assets/pymdownx-extras/extra-loader-ytLRhgzw.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"extra-loader-ytLRhgzw.js","sources":["uml.js","extra-loader.js","arithmatex.js"],"sourcesContent":["/* Notes (as of Mermaid 8.7.0):\n * - Gantt: width is always relative to the parent, if you have a small parent, the chart will be squashed.\n *   Can't help it.\n * - Journey: Suffers from the same issues that Gantt does.\n * - Pie: These charts have no default height or width. Good luck pinning them down to a reasonable size.\n * - Git: The render portion is agnostic to the size of the parent element. But padding of the SVG is relative\n *   to the parent element. You will never find a happy size.\n */\n\n/**\n * Targets special code or div blocks and converts them to UML.\n * @param {string} className is the name of the class to target.\n * @return {void}\n */\nexport default className => {\n\n  // Custom element to encapsulate Mermaid content.\n  class MermaidDiv extends HTMLElement {\n\n    /**\n    * Creates a special Mermaid div shadow DOM.\n    * Works around issues of shared IDs.\n    * @return {void}\n    */\n    constructor() {\n      super()\n\n      // Create the Shadow DOM and attach style\n      const shadow = this.attachShadow({mode: \"open\"})\n      const style = document.createElement(\"style\")\n      style.textContent = `\n      :host {\n        display: block;\n        line-height: initial;\n        font-size: 16px;\n      }\n      div.diagram {\n        margin: 0;\n        overflow: visible;\n      }`\n      shadow.appendChild(style)\n    }\n  }\n\n  if (typeof customElements.get(\"diagram-div\") === \"undefined\") {\n    customElements.define(\"diagram-div\", MermaidDiv)\n  }\n\n  const getFromCode = parent => {\n    // Handles <pre><code> text extraction.\n    let text = \"\"\n    for (let j = 0; j < parent.childNodes.length; j++) {\n      const subEl = parent.childNodes[j]\n      if (subEl.tagName.toLowerCase() === \"code\") {\n        for (let k = 0; k < subEl.childNodes.length; k++) {\n          const child = subEl.childNodes[k]\n          const whitespace = /^\\s*$/\n          if (child.nodeName === \"#text\" && !(whitespace.test(child.nodeValue))) {\n            text = child.nodeValue\n            break\n          }\n        }\n      }\n    }\n    return text\n  }\n\n  // We use this to determine if we want the dark or light theme.\n  // This is specific for our MkDocs Material environment.\n  // You should load your configs based on your own environment's needs.\n  const defaultConfig = {\n    startOnLoad: false,\n    theme: \"default\",\n    flowchart: {\n      htmlLabels: false\n    },\n    er: {\n      useMaxWidth: false\n    },\n    sequence: {\n      useMaxWidth: false,\n      noteFontWeight: \"14px\",\n      actorFontSize: \"14px\",\n      messageFontSize: \"16px\"\n    }\n  }\n  mermaid.mermaidAPI.globalReset()\n  // Non Material themes should just use \"default\"\n  let scheme = null\n  try {\n    scheme = document.querySelector(\"[data-md-color-scheme]\").getAttribute(\"data-md-color-scheme\")\n  } catch (err) {\n    scheme = \"default\"\n  }\n  const config = (typeof mermaidConfig === \"undefined\") ?\n    defaultConfig :\n    mermaidConfig[scheme] || (mermaidConfig.default || defaultConfig)\n  mermaid.initialize(config)\n\n  // Find all of our Mermaid sources and render them.\n  const blocks = document.querySelectorAll(`pre.${className}, diagram-div`)\n  const surrogate = document.querySelector(\"html body\")\n  for (let i = 0; i < blocks.length; i++) {\n    const block = blocks[i]\n    const parentEl = (block.tagName.toLowerCase() === \"diagram-div\") ?\n      block.shadowRoot.querySelector(`pre.${className}`) :\n      block\n\n    // Create a temporary element with the typeset and size we desire.\n    // Insert it at the end of our parent to render the SVG.\n    const temp = document.createElement(\"div\")\n    temp.style.visibility = \"hidden\"\n    temp.style.display = \"display\"\n    temp.style.padding = \"0\"\n    temp.style.margin = \"0\"\n    temp.style.lineHeight = \"initial\"\n    temp.style.fontSize = \"16px\"\n    surrogate.appendChild(temp)\n\n    try {\n      mermaid.mermaidAPI.render(\n        `_diagram_${i}`,\n        getFromCode(parentEl),\n        (content, fn) => {\n          const el = document.createElement(\"div\")\n          el.className = className\n          el.innerHTML = content\n          if (fn) {\n            fn(el)\n          }\n\n          // Insert the render where we want it and remove the original text source.\n          // Mermaid will clean up the temporary element.\n          const shadow = document.createElement(\"diagram-div\")\n          shadow.shadowRoot.appendChild(el)\n          block.parentNode.insertBefore(shadow, block)\n          parentEl.style.display = \"none\"\n          shadow.shadowRoot.appendChild(parentEl)\n          if (parentEl !== block) {\n            block.parentNode.removeChild(block)\n          }\n        },\n        temp\n      )\n    } catch (err) {} // eslint-disable-line no-empty\n\n    if (surrogate.contains(temp)) {\n      surrogate.removeChild(temp)\n    }\n  }\n}\n","import uml from \"./uml\"\nimport arithmatex from \"./arithmatex\"\n\n// Main function\n(() => {\n  let umlPromise = Promise.resolve()\n  let mathPromise = Promise.resolve()\n\n  const observer = new MutationObserver(mutations => {\n    mutations.forEach(mutation => {\n      if (mutation.type === \"attributes\") {\n        let scheme = mutation.target.getAttribute(\"data-md-color-scheme\")\n        if (!scheme) {\n          scheme = \"default\"\n        }\n        localStorage.setItem(\"data-md-color-scheme\", scheme)\n        if (typeof mermaid !== \"undefined\") {\n          uml(\"diagram\")\n        }\n      }\n    })\n  })\n\n  const main = () => {\n    observer.observe(document.querySelector(\"body\"), {attributeFilter: [\"data-md-color-scheme\"]})\n\n    if (typeof mermaid !== \"undefined\") {\n      umlPromise = umlPromise.then(() => {\n        uml(\"diagram\")\n      }).catch(err => {\n        console.log(`UML loading failed...${err}`) // eslint-disable-line no-console\n      })\n    }\n\n    if (typeof katex !== \"undefined\") {\n      mathPromise = mathPromise.then(() => {\n        arithmatex(\"arithmatex\", \"katex\")\n      }).catch(err => {\n        console.log(`Math loading failed...${err}`) // eslint-disable-line no-console\n      })\n    } else if (typeof MathJax !== \"undefined\" && 'typesetPromise' in MathJax) {\n      mathPromise = mathPromise.then(() => {\n        arithmatex(\"arithmatex\", \"mathjax\")\n      }).catch(err => {\n        console.log(`Math loading failed...${err}`) // eslint-disable-line no-console\n      })\n    }\n  }\n\n  if (window.document$) {\n    // Material specific hook\n    window.document$.subscribe(main)\n  } else {\n    // Normal non-Material specific hook\n    document.addEventListener(\"DOMContentLoaded\", main)\n  }\n})()\n","export default (className, mode) => {\n  if (mode === 'katex') {\n    const maths = document.querySelectorAll(`.${className}`)\n\n    for (let i = 0; i < maths.length; i++) {\n      const tex = maths[i].textContent || maths[i].innerText\n\n      if (tex.startsWith('\\\\(') && tex.endsWith('\\\\)')) {\n        katex.render(tex.slice(2, -2), maths[i], {'displayMode': false})\n      } else if (tex.startsWith('\\\\[') && tex.endsWith('\\\\]')) {\n        katex.render(tex.slice(2, -2), maths[i], {'displayMode': true})\n      }\n    }\n  } else if (mode === 'mathjax') {\n    MathJax.startup.output.clearCache()\n    MathJax.typesetClear()\n    MathJax.texReset()\n    MathJax.typesetPromise()\n  }\n}\n"],"names":["umlPromise","mathPromise","observer","main","uml","className","MermaidDiv","_HTMLElement","_inherits","_super","_this","_classCallCheck","shadow","call","this","attachShadow","mode","style","document","createElement","textContent","appendChild","_wrapNativeSuper","HTMLElement","customElements","get","define","defaultConfig","startOnLoad","theme","flowchart","htmlLabels","er","useMaxWidth","sequence","noteFontWeight","actorFontSize","messageFontSize","mermaid","mermaidAPI","globalReset","scheme","querySelector","getAttribute","err","config","mermaidConfig","initialize","blocks","querySelectorAll","concat","surrogate","_loop","block","i","parentEl","tagName","toLowerCase","shadowRoot","temp","visibility","display","padding","margin","lineHeight","fontSize","render","parent","text","j","childNodes","length","subEl","k","child","nodeName","test","nodeValue","getFromCode","content","fn","el","innerHTML","parentNode","insertBefore","removeChild","contains","arithmatex","maths","tex","innerText","startsWith","endsWith","katex","slice","displayMode","MathJax","startup","output","clearCache","typesetClear","texReset","typesetPromise","Promise","resolve","MutationObserver","mutations","forEach","mutation","type","target","localStorage","setItem","observe","attributeFilter","then","console","log","window","document$","subscribe","addEventListener"],"mappings":"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"}
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index f432e2cab..56cb9d95a 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -209,11 +209,11 @@ extra_css:
   # - https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css
   - assets/pymdownx-extras/extra-ed665380f8.css
 extra_javascript:
-  - https://unpkg.com/mermaid@9.4.0/dist/mermaid.min.js
+  - https://unpkg.com/mermaid@10.6.1/dist/mermaid.min.js
   # - https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
-  - assets/pymdownx-extras/extra-loader-ytLRhgzw.js
+  - assets/pymdownx-extras/extra-loader-MCFnu0Wd.js
 
 plugins:
   - search: